:root{color-scheme:dark;--ds-font: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ds-color-canvas: #000000;--ds-color-surface: #1c1c1e;--ds-color-text: #f5f5f7;--ds-color-muted: #c7c7cc;--ds-color-control: #96969c;--ds-color-divider: #404044;--ds-section-gap: 48px;--ds-color-accent: #0091ff;--ds-color-on-accent: #000000;--ds-color-focus: #5cb8ff;--ds-color-success: #30d158;--ds-color-warning: #ffd600;--ds-color-danger: #ff4245;--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-6: 24px;--ds-space-8: 32px;--ds-space-12: 48px;--ds-type-small: 16px;--ds-type-body: 17px;--ds-type-section: 22px;--ds-type-page: 28px;--ds-type-display: clamp(56px, 10vw, 152px);--ds-type-doc-page: clamp(32px, 4vw, 40px);--ds-type-doc-section: 26px;--ds-type-heading: 20px;--ds-type-ride-status: 32px;--ds-type-ride-status-compact: 28px;--ds-type-ride-destination: 22px;--ds-type-ride-support: 20px;--ds-type-ride-support-compact: 18px;--ds-type-ride-body-compact: 18px;--ds-type-ride-metric: 24px;--ds-control-ride: 56px;--ds-control-ride-compact: 48px;--ds-color-static-ink: #0b0b0d;--ds-color-static-paper: #f5f5f7;--ds-type-weight-strong: 650;--ds-type-weight-regular: 500;--ds-type-tracking-tight: -.02em;--ds-type-tracking-label: 0;--ds-type-label-transform: none;--ds-border-width: 1px;--ds-density: 1;--ds-page-max: 1440px;--ds-page-inset: 24px;--ds-grid-gap: 16px;--ds-control-height: 44px;--ds-header-height: 56px;--ds-nav-gap: 32px;--ds-radius: 4px;--ds-radius-medium: 8px;--ds-radius-large: 12px;--ds-radius-round: 999px;--ds-baseline: 4px}[data-ds-theme=day]{color-scheme:light;--ds-color-canvas: #f5f5f7;--ds-color-surface: #ffffff;--ds-color-text: #171719;--ds-color-muted: #515158;--ds-color-control: #707078;--ds-color-divider: #ccccd1;--ds-color-accent: #0066cc;--ds-color-on-accent: #ffffff;--ds-color-focus: #0060c0;--ds-color-danger: #c8000f}[data-ds-brand=northline]{--ds-color-canvas: #0b1014;--ds-color-surface: #182027;--ds-color-text: #f3f6f8;--ds-color-muted: #c3ccd2;--ds-color-divider: #2b3740;--ds-color-accent: #2ad3c2;--ds-color-on-accent: #041a18;--ds-color-focus: #7ff0e3;--ds-radius-large: 28px;--ds-control-ride: 60px;--ds-density: 1.15;--ds-type-weight-strong: 600;--ds-type-weight-regular: 500;--ds-type-tracking-tight: -.01em;--ds-type-ride-status: 30px;--ds-type-ride-destination: 22px;--ds-type-ride-metric: 26px;--ds-border-width: 1px}[data-ds-brand=northline][data-ds-theme=day]{--ds-color-canvas: #eef3f5;--ds-color-surface: #ffffff;--ds-color-text: #0f1a1f;--ds-color-muted: #435159;--ds-color-divider: #c9d3d8;--ds-color-accent: #0b6d65;--ds-color-on-accent: #ffffff;--ds-color-focus: #0b6d65}[data-ds-brand=atlas]{--ds-color-canvas: #0e0b08;--ds-color-surface: #221c16;--ds-color-text: #f7f3ee;--ds-color-muted: #cfc6bb;--ds-color-divider: #46403a;--ds-color-accent: #ff9f1a;--ds-color-on-accent: #1a1000;--ds-color-focus: #ffc46b;--ds-radius-large: 2px;--ds-control-ride: 52px;--ds-density: .85;--ds-type-weight-strong: 700;--ds-type-weight-regular: 600;--ds-type-tracking-tight: 0;--ds-type-tracking-label: .06em;--ds-type-label-transform: none;--ds-type-ride-status: 34px;--ds-type-ride-destination: 20px;--ds-type-ride-metric: 28px;--ds-border-width: 2px}[data-ds-brand=atlas][data-ds-theme=day]{--ds-color-canvas: #f6f2ec;--ds-color-surface: #fffdf9;--ds-color-text: #1c1611;--ds-color-muted: #574e47;--ds-color-divider: #d9d0c5;--ds-color-accent: #994d00;--ds-color-on-accent: #ffffff;--ds-color-focus: #994d00}[data-ds-brand=verve]{--ds-color-canvas: #050807;--ds-color-surface: #141a17;--ds-color-text: #f2f7f3;--ds-color-muted: #bfcac3;--ds-color-divider: #323d37;--ds-color-accent: #b4ff3c;--ds-color-on-accent: #0b1a00;--ds-color-focus: #d7ff8f;--ds-radius-large: 14px;--ds-control-ride: 64px;--ds-density: 1;--ds-type-weight-strong: 700;--ds-type-weight-regular: 500;--ds-type-tracking-tight: -.035em;--ds-type-ride-status: 38px;--ds-type-ride-destination: 24px;--ds-type-ride-metric: 32px;--ds-border-width: 2px}[data-ds-brand=verve][data-ds-theme=day]{--ds-color-canvas: #f1f5ef;--ds-color-surface: #ffffff;--ds-color-text: #121a14;--ds-color-muted: #46534a;--ds-color-divider: #cbd5cc;--ds-color-accent: #367000;--ds-color-on-accent: #ffffff;--ds-color-focus: #367000}[data-ds-brand=sable]{--ds-color-canvas: #0a0908;--ds-color-surface: #1d1a17;--ds-color-text: #f4efe6;--ds-color-muted: #cdc5b8;--ds-color-divider: #3f3a33;--ds-color-accent: #e3c27a;--ds-color-on-accent: #221a08;--ds-color-focus: #f2dca3;--ds-radius-large: 0px;--ds-control-ride: 56px;--ds-density: 1.3;--ds-type-weight-strong: 500;--ds-type-weight-regular: 400;--ds-type-tracking-tight: .02em;--ds-type-tracking-label: .04em;--ds-type-ride-status: 30px;--ds-type-ride-destination: 22px;--ds-type-ride-metric: 26px;--ds-border-width: 1px}[data-ds-brand=sable][data-ds-theme=day]{--ds-color-canvas: #f4efe6;--ds-color-surface: #fcfaf5;--ds-color-text: #1b1711;--ds-color-muted: #554d43;--ds-color-divider: #d8cfc0;--ds-color-accent: #7c5d14;--ds-color-on-accent: #ffffff;--ds-color-focus: #7c5d14}@media (min-width: 768px){:root{--ds-page-inset: 40px;--ds-grid-gap: 24px}}.ds-page{width:100%;max-width:var(--ds-page-max);margin-inline:auto;padding-inline:var(--ds-page-inset)}.ds-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--ds-space-6) var(--ds-grid-gap)}.ds-brand{display:inline-flex;min-height:var(--ds-control-height);align-items:center;flex-shrink:0;border-radius:var(--ds-radius);color:var(--ds-color-text);font:650 var(--ds-type-body)/1.35 var(--ds-font);letter-spacing:-.02em}.ds-product-header__inner{display:flex;min-height:calc(var(--ds-header-height) - 1px);align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0 var(--ds-space-4)}.ds-product-nav{display:flex;min-width:0;align-items:center;gap:var(--ds-nav-gap)}.ds-product-nav a{display:inline-flex;min-height:var(--ds-control-height);align-items:center;justify-content:center;gap:var(--ds-space-2);padding-inline:var(--ds-space-3);border-radius:var(--ds-radius);color:var(--ds-color-muted);font:500 var(--ds-type-small)/1.35 var(--ds-font);white-space:nowrap}.ds-product-nav a[aria-current=page]{background:#202023;color:var(--ds-color-text)}.ds-grid-toggle-label{display:inline-grid;justify-items:start}.ds-grid-toggle-label>span{grid-area:1 / 1}.ds-divider{display:block;grid-column:1 / -1;width:100%;height:0;margin:var(--ds-section-gap) 0;padding:0;border:0;border-top:1px solid var(--ds-color-divider)}@media (max-width: 767px){.ds-divider{margin-block:32px}}.ds-grid-overlay{position:fixed;top:0;bottom:0;z-index:9999;pointer-events:none;grid-template-columns:repeat(12,minmax(0,1fr));background-image:linear-gradient(to bottom,color-mix(in srgb,var(--ds-color-focus) 18%,transparent) 1px,transparent 1px);background-position-y:var(--ds-grid-phase, 0px)}.ds-grid-overlay>span:not(.ds-grid-caption){background:color-mix(in srgb,var(--ds-color-focus) 7%,transparent);border-inline:1px solid color-mix(in srgb,var(--ds-color-focus) 36%,transparent)}.ds-grid-caption{position:fixed;bottom:var(--ds-space-4);right:var(--ds-page-inset);padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius);background:var(--ds-color-canvas);color:var(--ds-color-text);font:500 var(--ds-type-small)/1.5 var(--ds-font)}.ds-link{display:inline-flex;min-height:var(--ds-control-height);align-items:center;gap:var(--ds-space-2);border-radius:var(--ds-radius);color:var(--ds-color-text);text-decoration:underline;text-decoration-color:var(--ds-color-control);text-underline-offset:6px;transition:text-decoration-color .15s ease-out}.ds-link:hover{text-decoration-color:var(--ds-color-text)}.ds-link--quiet{text-decoration:none;color:var(--ds-color-muted)}.ds-subgrid{display:grid;grid-template-columns:subgrid}.ds-grid-right{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--ds-space-6) var(--ds-grid-gap)}@media (min-width: 768px){.ds-grid-right{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (min-width: 1024px){.ds-grid-right{grid-template-columns:repeat(9,minmax(0,1fr))}}.ds-button{display:inline-flex;min-height:var(--ds-control-height);align-items:center;justify-content:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-4);border:1px solid var(--ds-color-control);border-radius:var(--ds-radius);background:transparent;color:var(--ds-color-text);font:600 var(--ds-type-body)/1.35 var(--ds-font);cursor:pointer}.ds-button--tonal{border-color:transparent;background:color-mix(in srgb,var(--ds-color-text) 10%,transparent)}.ds-button--tonal:hover:not(:disabled){border-color:transparent;background:color-mix(in srgb,var(--ds-color-text) 18%,transparent)}.ds-button--ghost{border-color:transparent}.ds-button[aria-busy=true] .ds-icon{animation:ds-spin 1s linear infinite}@media (prefers-reduced-motion: reduce){.ds-button[aria-busy=true] .ds-icon{animation:none}}.ds-field{min-width:0;min-height:var(--ds-control-height);padding:var(--ds-space-2) var(--ds-space-3);border:1px solid var(--ds-color-control);border-radius:var(--ds-radius);background:var(--ds-color-surface);color:var(--ds-color-text);font:var(--ds-type-body)/1.4 var(--ds-font);color-scheme:dark}.ds-status{display:inline-flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-type-small)}.ds-product-surface *:not(.ds-car,.ds-car *),.ds-product-surface *:not(.ds-car *):before,.ds-product-surface *:not(.ds-car *):after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ds-product-menu-button{display:none;min-height:var(--ds-control-height);align-items:center;padding-inline:var(--ds-space-3);border:0;border-radius:var(--ds-radius);background:transparent;color:var(--ds-color-text);font:500 var(--ds-type-body)/1.35 var(--ds-font);cursor:pointer}.ds-product-menu{position:fixed;inset:var(--ds-header-height) 0 0;z-index:40;display:flex;flex-direction:column;overflow-y:auto;padding-top:var(--ds-space-6);background:var(--ds-color-canvas)}.ds-product-menu a{display:inline-flex;min-height:var(--ds-control-height);align-items:center;gap:var(--ds-space-3);border-top:1px solid var(--ds-color-divider);padding-block:var(--ds-space-4);color:var(--ds-color-text);font-size:clamp(22px,6vw,36px);font-weight:600;letter-spacing:-.025em}.ds-product-menu .ds-grid-toggle{margin-top:var(--ds-space-6);align-self:flex-start;font-size:var(--ds-type-body)}@media (max-width: 1023px){.ds-product-nav--desktop{display:none}.ds-product-menu-button{display:inline-flex}}@media (prefers-contrast: more){:root{--ds-color-text: #ffffff;--ds-color-muted: #e5e5ea;--ds-color-control: #d1d1d6;--ds-color-divider: #96969c;--ds-color-accent: #5cb8ff;--ds-color-success: #4ad968;--ds-color-warning: #fedf43;--ds-color-danger: #ff6165}.ds-car-screen[data-ds-theme]{--ds-color-muted: var(--ds-color-text);--ds-color-control: var(--ds-color-text);--ds-color-divider: var(--ds-color-text)}}@media (forced-colors: active){:root{--ds-color-canvas: Canvas;--ds-color-surface: Canvas;--ds-color-text: CanvasText;--ds-color-muted: CanvasText;--ds-color-control: ButtonText;--ds-color-divider: CanvasText;--ds-color-accent: Highlight;--ds-color-on-accent: HighlightText;--ds-color-focus: Highlight;--ds-color-success: CanvasText;--ds-color-warning: CanvasText;--ds-color-danger: CanvasText}.ds-product-nav a[aria-current=page]{outline:2px solid Highlight}}.ds-ride-sound-button{position:relative}.ds-car-sound-settings{display:flex;align-items:center;gap:8px;min-height:44px;padding-top:8px}.ds-ride-ambient-check{width:12px;height:12px;opacity:0}.ds-ride-ambient-control[aria-pressed=true] .ds-ride-ambient-check{opacity:1}.ds-ride-app-rail{--ride-rail-bg: #050505;display:flex;grid-column:1;grid-row:1;min-width:0;min-height:0;flex-direction:column;gap:12px;padding:12px 14px;overflow:auto;background:var(--ride-rail-bg);color:#f6f5ef}.ds-ride-app-rail__header{display:flex;height:96px;min-height:96px;flex:0 0 96px;align-items:center;gap:10px;color:inherit;font-size:20px;font-weight:550;line-height:1.2}.ds-ride-app-rail__identity{display:grid;min-width:0;gap:6px}.ds-ride-app-rail__heading{display:block;min-width:0;font-weight:550;letter-spacing:-.015em;white-space:normal;overflow-wrap:normal}.ds-ride-app-rail__metadata{display:flex;flex-wrap:wrap;gap:2px 8px;color:#bcbcbc;font-size:13px;font-weight:400;line-height:1.4}.ds-ride-app-rail__metadata>span{white-space:nowrap}.ds-ride-app-rail__logo{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;overflow:hidden;border-radius:7px;background:#080808}.ds-ride-app-rail__logo img{display:block;width:26px;height:26px;object-fit:contain}.ds-car-screen .ds-ride-app-rail .ds-ride-app-actions{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:8px}.ds-car-screen .ds-ride-app-rail .ds-ride-app-actions .ds-button{width:auto;min-height:44px;max-width:100%;justify-content:flex-start;gap:9px;padding-inline:10px;color:#eee;font-size:16px;white-space:normal}.ds-car-screen .ds-ride-app-rail .ds-ride-app-actions .ds-button--secondary{border-color:#687069;color:#fff}.ds-car-screen .ds-ride-app-rail .ds-ride-app-actions .ds-button--ghost{color:#eceee9}.ds-car-screen .ds-ride-app-rail .ds-ride-app-actions .ds-ride-app-rail__car-info[aria-pressed=true],.ds-car-screen .ds-ride-app-rail .ds-ride-app-actions .ds-ride-app-rail__car-info[aria-pressed=true]:hover:not(:disabled){border-color:transparent;background:transparent;color:#eceee9;box-shadow:none}.ds-car-screen .ds-ride-app-rail .ds-ride-app-actions .ds-ride-app-rail__car-info-check{width:14px;height:14px;margin-left:auto}.ds-car-screen .ds-ride-app-rail .ds-ride-app-actions .ds-ride-app-rail__car-info-check{opacity:0}.ds-car-screen .ds-ride-app-rail .ds-ride-app-actions .ds-ride-app-rail__car-info[aria-pressed=true] .ds-ride-app-rail__car-info-check{opacity:1;color:var(--ds-color-accent)}.ds-ride-app-rail__options{display:flex;min-width:0;align-items:center;gap:6px}.ds-ride-sound-control{display:flex;min-width:0;align-items:center;gap:8px}.ds-ride-sound-button{width:44px;min-width:44px;min-height:44px;flex:0 0 44px;padding:0}.ds-ride-sound-error{max-width:220px;color:#f2bd72;font-size:12px;line-height:1.3}.ds-car-screen .ds-ride-app-rail .ds-ride-app-actions .ds-car-stop{margin:0;background:#c6202e;color:#fff}.ds-car-screen .ds-ride-app-rail .ds-ride-app-actions .ds-ride-stop-button{margin:0;border-color:transparent;background:transparent;color:#ee5c61}.ds-car-screen .ds-ride-app-rail .ds-ride-app-actions .ds-ride-stop-button .ds-icon{color:#ee5c61}.ds-ride-stop-button:focus-visible{outline:2px solid #ee5c61;outline-offset:2px}.ds-car .ds-ride-stop-button{margin:0;border-color:transparent;color:#ee5c61;background:transparent}.ds-ride-app-rail .ds-ride-app-actions .ds-icon{width:18px;height:18px;flex:0 0 auto}.ds-ride-app-rail__stop-slot,.ds-ride-app-rail__next-slot{display:block;min-height:44px}.ds-car-scene[data-view=phone] .ds-ride-app-rail .ds-ride-app-rail__next-slot{min-height:max(44px,calc(44px / var(--car-scale, 1)))}.ds-car-scene[data-view=phone] .ds-car-screen button{min-height:max(44px,calc(44px / var(--car-scale, 1)));min-width:max(44px,calc(44px / var(--car-scale, 1)))}.ds-car-scene[data-view=phone] .ds-car-screen input:not([type=range]){min-height:max(44px,calc(44px / var(--car-scale, 1)));font-size:max(16px,1em)}.ds-ride-app-actions__ride{display:grid;grid-column:1 / -1;justify-items:start;gap:8px;width:100%;margin-top:4px;padding-top:12px;border-top:1px solid #303030}.ds-ride-action-feedback{min-height:44px;gap:9px;padding-inline:10px;white-space:normal;cursor:default;font-size:16px;font-weight:var(--ds-type-weight-medium, 500)}.ds-car-screen[data-stack] .ds-ride-app-actions__ride{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-ride-app-rail__foot{margin-top:auto;color:#aeb6ae;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.ds-car-screen[data-stack] .ds-ride-app-rail{grid-column:1;grid-row:1;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px;padding:8px 12px;overflow:visible}.ds-car-screen[data-stack] .ds-ride-app-rail__header{width:auto;height:96px;min-height:96px;flex:0 0 96px;gap:10px;font-size:20px}.ds-car-screen[data-stack] .ds-ride-app-rail__heading small{display:none}.ds-car-screen[data-stack] .ds-ride-app-rail__logo{width:30px;height:30px}.ds-car-screen[data-stack] .ds-ride-app-rail__logo img{width:23px;height:23px}.ds-car-screen[data-stack] .ds-ride-app-rail .ds-ride-app-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:start;align-items:start;gap:8px}.ds-car-screen[data-stack] .ds-ride-app-rail .ds-ride-app-actions .ds-button{width:auto;min-height:max(44px,calc(44px / var(--car-scale, 1)));padding-inline:10px;font-size:16px}.ds-car-screen[data-stack] .ds-ride-app-rail__options{display:flex;grid-column:1 / -1;width:100%}.ds-car-screen[data-stack] .ds-ride-sound-control{display:flex}.ds-car .ds-car-scene .ds-car-screen[data-stack] :is(.ds-car-theater,.ds-demo-app,.ds-spotify-player,.ds-youtube-player){display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;touch-action:pan-y}.ds-car .ds-car-scene .ds-car-screen[data-stack] .ds-ride-app-rail{order:0;display:flex;flex:0 0 auto;height:auto;min-height:min-content;position:relative;z-index:1}.ds-car .ds-car-scene .ds-car-screen[data-stack] :is(.ds-car-theater-still,.ds-demo-content,.ds-spotify-now-playing,.ds-youtube-player__app){order:1;flex:0 0 auto;height:auto;min-height:240px}.ds-car .ds-car-scene .ds-car-screen[data-stack] :is(.ds-car-theater-info,.ds-demo-info,.ds-spotify-info,.ds-youtube-player__info){order:2;flex:0 0 240px;height:240px;min-height:240px}.ds-car .ds-car-scene[data-view=cabin] .ds-car-screen[data-stack] .ds-ride-app-rail .ds-ride-app-actions .ds-button{min-height:44px}.ds-car .ds-car-scene .ds-car-screen .ds-car-theater-movie{display:contents}.ds-car .ds-car-scene .ds-car-screen[data-stack] .ds-car-theater-player{height:auto;min-height:0;grid-template-rows:auto auto}.ds-car .ds-car-scene .ds-car-screen[data-stack] .ds-car-theater-image{width:100%;height:auto;aspect-ratio:16 / 9}.ds-car-screen .ds-ride-app-rail .ds-ride-app-actions .ds-button{white-space:nowrap;flex-shrink:0}.ds-car-screen .ds-ride-app-rail .ds-ride-app-actions .ds-ride-app-rail__car-info-check{width:12px;height:12px;flex:0 0 12px}.ds-car-screen[data-stack] .ds-ride-sound-error{grid-column:1 / -1}.ds-car-screen[data-stack] .ds-ride-app-rail__next-slot{width:100%;min-height:44px}.ds-car-screen[data-stack] .ds-ride-app-rail__stop-slot{min-height:0}.ds-car-screen[data-stack] .ds-ride-app-rail__foot{display:none}.ds-car-screen[data-stack]{overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ds-car-screen[data-stack]::-webkit-scrollbar{display:none}.ds-car-scene[data-view=phone] .ds-car-screen .ds-ride-app-rail .ds-ride-app-actions .ds-button{min-height:max(44px,calc(44px / var(--car-scale, 1)))}.ds-car-scene[data-view=phone] .ds-car-screen .ds-ride-sound-button{width:max(44px,calc(44px / var(--car-scale, 1)));min-width:max(44px,calc(44px / var(--car-scale, 1)));min-height:max(44px,calc(44px / var(--car-scale, 1)));flex-basis:max(44px,calc(44px / var(--car-scale, 1)))}@media (hover: none){.ds-ride-app-rail .ds-button:hover{background:inherit}.ds-youtube-player__card:hover .ds-youtube-player__thumb img,.ds-demo-app *:hover{transform:none}}.ds-car :is(.ds-car-theme,.ds-car-themes,.ds-car-view,.ds-car-sizes) .ds-button:after{display:inline-block;width:12px;height:12px;flex:0 0 12px;margin-left:5px;background:var(--ds-color-accent);content:"";opacity:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4L19 6' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4L19 6' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}.ds-car :is(.ds-car-theme,.ds-car-themes,.ds-car-view,.ds-car-sizes) .ds-button[aria-pressed=true],.ds-car :is(.ds-car-theme,.ds-car-themes,.ds-car-view,.ds-car-sizes) .ds-button[aria-pressed=true]:hover:not(:disabled){border-color:transparent;background:transparent;box-shadow:none}.ds-car :is(.ds-car-theme,.ds-car-themes,.ds-car-view,.ds-car-sizes) .ds-button[aria-pressed=true]:after{opacity:1}.ds-car .ds-car-theme .ds-button[aria-pressed=true]{color:var(--ds-color-muted);font-weight:var(--ds-type-weight-regular)}.ds-car-screen .ds-car-theater{grid-template-columns:232px minmax(0,1fr)}.ds-car-screen .ds-car-theater[data-info]{grid-template-columns:232px minmax(0,1fr) minmax(170px,220px)}.ds-car-screen .ds-car-theater-movie{display:contents}.ds-car-screen .ds-car-theater-still{display:grid;grid-template-rows:minmax(0,1fr) auto;grid-column:2;grid-row:1;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;background:#050505;object-fit:initial}.ds-car-screen .ds-car-theater-still>img,.ds-car-screen .ds-car-theater-still>video{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}.ds-car-screen[data-stack] .ds-car-theater,.ds-car-screen[data-stack] .ds-car-theater[data-info]{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.ds-car-screen[data-stack] .ds-car-theater-movie{display:contents}.ds-car-screen[data-stack] .ds-car-theater-still{grid-column:1;grid-row:2}.ds-car-screen[data-stack] .ds-car-theater .ds-ride-app-rail{grid-column:1;grid-row:1}.ds-car-screen[data-stack] .ds-car-theater-info{grid-column:1;grid-row:3}.ds-car-screen[data-stack] .ds-car-theater .ds-ride-app-rail__footer{display:none}.ds-car-screen[data-stack] :is(.ds-demo-app,.ds-spotify-player,.ds-youtube-player,.ds-car-theater){grid-template-rows:auto minmax(180px,1fr) auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ds-car-screen[data-stack] :is(.ds-demo-app,.ds-spotify-player,.ds-youtube-player,.ds-car-theater)::-webkit-scrollbar{display:none}.ds-car-screen[data-stack] :is(.ds-demo-app,.ds-spotify-player,.ds-youtube-player)>.ds-ride-app-rail,.ds-car-screen[data-stack] .ds-car-theater .ds-ride-app-rail{min-height:min-content}.ds-car-screen[data-strip] .ds-car-theater,.ds-car-screen[data-strip] .ds-car-theater[data-info]{grid-template-columns:232px minmax(0,1fr) minmax(0,0fr)}.ds-car-screen[data-strip] .ds-car-theater[data-info]{grid-template-columns:232px minmax(0,1fr) minmax(170px,210px)}.ds-car-screen .ds-car-theater .ds-ride-app-rail{background:#050505;color:#f5f5f5}.ds-car-screen .ds-car-theater-progress{gap:6px}.ds-car-screen .ds-car-theater-times{color:#bdbdbd}.ds-car-screen .ds-car-theater-heading{display:grid;gap:4px}.ds-car-screen .ds-car-theater-heading strong{font-family:var(--ds-font);font-size:clamp(16px,1.8vw,22px);font-weight:600;line-height:1.25}.ds-car-screen .ds-car-theater-heading>span{color:#b7bdb8;font-size:12px;line-height:1.4}.ds-car-screen,.ds-car-screen *{scrollbar-width:none}.ds-car-screen::-webkit-scrollbar,.ds-car-screen *::-webkit-scrollbar{display:none;width:0;height:0}.ds-demo-product-art{display:block;object-fit:contain}.ds-demo-food-art{display:block;object-fit:cover}.ds-demo-cart-row>.ds-demo-product-art{object-fit:contain}.ds-demo-restaurant .ds-demo-food-art{width:100%;height:100%}.ds-demo-app[data-demo-app=tiktok] .ds-demo-social__stage{align-self:center}.ds-demo-app[data-demo-app=tiktok] .ds-demo-clip{aspect-ratio:9 / 16}.ds-demo-app[data-demo-app=tiktok] .ds-demo-clip>img{object-fit:cover}.ds-car-screen .ds-ride-app-rail .ds-ride-app-actions .ds-ride-action-feedback{height:auto;white-space:normal}.ds-car .ds-ride-action-feedback>span{min-width:0;white-space:normal;overflow-wrap:break-word;line-height:1.25}.ds-car-fan-adjusting{transform-box:fill-box;transform-origin:center;animation:ds-car-fan-turn .6s ease-out}@keyframes ds-car-fan-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.ds-car-fan-adjusting{animation:none}}.ds-spotify-player{position:absolute;inset:0;z-index:5;display:grid;grid-template-columns:232px minmax(0,1fr);min-width:0;min-height:0;overflow:hidden;background:#111;color:#f6f6f6}.ds-spotify-player[data-info]{grid-template-columns:232px minmax(0,1fr) minmax(170px,220px)}.ds-spotify-info{min-width:0;min-height:0;overflow:auto;padding:14px;background:#f2f0e9;color:#20211f}.ds-spotify-info .ds-car-map{display:block}.ds-spotify-player>.ds-ride-app-rail{--ride-rail-bg: #050505}.ds-spotify-now-playing{display:grid;grid-template-columns:minmax(150px,38%) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;align-content:center;align-items:end;gap:clamp(18px,3vw,42px);min-width:0;min-height:0;overflow:auto;padding:clamp(24px,5vw,72px);background:linear-gradient(180deg,#223b2b,#121914 55%,#101010)}.ds-spotify-album-art{display:block;width:100%;max-height:55vh;aspect-ratio:1;object-fit:cover;box-shadow:0 14px 35px #0006}.ds-spotify-track-info{min-width:0;align-self:end}.ds-spotify-label{color:#d6ded8;font-size:12px;font-weight:650}.ds-spotify-track-info h1{margin:10px 0 8px;color:#fff;font-size:clamp(25px,4vw,54px);font-weight:700;letter-spacing:-.035em;line-height:1.1}.ds-spotify-track-info p{margin:0;color:#d3d8d4;font-size:clamp(15px,1.6vw,21px);line-height:1.4}.ds-spotify-controls{grid-column:1 / -1;display:grid;gap:13px;min-width:0}.ds-spotify-progress{display:grid;gap:6px;color:#ccc;font-size:11px;font-variant-numeric:tabular-nums}.ds-spotify-progress progress{width:100%;height:4px;accent-color:#1ed760}.ds-spotify-progress>div{display:flex;justify-content:space-between;gap:10px}.ds-spotify-buttons{display:flex;align-items:center;gap:10px}.ds-spotify-buttons .ds-button{min-height:44px}.ds-car .ds-car-screen .ds-spotify-player .ds-button.ds-spotify-play{border-color:transparent;border-radius:999px;background:#1ed760;color:#101510}.ds-car .ds-car-screen .ds-spotify-player .ds-button.ds-spotify-play:hover:not(:disabled){background:#35e477}.ds-car .ds-car-screen .ds-spotify-player .ds-spotify-buttons .ds-button--ghost:not(.ds-spotify-play){color:#f6f6f6}.ds-spotify-next{color:#eee}.ds-spotify-player button:focus-visible{outline:2px solid #1ed760;outline-offset:2px}.ds-car-screen[data-stack] .ds-spotify-player,.ds-car-screen[data-stack] .ds-spotify-player[data-info]{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.ds-car-screen[data-stack] .ds-spotify-info{grid-column:1;grid-row:3}.ds-car-screen[data-stack] .ds-spotify-now-playing{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto;justify-items:center;gap:12px;padding:15px;text-align:center}.ds-car-screen[data-stack] .ds-spotify-album-art{width:min(45%,260px);max-height:40vh}.ds-car-screen[data-stack] .ds-spotify-track-info{align-self:start}.ds-car-screen[data-stack] .ds-spotify-track-info h1{margin:4px 0;font-size:clamp(18px,4vw,28px)}.ds-car-screen[data-stack] .ds-spotify-track-info p{font-size:13px}.ds-car-screen[data-stack] .ds-spotify-controls{width:min(100%,520px)}.ds-car-screen[data-strip] .ds-spotify-now-playing{grid-template-columns:minmax(120px,24%) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;padding:20px}.ds-car-screen[data-strip] .ds-spotify-album-art{max-height:40vh}.ds-ride-car-info{display:grid;grid-template-rows:auto auto auto auto minmax(80px,1fr);align-content:start;width:100%;height:100%;min-width:0;min-height:0;gap:8px;color:var(--ride-app-ink, #f5f5f7);background:var(--ride-app-surface, #050505);font-family:var(--ds-font)}.ds-car-screen .ds-ride-car-info{--ds-color-text: var(--ride-app-ink, #f5f5f7);--ds-color-muted: var(--ride-app-muted, #bdbdc4);--ds-color-canvas: var(--ride-app-surface, #050505)}.ds-car-screen :is(.ds-car-theater-info,.ds-demo-info,.ds-spotify-info):has(>.ds-ride-car-info){background:var(--ride-app-surface, #050505)}.ds-ride-car-info__speed{display:flex;align-items:baseline;gap:5px;line-height:1}.ds-ride-car-info__speed strong{font-size:18px;font-weight:550;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.ds-ride-car-info__speed>span{font-size:12px;font-weight:400;color:var(--ds-color-muted)}.ds-ride-car-info__status{display:block;font-size:19px;font-weight:600;letter-spacing:-.015em;line-height:1.25}.ds-ride-car-info__remaining{display:flex;flex-wrap:wrap;gap:0 5px;color:var(--ds-color-muted);font-size:12px;line-height:1.35;font-variant-numeric:tabular-nums}.ds-ride-car-info__remaining>span{white-space:nowrap}.ds-ride-car-info__visuals{display:grid;grid-row:5;grid-template-columns:minmax(0,1fr);min-height:80px;gap:8px}.ds-ride-street-view{display:none;position:relative;min-width:0;min-height:80px;overflow:hidden;border-radius:var(--ds-radius);background:var(--ride-app-surface, #050505)}.ds-ride-street-view__svg{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden}.ds-ride-car-info__map{min-height:80px;overflow:hidden;border-radius:var(--ds-radius);--ds-color-text: var(--ride-app-ink, #f5f5f7);--ds-color-muted: var(--ride-app-muted, #bdbdc4);--ds-color-canvas: var(--ride-app-surface, #080b0e)}.ds-car-screen[data-ds-theme] .ds-ride-car-info__map .ds-car-map-svg{--ds-color-text: var(--ride-app-ink, #f5f5f7);--ds-color-muted: var(--ride-app-muted, #bdbdc4);--ds-color-canvas: var(--ride-app-surface, #080b0e)}.ds-car .ds-car-screen .ds-ride-car-info__brightness .ds-car-theme{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;margin:0}.ds-car .ds-car-screen .ds-ride-car-info__brightness .ds-button{width:100%;min-width:0;min-height:var(--car-control-height, 44px);height:auto;padding:4px 2px;gap:2px;font-size:12px;white-space:nowrap;text-transform:none;color:var(--ride-app-ink)}.ds-car .ds-car-screen .ds-ride-car-info__brightness .ds-icon{display:none}.ds-car-screen .ds-ride-car-info__map>.ds-car-map-svg{height:100%}.ds-car-screen :is(.ds-car-theater-info,.ds-demo-info,.ds-spotify-info):has(>.ds-ride-car-info){display:block;min-height:0;overflow:hidden}.ds-car-screen[data-stack] :is(.ds-car-theater-info,.ds-demo-info,.ds-spotify-info):has(>.ds-ride-car-info){height:292px;min-height:292px}.ds-car .ds-car-screen:not([data-stack]) :is(.ds-car-theater,.ds-demo-app,.ds-spotify-player,.ds-youtube-player){grid-template-columns:232px minmax(0,1fr)}.ds-car .ds-car-screen:not([data-stack]) :is(.ds-car-theater,.ds-demo-app,.ds-spotify-player,.ds-youtube-player)[data-info]{grid-template-columns:232px minmax(0,1fr) 220px}.ds-car .ds-car-screen:not([data-stack]) :is(.ds-car-theater,.ds-demo-app,.ds-spotify-player,.ds-youtube-player)[data-info]>:is(.ds-car-theater-info,.ds-demo-info,.ds-spotify-info,.ds-youtube-player__info){grid-column:3;grid-row:1}.ds-car .ds-car-screen:not([data-stack]) :is(.ds-car-theater,.ds-demo-app,.ds-spotify-player,.ds-youtube-player)[data-info] :is(.ds-car-theater-still,.ds-demo-content,.ds-spotify-now-playing,.ds-youtube-player__app){grid-column:2;grid-row:1}.ds-car-scene[data-screen="13"] .ds-car-screen:not([data-stack]) .ds-ride-car-info__visuals{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(100px,.4fr) minmax(120px,1fr)}.ds-car-scene[data-screen="13"] .ds-car-screen:not([data-stack]) .ds-ride-street-view{display:block}.ds-car .ds-car-screen .ds-ride-car-info .ds-ride-car-info__visuals{grid-template-rows:minmax(0,1fr)}.ds-car .ds-car-screen .ds-ride-car-info .ds-ride-car-info__map>.ds-car-map-svg{min-height:0;max-height:100%;height:100%}.ds-car .ds-car-screen[data-stack] :is(.ds-car-theater,.ds-demo-app,.ds-spotify-player,.ds-youtube-player)[data-info]>:is(.ds-car-theater-info,.ds-demo-info,.ds-spotify-info,.ds-youtube-player__info){height:max(292px,calc(var(--car-control-height, 44px) + 248px));min-height:max(292px,calc(var(--car-control-height, 44px) + 248px))}.ds-car-screen .ds-car-theater,.ds-car-screen .ds-car-theater-still{background:#050505}.ds-car-playback{--ds-color-text: #f5f4ef;--ds-color-muted: #bdbdbd;--ds-color-canvas: #050505;display:grid;grid-template-rows:24px auto;gap:2px;min-width:0;padding:4px 14px 6px;overflow:hidden;background:#050505;color:#f5f4ef;font-family:var(--ds-font, "Instrument Sans", sans-serif)}.ds-car-playback__seek{display:block;width:100%;height:24px;margin:0;appearance:none;border:0;border-radius:999px;outline:0;background:transparent;cursor:pointer}.ds-car-playback__seek::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,#f5f4ef 0 var(--playback-progress, 0%),rgb(245 244 239 / 30%) var(--playback-progress, 0%) 100%)}.ds-car-playback__seek::-moz-range-track{height:4px;border-radius:999px;background:linear-gradient(to right,#f5f4ef 0 var(--playback-progress, 0%),rgb(245 244 239 / 30%) var(--playback-progress, 0%) 100%)}.ds-car-playback__seek::-webkit-slider-thumb{width:10px;height:10px;appearance:none;margin-top:-3px;border:2px solid #050505;border-radius:50%;background:#f5f4ef}.ds-car-playback__seek::-moz-range-thumb{width:8px;height:8px;border:2px solid #050505;border-radius:50%;background:#f5f4ef}.ds-car-playback__seek:focus-visible{outline:2px solid #f5f4ef;outline-offset:4px}.ds-car-playback__row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:36px}.ds-car-playback__time{min-width:0;color:#bdbdbd;font-size:12px;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}.ds-car-playback__time:last-child{text-align:right}.ds-car-playback__transport{display:flex;align-items:center;justify-content:center;gap:4px}.ds-car-playback__transport .ds-button--icon{position:relative;flex:0 0 auto;color:#f5f4ef}.ds-car-playback__transport .ds-icon{width:18px;height:18px}.ds-car-playback__skip-label{position:absolute;inset:0;display:grid;place-items:center;color:inherit;font-size:8px;font-variant-numeric:tabular-nums;line-height:1}.ds-car-scene[data-view=phone] .ds-car-playback__transport .ds-button--icon{min-width:max(44px,calc(44px / var(--car-scale, 1)));min-height:max(44px,calc(44px / var(--car-scale, 1)))}.ds-car-scene[data-view=phone] .ds-car-playback{grid-template-rows:max(44px,calc(44px / var(--car-scale, 1))) auto}.ds-car-scene[data-view=phone] .ds-car-playback__seek{height:max(44px,calc(44px / var(--car-scale, 1)))}@media (prefers-reduced-motion: reduce){.ds-car-playback *,.ds-car-playback *:before,.ds-car-playback *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.ds-car-screen .ds-youtube-player{display:grid;grid-column:1 / -1;grid-row:1 / -1;grid-template-columns:232px minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;overflow:hidden;background:#0f0f0f;color:#f1f1f1;--ds-color-text: #f1f1f1;--ds-color-muted: #aaa;--youtube-text-size: 16px}.ds-car-screen .ds-youtube-player[data-info]{grid-template-columns:232px minmax(0,1fr) minmax(170px,220px)}.ds-youtube-brand,.ds-youtube-player__app-brand{display:inline-flex;align-items:center;gap:9px;font-size:20px;font-weight:750;letter-spacing:-.035em}.ds-youtube-brand__mark{display:grid;width:28px;height:20px;flex:0 0 auto;place-items:center;border-radius:6px;background:red}.ds-youtube-brand__mark i{width:0;height:0;margin-left:2px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #fff}.ds-youtube-player__label{color:#aaa;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.ds-youtube-player__app{display:flex;grid-column:2;grid-row:1;min-width:0;min-height:0;flex-direction:column;overflow:hidden;background:#0f0f0f}.ds-youtube-player__app-header{display:grid;grid-template-columns:minmax(120px,.6fr) minmax(150px,1fr);align-items:center;gap:clamp(12px,3vw,48px);min-height:68px;padding:0 clamp(16px,3vw,38px);border-bottom:1px solid #292929}.ds-youtube-player__app-brand{font-size:19px}.ds-youtube-player__app-brand img{display:block;width:28px;height:22px;object-fit:contain}.ds-youtube-player__search{display:flex;width:min(100%,520px);height:40px;justify-self:center;overflow:hidden;border:1px solid #303030;border-radius:24px;background:#121212}.ds-youtube-player__search input{width:100%;min-width:0;padding:0 16px;border:0;outline:0;background:transparent;color:#f1f1f1;font:inherit;font-size:14px}.ds-youtube-player__search input::placeholder{color:#888}.ds-youtube-player__search:focus-within{border-color:#3d3d3d}.ds-youtube-player__search-icon{display:grid;width:58px;flex:0 0 auto;place-items:center;border:0;border-left:1px solid #303030;background:#222;color:#f1f1f1}.ds-youtube-player__categories button:focus-visible,.ds-youtube-player__card:focus-visible,.ds-youtube-player__home:focus-visible,.ds-youtube-player__watch:focus-visible{outline:2px solid #f1f1f1;outline-offset:2px}.ds-youtube-player__browse,.ds-youtube-player__watch-view{display:flex;min-width:0;min-height:0;flex:1;flex-direction:column;overflow:auto}.ds-youtube-player__categories{display:flex;flex:0 0 auto;gap:9px;padding:16px clamp(16px,3vw,38px);border-bottom:1px solid #292929}.ds-youtube-player__categories button{min-height:32px;padding:0 13px;border:0;border-radius:8px;background:#272727;color:#f1f1f1;font:inherit;font-size:13px;cursor:pointer;transition:background-color .14s ease,color .14s ease}.ds-youtube-player__categories button:hover{background:#3a3a3a}.ds-youtube-player__categories button.is-active{background:#f1f1f1;color:#171717}.ds-youtube-player__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));align-content:start;gap:26px 16px;padding:22px clamp(16px,3vw,38px) 32px}.ds-youtube-player__card{display:block;min-width:0;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;text-align:left;cursor:pointer}.ds-youtube-player__thumb{position:relative;display:block;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:12px;background:#242424}.ds-youtube-player__thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .18s ease}.ds-youtube-player__card:hover .ds-youtube-player__thumb img{transform:scale(1.035)}.ds-youtube-player__duration{position:absolute;right:8px;bottom:8px;padding:3px 6px;border-radius:4px;background:#000000d1;color:#fff;font-size:11px;font-weight:650}.ds-youtube-player__card-copy{display:grid;grid-template-columns:36px minmax(0,1fr);gap:11px;padding-top:12px}.ds-youtube-player__channel-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#373737;color:#eee;font-size:15px;font-weight:700}.ds-youtube-player__card-text{display:grid;min-width:0;gap:6px}.ds-youtube-player__card-text strong{font-size:14px;font-weight:650;line-height:1.4}.ds-youtube-player__card-text>span{color:#aaa;font-size:12px;line-height:1.35}.ds-youtube-player__empty{display:grid;grid-column:1 / -1;justify-items:center;gap:9px;padding:52px 16px;color:#aaa;text-align:center}.ds-youtube-player__empty strong{color:#f1f1f1;font-size:16px}.ds-youtube-player__empty span{font-size:13px}.ds-youtube-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.ds-youtube-player__watch-toolbar{display:flex;min-height:58px;flex:0 0 auto;align-items:center;justify-content:space-between;gap:16px;padding:10px clamp(16px,3vw,38px)}.ds-youtube-player__home,.ds-car .ds-youtube-player .ds-youtube-player__watch{display:inline-flex;min-height:40px;align-items:center;gap:7px;padding:0 12px;border:1px solid #383838;border-radius:20px;background:#202020;color:#f1f1f1;font:inherit;font-size:13px;text-decoration:none;cursor:pointer}.ds-youtube-player__home:hover,.ds-car .ds-youtube-player .ds-youtube-player__watch:hover{background:#303030}.ds-youtube-player__preview{position:relative;width:min(100% - 48px,980px);max-height:100%;min-width:0;min-height:0;aspect-ratio:16 / 9;align-self:center;overflow:hidden;background:#080808}.ds-youtube-player__poster,.ds-youtube-player__iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}.ds-youtube-player__poster{padding:0;overflow:hidden;background:#080808;color:#fff;cursor:pointer}.ds-youtube-player__poster img{display:block;width:100%;height:100%;object-fit:contain}.ds-youtube-player__poster:after{position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0000008f);content:""}.ds-youtube-player__play{position:absolute;z-index:1;top:50%;left:50%;display:grid;width:68px;height:48px;place-items:center;border-radius:13px;background:red;transform:translate(-50%,-50%)}.ds-youtube-player__play svg{width:23px;height:23px}.ds-youtube-player__poster-caption{position:absolute;z-index:1;right:16px;bottom:14px;left:16px;text-align:left;font-size:15px;font-weight:650}.ds-youtube-player__details{width:min(100% - 48px,980px);align-self:center;padding:18px 0 24px}.ds-youtube-player__copy{display:grid;gap:7px}.ds-youtube-player__copy strong{font-size:clamp(18px,2vw,24px);line-height:1.2}.ds-youtube-player__copy span{color:#aaa;font-size:14px}.ds-youtube-player .ds-youtube-player__info{grid-column:3;grid-row:1;min-width:0;min-height:0;overflow:hidden;color:#f1f1f1;background:#0f0f0f}.ds-car-screen[data-stack] .ds-youtube-player,.ds-car-screen[data-stack] .ds-youtube-player[data-info]{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.ds-car-screen[data-stack] .ds-youtube-player__app-header{min-height:58px}.ds-car-screen[data-stack] .ds-youtube-player__grid{grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr))}.ds-car-screen[data-strip] .ds-youtube-player,.ds-car-screen[data-strip] .ds-youtube-player[data-info]{grid-template-columns:232px minmax(0,1fr) minmax(0,0fr)}.ds-car-screen[data-strip] .ds-youtube-player[data-info]{grid-template-columns:232px minmax(0,1fr) minmax(170px,210px)}.ds-car-screen[data-strip] .ds-youtube-player__main{padding:16px}.ds-car-screen[data-strip] .ds-youtube-player__app-header{min-height:58px}.ds-car-screen[data-strip] .ds-youtube-player__grid{grid-template-columns:repeat(auto-fill,minmax(min(205px,100%),1fr))}.ds-car-device--phone .ds-youtube-player{--youtube-text-size: max(16px, calc(16px / var(--car-scale, 1)))}.ds-car-device--phone .ds-youtube-player__actions .ds-button{min-height:max(44px,calc(44px / var(--car-scale, 1)));font-size:var(--youtube-text-size)}.ds-car-screen[data-stack] .ds-youtube-player__app-header{grid-template-columns:auto minmax(0,1fr);gap:12px;min-height:56px;padding-inline:12px}.ds-car-screen[data-stack] .ds-youtube-player__app-brand{font-size:17px}.ds-car-screen[data-stack] .ds-youtube-player__categories{padding:12px}.ds-car-screen[data-stack] .ds-youtube-player__grid{grid-template-columns:minmax(0,1fr);gap:20px;padding:16px 12px 24px}.ds-car-screen[data-stack] .ds-youtube-player__card-copy{grid-template-columns:32px minmax(0,1fr);gap:9px}.ds-car-screen[data-stack] .ds-youtube-player__channel-mark{width:32px;height:32px}.ds-car-screen[data-stack] .ds-youtube-player__preview,.ds-car-screen[data-stack] .ds-youtube-player__details{width:calc(100% - 24px)}.ds-car-screen[data-stack] .ds-youtube-player__watch-toolbar{padding-inline:12px}.ds-car-screen[data-stack] .ds-youtube-player{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.ds-car-screen[data-stack] .ds-youtube-player[data-info]{grid-template-columns:minmax(0,1fr)}.ds-car-screen[data-stack] .ds-youtube-player>.ds-ride-app-rail{grid-column:1;grid-row:1}.ds-car-screen[data-stack] .ds-youtube-player__app{grid-column:1;grid-row:2}.ds-car-screen[data-stack] .ds-youtube-player__info{grid-column:1;grid-row:3}.ds-youtube-player__poster--started{cursor:default}.ds-youtube-player__poster--started:after{display:none}.ds-demo-app{--demo-ink: #29322f;--demo-muted: #747a73;--demo-line: #dedbd2;position:relative;display:grid;grid-template-columns:minmax(176px,20%) minmax(0,1fr);grid-template-rows:minmax(0,1fr);width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;background:#e9e5dc;color:var(--demo-ink);isolation:isolate}.ds-car-screen>.ds-demo-app{position:absolute;inset:0;z-index:5}.ds-demo-rail .ds-demo-rail__mark{display:grid;place-items:center;background:#080808}.ds-demo-rail__mark img{display:block;width:24px;height:24px;object-fit:contain}.ds-demo-app[data-info=true]{grid-template-columns:minmax(176px,18%) minmax(0,1fr) minmax(208px,24%)}.ds-demo-rail{display:flex;min-width:0;min-height:0;flex-direction:column;justify-content:space-between;gap:16px;padding:clamp(12px,1.45vw,22px);overflow:auto;background:#252d2a;color:#f5f0e7}.ds-demo-rail__top{display:flex;align-items:center;gap:10px}.ds-demo-rail__mark{display:grid;width:35px;height:35px;flex:0 0 auto;place-items:center;border:1px solid #65716a;border-radius:11px;color:#f1c66d;font-size:24px;font-weight:800}.ds-demo-rail__label{color:#c2c9c2;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.ds-demo-rail__controls{display:grid;justify-items:start;gap:8px}.ds-demo-rail__controls .ds-button{min-height:44px;max-width:100%;padding-inline:12px;white-space:nowrap}.ds-demo-rail__controls .ds-button--secondary{border-color:#59645e;color:#f4f0e8}.ds-demo-rail__controls .ds-button--secondary:hover:not(:disabled){background:#38413c}.ds-demo-rail__controls .ds-button--ghost{color:#e2e6df}.ds-demo-rail__controls .ds-button--ghost:hover:not(:disabled),.ds-demo-rail__controls .ds-button--tonal:hover:not(:disabled){background:#38413c;color:#fff}.ds-demo-rail__controls .ds-button--tonal{color:#f1d58c}.ds-demo-rail__controls .ds-car-stop{margin-left:0;padding-inline:12px}.ds-demo-rail__foot{color:#aab2aa;font-size:11px;letter-spacing:.07em;text-transform:uppercase}.ds-demo-content{min-width:0;min-height:0;overflow:hidden;background:#f2f0e9}.ds-demo-app[data-demo-app=amazon]{--demo-ink: #26312f;--demo-muted: #777c76}.ds-demo-shop,.ds-demo-food,.ds-demo-social{position:relative;display:flex;width:100%;height:100%;min-width:0;min-height:0;flex-direction:column;overflow:auto}.ds-demo-shop{background:#f5f3ee}.ds-demo-shop__header{position:sticky;z-index:2;top:0;display:grid;grid-template-columns:auto minmax(130px,1fr) auto;align-items:center;gap:clamp(12px,2vw,28px);min-height:62px;padding:8px clamp(17px,3.1vw,45px);border-bottom:1px solid #e3e0d7;background:#fbfaf6}.ds-demo-shop__brand{position:relative;display:inline-flex;align-items:baseline;gap:1px;color:#26312f;font-size:22px;font-weight:850;letter-spacing:-.075em;white-space:nowrap}.ds-demo-shop__brand>span{position:absolute;top:13px;left:25px;color:#d59e43;font-size:21px;font-weight:900;transform:scaleX(1.4)}.ds-demo-shop__brand small,.ds-demo-food__brand small,.ds-demo-social-brand small{margin-left:6px;color:#7e837c;font-size:9px;font-weight:750;letter-spacing:.14em}.ds-demo-search{display:flex;min-width:0;height:40px;align-items:center;gap:9px;padding:0 10px 0 13px;border:1px solid #d9d6cd;border-radius:8px;background:#fffefa;color:#626d66}.ds-demo-search:focus-within,.ds-demo-social-search:focus-within{outline:2px solid #c6a65e;outline-offset:2px}.ds-demo-search input,.ds-demo-social-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#29322f;font:inherit;font-size:13px}.ds-demo-search input::placeholder,.ds-demo-social-search input::placeholder{color:#858a82}.ds-demo-search>span:last-child{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:6px;background:#edc66f;color:#343934}.ds-demo-cart-button,.ds-demo-food-cart{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:7px;padding:0 11px;border:1px solid transparent;border-radius:7px;background:transparent;color:#29322f;font:inherit;font-size:13px;font-weight:650;cursor:pointer}.ds-demo-cart-button:hover,.ds-demo-food-cart:hover{border-color:#d9d6cd;background:#f2efe6}.ds-demo-cart-button b,.ds-demo-food-cart b{display:grid;min-width:22px;height:22px;place-items:center;border-radius:50%;background:#e9bf62;font-size:11px}.ds-demo-shop__welcome,.ds-demo-food__intro{position:relative;display:flex;min-height:138px;align-items:center;justify-content:space-between;gap:20px;padding:16px clamp(20px,4vw,56px);overflow:hidden;background:#d9e1d8}.ds-demo-shop__welcome:after{position:absolute;top:-80px;right:10%;width:245px;height:245px;border:1px solid #b8c7b8;border-radius:50%;content:"";box-shadow:0 0 0 28px #d9e1d8,0 0 0 29px #c2d0c1}.ds-demo-eyebrow{margin:0 0 5px;color:#797e76;font-size:9px;font-weight:800;letter-spacing:.15em;line-height:1.2}.ds-demo-shop__welcome .ds-demo-eyebrow{color:#596b5e}.ds-demo-shop__welcome h1,.ds-demo-food__intro h1{margin:0;color:#28342e;font-size:clamp(21px,3vw,35px);font-weight:740;letter-spacing:-.055em;line-height:.99}.ds-demo-shop__welcome h1 em,.ds-demo-food__intro h1 em{font-family:inherit;font-style:normal;font-weight:600}.ds-demo-shop__welcome p:last-child,.ds-demo-food__intro p:last-child{margin:7px 0 0;color:#59675d;font-size:12px}.ds-demo-orbit{z-index:1;display:grid;width:76px;height:76px;flex:0 0 auto;place-items:center;margin-right:4%;border:1px solid #bbc8b8;border-radius:50%;background:#e6ebe1;color:#676}.ds-demo-products-heading,.ds-demo-food-section-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;padding:18px clamp(20px,4vw,56px) 11px}.ds-demo-products-heading h2,.ds-demo-food-section-heading h2{margin:0;color:#29322f;font-size:19px;letter-spacing:-.035em}.ds-demo-products-heading>span,.ds-demo-food-section-heading>span{padding-bottom:2px;color:#747a73;font-size:11px}.ds-demo-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 clamp(20px,4vw,56px) 8px}.ds-demo-product{min-width:0;overflow:hidden;border:1px solid #e5e1d8;border-radius:9px;background:#fffefa}.ds-demo-product__visual{position:relative;display:grid;height:clamp(90px,13vh,140px);min-height:78px;place-items:center;overflow:hidden;background:#e5e9e0}.ds-demo-product:nth-child(2) .ds-demo-product__visual{background:#eee3d1}.ds-demo-product:nth-child(3) .ds-demo-product__visual{background:#dce8e4}.ds-demo-product-art{display:grid;width:100%;height:100%;place-items:center}.ds-demo-product-art svg{width:min(61%,154px);height:90%;color:#455850}.ds-demo-product-art--book svg{color:#9c684a}.ds-demo-product-art--bottle svg{color:#537d78}.ds-demo-product__badge{position:absolute;right:8px;bottom:7px;padding:4px 6px;border-radius:4px;background:#fffdf8d9;color:#646e66;font-size:8px;font-weight:800;letter-spacing:.08em}.ds-demo-product__copy{padding:10px 11px 11px}.ds-demo-product__copy h3{margin:0;overflow:hidden;color:#303632;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.ds-demo-product__copy p{margin:4px 0 9px;overflow:hidden;color:#7b807a;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.ds-demo-product__copy>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.ds-demo-product__copy>div>strong{font-size:13px;font-variant-numeric:tabular-nums}.ds-demo-product__copy button,.ds-demo-dish button{display:inline-flex;min-width:42px;min-height:38px;align-items:center;justify-content:center;gap:5px;padding:0 9px;border:1px solid #d3d9cf;border-radius:6px;background:#f4f6ef;color:#34483d;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.ds-demo-product__copy button:hover,.ds-demo-dish button:hover{background:#e5ebdf}.ds-demo-footer-note{padding:10px clamp(20px,4vw,56px) 15px;color:#898d84;font-size:10px}.ds-demo-no-results{display:grid;min-height:140px;place-items:center;padding:24px;color:#777d74;font-size:13px;text-align:center}.ds-demo-cart,.ds-demo-food-order{width:min(100%,780px);min-height:100%;margin:0 auto;padding:clamp(18px,4vw,44px);background:#f9f8f3}.ds-demo-section-title{display:flex;align-items:end;justify-content:space-between;gap:12px;padding-bottom:17px;border-bottom:1px solid #e0ddd4}.ds-demo-section-title h1{margin:0;color:#29322f;font-size:clamp(23px,3vw,32px);letter-spacing:-.05em}.ds-demo-section-title h1 span{color:#81857c;font-size:.62em;font-weight:500}.ds-demo-text-button{min-height:42px;padding:7px 4px;border:0;background:transparent;color:#52675a;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.ds-demo-text-button:hover{text-decoration:underline}.ds-demo-empty{display:grid;justify-items:center;gap:9px;padding:40px 15px;color:#68756a;text-align:center}.ds-demo-empty strong{color:#343c37;font-size:17px}.ds-demo-empty span{color:#7a8078;font-size:12px}.ds-demo-empty button{min-height:42px;margin-top:5px;padding:0 16px;border:1px solid #bfcbbc;border-radius:6px;background:#edf1e9;color:#394d40;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.ds-demo-cart-list{display:grid}.ds-demo-cart-row,.ds-demo-food-order-row{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #e5e1d9}.ds-demo-cart-row>.ds-demo-product-art{width:76px;height:64px;flex:0 0 auto;border-radius:6px;background:#e5e9e0}.ds-demo-cart-row>.ds-demo-product-art svg{width:72%}.ds-demo-cart-row>strong:last-child{margin-left:auto;font-size:13px}.ds-demo-cart-copy{display:grid;min-width:0;gap:4px}.ds-demo-cart-copy>strong{overflow:hidden;color:#303632;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.ds-demo-cart-copy>span,.ds-demo-food-order-row>div:first-child>span{color:#787f76;font-size:11px}.ds-demo-qty{display:inline-flex;align-items:center;gap:7px}.ds-demo-qty>button{display:grid;width:34px;height:34px;place-items:center;border:1px solid #d9ddd4;border-radius:5px;background:#fffefa;color:#39483e;cursor:pointer}.ds-demo-qty>button:hover{background:#e9eee5}.ds-demo-qty>b{min-width:15px;font-size:12px;text-align:center}.ds-demo-qty>.ds-demo-remove{margin-left:4px;border-color:transparent;color:#8c6257}.ds-demo-cart-total{display:flex;justify-content:space-between;padding:17px 0;color:#666f66;font-size:12px}.ds-demo-cart-total strong{color:#2e3732;font-size:15px}.ds-demo-primary{width:100%;min-height:46px;border:0;border-radius:6px;background:#3a5142;color:#fbfaf6;font:inherit;font-size:13px;font-weight:750;cursor:pointer}.ds-demo-primary:hover{background:#2e4335}.ds-demo-fineprint{color:#7a8078;font-size:10px;text-align:center}.ds-demo-confirm{padding:13px;border:1px solid #c5d7c2;border-radius:6px;background:#eaf2e7;color:#3c6546;font-size:13px;text-align:center}.ds-demo-app[data-demo-app=doordash]{--demo-ink: #35342f}.ds-demo-food{background:#f8f5ed}.ds-demo-food__header{position:sticky;z-index:2;top:0;display:flex;min-height:62px;align-items:center;justify-content:space-between;gap:12px;padding:8px clamp(16px,3vw,42px);border-bottom:1px solid #e9e3d9;background:#fffdf8}.ds-demo-food__brand{display:flex;align-items:center;gap:8px;color:#2f3731;font-size:15px;font-weight:800;letter-spacing:-.04em}.ds-demo-food__brand>span{display:grid;width:33px;height:33px;place-items:center;border-radius:9px;background:#e64931;color:#fff8ee;font-size:21px;font-weight:800}.ds-demo-food__brand>div{display:flex;align-items:baseline}.ds-demo-address{display:flex;align-items:center;gap:6px;color:#687069;font-size:11px}.ds-demo-address strong{color:#414740;font-size:11px}.ds-demo-food__intro{min-height:119px;background:#f0dfc9}.ds-demo-food__intro .ds-demo-eyebrow{color:#97614c}.ds-demo-food__intro h1{color:#46372f}.ds-demo-food__intro p:last-child{color:#715f52}.ds-demo-food__stamp{display:grid;width:70px;height:70px;flex:0 0 auto;align-content:center;justify-items:center;gap:3px;margin-right:4%;border:1px dashed #cb9978;border-radius:50%;color:#a4523f;transform:rotate(8deg)}.ds-demo-food__stamp b{font-size:8px;letter-spacing:.1em;line-height:1.1;text-align:center}.ds-demo-food-search{margin:13px clamp(20px,4vw,56px) 0;background:#fffdfa}.ds-demo-food-section-heading{padding-top:15px}.ds-demo-restaurants{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:11px;padding:0 clamp(20px,4vw,56px) 5px}.ds-demo-restaurant{min-width:0;overflow:hidden;border:1px solid #e8e1d7;border-radius:9px;background:#fffdf9}.ds-demo-food-art{position:relative;display:grid;height:clamp(76px,10vh,110px);place-items:center;overflow:hidden;background:#ecddd1}.ds-demo-food-art--gold{background:#f0e0c6}.ds-demo-food-art--mint{background:#dfe6d9}.ds-demo-food-art>span{position:absolute;right:7px;bottom:6px;padding:4px 5px;border-radius:3px;background:#fffaf0d9;color:#6c6257;font-size:7px;font-weight:800;letter-spacing:.08em}.ds-demo-restaurant__body{padding:9px 10px 3px}.ds-demo-restaurant__top{display:flex;justify-content:space-between;gap:6px}.ds-demo-restaurant__top h3{margin:0;color:#393b35;font-size:12px;letter-spacing:-.02em}.ds-demo-restaurant__top p{margin:3px 0 0;color:#7b7a70;font-size:9px}.ds-demo-rating{flex:0 0 auto;color:#ae7138;font-size:10px;font-weight:750}.ds-demo-restaurant__meta{display:flex;gap:5px;padding:7px 0;color:#73786e;font-size:9px}.ds-demo-dish{display:flex;min-height:48px;align-items:center;gap:5px;padding:6px 0;border-top:1px solid #eee9e0}.ds-demo-dish>span{display:grid;min-width:0;flex:1;gap:3px}.ds-demo-dish b{overflow:hidden;color:#43453f;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.ds-demo-dish small{color:#88877e;font-size:8px}.ds-demo-dish>strong{color:#504e45;font-size:9px;white-space:nowrap}.ds-demo-dish button{min-width:34px;min-height:34px;padding:0;border-color:#eed1c8;background:#fff2ed;color:#be4734}.ds-demo-primary--red{background:#e64931}.ds-demo-primary--red:hover{background:#cb3c29}.ds-demo-food-order-row{justify-content:space-between}.ds-demo-food-order-row>div:first-child{display:grid;gap:5px}.ds-demo-food-order-row>div:first-child>strong{color:#393b35;font-size:12px}.ds-demo-app[data-demo-app=tiktok]{--demo-ink: #f8f7f2;--demo-muted: #aaa9a1}.ds-demo-content:has(.ds-demo-social){background:#151615}.ds-demo-social{align-items:center;background:#151615;color:#f6f4ee}.ds-demo-social__header{position:sticky;z-index:2;top:0;display:grid;width:100%;min-height:58px;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:7px clamp(15px,3vw,40px);border-bottom:1px solid #333431;background:#191a19}.ds-demo-social-brand{display:flex;align-items:center;justify-self:start;gap:5px}.ds-demo-social-brand>strong{font-size:17px;letter-spacing:-.06em}.ds-demo-social-brand small{color:#b3b0a5}.ds-demo-social-note{color:#72ddd5;font-size:23px;text-shadow:2px 1px #ec6688}.ds-demo-feed-tabs{display:flex;height:42px;align-items:center;gap:22px}.ds-demo-feed-tabs button{position:relative;min-height:42px;padding:0 3px;border:0;background:transparent;color:#a7a69f;font:inherit;font-size:12px;font-weight:650;cursor:pointer}.ds-demo-feed-tabs button[aria-selected=true]{color:#fff}.ds-demo-feed-tabs button[aria-selected=true]:after{position:absolute;right:0;bottom:3px;left:0;height:2px;background:#f2f0e9;content:""}.ds-demo-social-search{display:flex;width:min(100%,190px);height:35px;align-items:center;gap:7px;justify-self:end;padding:0 9px;border:1px solid #464743;border-radius:18px;color:#aaa99f}.ds-demo-social-search input{color:#f7f5ed;font-size:11px}.ds-demo-social__stage{position:relative;display:grid;width:min(100% - 32px,680px);min-height:0;flex:1;grid-template-columns:minmax(0,1fr) 48px;grid-template-rows:minmax(0,1fr) auto;gap:7px 12px;padding:14px 0 7px}.ds-demo-clip{position:relative;display:grid;width:auto;height:100%;min-width:0;min-height:0;grid-column:1;grid-row:1;justify-self:center;overflow:hidden;border:1px solid #41413c;border-radius:8px;background:#34342f}.ds-demo-clip>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.76) contrast(.94)}.ds-demo-clip__wash{position:absolute;inset:0;background:linear-gradient(0deg,#171815e8,#17181518 54%,#1718152b)}.ds-demo-clip__label{position:absolute;top:12px;left:12px;padding:6px 8px;border:1px solid #ffffff57;border-radius:4px;background:#10110f9c;color:#f1efe6;font-size:8px;font-weight:750;letter-spacing:.11em}.ds-demo-clip__caption{position:absolute;right:16px;bottom:18px;left:17px}.ds-demo-clip__caption>span{color:#a8e2d7;font-size:9px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.ds-demo-clip__caption h1{max-width:430px;margin:8px 0 5px;color:#fffdf7;font-family:inherit;font-size:clamp(22px,3.2vw,40px);font-weight:600;letter-spacing:-.045em;line-height:1.04}.ds-demo-clip__caption p{margin:0;color:#d3d1c7;font-size:10px}.ds-demo-clip__arrows{position:absolute;right:11px;bottom:12px;display:flex;gap:6px}.ds-demo-clip__arrows button{display:grid;width:37px;height:37px;place-items:center;border:1px solid #ffffff4d;border-radius:50%;background:#191a19a6;color:#fff;cursor:pointer}.ds-demo-clip__arrows button:hover{background:#333530}.ds-demo-social__side{display:flex;flex-direction:column;align-items:center;gap:13px;padding-top:8px}.ds-demo-avatar{display:grid;width:36px;height:36px;place-items:center;border:1px solid #676a5e;border-radius:50%;background:#414d44;color:#f0e4ce;font-size:15px;font-weight:700}.ds-demo-social-action{display:grid;min-width:44px;min-height:49px;justify-items:center;align-content:center;gap:3px;border:0;background:transparent;color:#eeeae0;cursor:pointer}.ds-demo-social-action span{font-size:8px}.ds-demo-social-action.is-active{color:#f06c83}.ds-demo-social__description{grid-column:1;grid-row:2;display:flex;min-width:0;align-items:baseline;gap:8px;color:#dad8ce}.ds-demo-social__description>strong{color:#fff;font-size:11px}.ds-demo-social__description>span{color:#a9a79d;font-size:10px}.ds-demo-social__description>p{margin:0;overflow:hidden;color:#d7d4c9;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.ds-demo-social__description>small{margin-left:auto;color:#929187;font-size:9px;white-space:nowrap}.ds-demo-social__footer{width:100%;padding:8px 12px 11px;color:#8f9088;font-size:9px;text-align:center}.ds-demo-social-notice{display:flex;align-items:center;gap:12px;margin:5px 0;padding:8px 12px;border:1px solid #5b5b53;border-radius:6px;color:#e6e3d9;font-size:11px}.ds-demo-social-notice button{min-height:34px;border:0;background:transparent;color:#b8e9df;font:inherit;cursor:pointer}.ds-demo-info{min-width:0;min-height:0;overflow:auto;padding:12px;background:var(--ds-color-canvas, #f2f0e9);color:var(--ds-color-text, #29322f)}.ds-demo-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.ds-demo-app button:focus-visible{outline:2px solid #c7a550;outline-offset:2px}.ds-demo-app{grid-template-columns:232px minmax(0,1fr);background:#f7f7f7;color:#171717}.ds-demo-app[data-info=true]{grid-template-columns:232px minmax(0,1fr) minmax(190px,22%)}.ds-demo-rail{display:none}.ds-demo-content{grid-column:2;grid-row:1;overflow:hidden;background:#f7f7f7}.ds-demo-app>.ds-ride-app-rail{--ride-rail-bg: #050505}.ds-demo-info{grid-column:3;grid-row:1}.ds-demo-shop__header{min-height:64px;background:#131921;border:0}.ds-demo-shop__brand{width:94px;height:38px;align-items:center}.ds-demo-shop__brand img{width:88px;height:34px;object-fit:contain;filter:brightness(0) invert(1)}.ds-demo-shop__brand>span{display:none}.ds-demo-search{border:0;background:#fff;border-radius:5px}.ds-demo-search>span:last-child{background:#febd69;color:#232f3e;border-radius:0 5px 5px 0}.ds-demo-cart-button{color:#fff}.ds-demo-cart-button b{background:#febd69}.ds-demo-products-heading{padding-top:20px;padding-bottom:12px}.ds-demo-products-heading h2{color:#171717;font-size:20px;letter-spacing:0}.ds-demo-products-heading .ds-demo-eyebrow{display:none}.ds-demo-products{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-demo-product{border-radius:3px;background:#fff;border-color:#ddd}.ds-demo-product__visual{height:clamp(130px,22vh,230px);background:#fff!important}.ds-demo-product-art svg{width:min(72%,190px);color:#555!important}.ds-demo-product__badge{display:none}.ds-demo-product__copy{padding:12px}.ds-demo-product__copy h3{white-space:normal;min-height:34px;font-size:14px;font-weight:500}.ds-demo-product__copy p{white-space:normal;font-size:12px}.ds-demo-product__copy>div>strong{color:#b12704;font-size:18px}.ds-demo-product__copy button{min-height:36px;border:0;border-radius:18px;background:#ffd814;color:#111;font-size:12px}.ds-demo-product__copy button:hover{background:#f7ca00}.ds-demo-footer-note{color:#666}.ds-demo-food{background:#fff}.ds-demo-food__header{min-height:62px;background:#fff;border-bottom-color:#e5e5e5}.ds-demo-food__brand{gap:8px;color:#191919;font-size:15px;letter-spacing:0}.ds-demo-food__brand img{width:30px;height:30px;object-fit:contain}.ds-demo-food__brand span{color:#777;font-size:11px;font-weight:500}.ds-demo-food__brand>div,.ds-demo-food__brand>div:after{display:none}.ds-demo-food-cart{color:#222}.ds-demo-food-cart b{background:#eb1700;color:#fff}.ds-demo-food-search{margin-top:14px;border-radius:5px}.ds-demo-food-section-heading{padding-top:17px}.ds-demo-food-section-heading h2{font-size:20px;letter-spacing:0}.ds-demo-food-section-heading .ds-demo-eyebrow{display:none}.ds-demo-restaurants{grid-template-columns:minmax(0,1fr);gap:0;padding-inline:clamp(20px,4vw,56px)}.ds-demo-restaurant{display:grid;grid-template-columns:minmax(200px,34%) minmax(0,1fr);border:0;border-bottom:1px solid #e8e8e8;border-radius:0;background:#fff}.ds-demo-food-art{min-height:170px;height:100%;background:#f2f2f2!important}.ds-demo-food-art svg{width:100%;height:100%}.ds-demo-food-art>span{display:none}.ds-demo-restaurant__body{padding:12px 16px}.ds-demo-restaurant__top h3{color:#191919;font-size:15px;letter-spacing:0}.ds-demo-restaurant__top p{font-size:11px}.ds-demo-rating{color:#333}.ds-demo-restaurant__meta{font-size:11px}.ds-demo-dish{min-height:48px}.ds-demo-dish b{font-size:12px}.ds-demo-dish small{display:none}.ds-demo-dish>strong{font-size:11px}.ds-demo-dish button{border:0;border-radius:50%;background:#f4f4f4;color:#222}.ds-demo-primary--red{background:#eb1700}.ds-demo-content:has(.ds-demo-social){background:#000}.ds-demo-social{background:#000;color:#fff}.ds-demo-social__header{position:relative;min-height:56px;background:#000;border-bottom:0}.ds-demo-social-brand img{width:78px;height:27px;object-fit:contain;filter:brightness(0) invert(1)}.ds-demo-social-brand>strong,.ds-demo-social-brand small,.ds-demo-social-note{display:none}.ds-demo-feed-tabs button{font-size:14px}.ds-demo-social-search{border:0}.ds-demo-social__stage{width:min(100% - 32px,620px);grid-template-columns:minmax(0,1fr) 52px;gap:10px;padding-top:0}.ds-demo-clip{border:0;border-radius:0;background:#161616}.ds-demo-clip>img{filter:none}.ds-demo-clip__wash{background:linear-gradient(0deg,#000000cf 0%,transparent 48%,#0000001c 100%)}.ds-demo-clip__label{top:10px;left:10px;border:0;background:#0009;font-size:10px;letter-spacing:0}.ds-demo-clip__caption{right:12px;bottom:16px;left:14px}.ds-demo-clip__caption>span{color:#fff;font-size:11px;letter-spacing:0;text-transform:none}.ds-demo-clip__caption h1{margin:5px 0;font-size:19px;font-weight:700;letter-spacing:0;line-height:1.2}.ds-demo-clip__caption p{font-size:12px}.ds-demo-clip__arrows{display:none}.ds-demo-social__side{padding-top:0;justify-content:end}.ds-demo-avatar{border:2px solid #fff;background:#333;color:#fff}.ds-demo-social-action span{font-size:10px}.ds-demo-social__description{flex-wrap:wrap;align-content:start;gap:4px 8px;color:#fff}.ds-demo-social__description>strong{font-size:13px}.ds-demo-social__description>span,.ds-demo-social__description>p{font-size:12px}.ds-demo-social__description>small{margin-left:0;color:#bbb;font-size:10px}.ds-demo-social__footer{display:none}.ds-car-screen[data-stack] .ds-demo-app,.ds-car-screen[data-stack] .ds-demo-app[data-info=true]{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.ds-car-screen[data-stack] .ds-demo-content{grid-column:1;grid-row:2}.ds-car-screen[data-stack] .ds-demo-info{grid-column:1;grid-row:3}.ds-car-screen[data-stack] .ds-demo-products{grid-template-columns:minmax(0,1fr)}.ds-car-screen[data-stack] .ds-demo-product{display:grid;grid-template-columns:92px minmax(0,1fr)}.ds-car-screen[data-stack] .ds-demo-product__visual{height:100%;min-height:110px}.ds-car-screen[data-stack] .ds-demo-restaurants{padding-inline:12px}.ds-car-screen[data-stack] .ds-demo-restaurant{grid-template-columns:minmax(110px,34%) minmax(0,1fr)}.ds-car-screen[data-stack] .ds-demo-food-art{min-height:140px}.ds-car-screen[data-stack] .ds-demo-social__stage{width:calc(100% - 20px)}.ds-car-screen[data-stack] .ds-demo-products,.ds-car-screen[data-stack] .ds-demo-products-heading{padding-inline:12px}figure.ds-car[data-desktop-full]{position:fixed;inset:0;z-index:100;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto auto;gap:0;width:100vw;height:100dvh;min-width:0;min-height:0;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:var(--ds-color-canvas);color:var(--ds-color-text)}figure.ds-car[data-desktop-full]::backdrop{background:var(--ds-color-canvas)}figure.ds-car[data-desktop-full]>:not(.ds-car-crop){max-width:none}figure.ds-car[data-desktop-full]>.ds-car-bar{grid-column:1 / -1;grid-row:1;padding:4px 16px;margin:0}figure.ds-car[data-desktop-full]>.ds-car-crop.ds-car-crop{grid-column:1 / -1;grid-row:2;width:100%;height:100%;min-height:0;max-height:none;max-width:none;margin:0;padding:0;overflow:hidden}figure.ds-car[data-desktop-full] .ds-car-scene,figure.ds-car[data-desktop-full] .ds-car-scene .ds-car-slot{position:relative;inset:auto;width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto;border:0;border-radius:0;background:var(--ds-color-canvas)}figure.ds-car[data-desktop-full] .ds-car-scene .ds-car-screen{top:50%;left:50%;transform-origin:center;transform:translate(-50%,-50%) scale(var(--car-scale, 1))}figure.ds-car[data-desktop-full]>.ds-car-themes{grid-column:1 / -1;grid-row:3;margin:0;padding:0 16px}figure.ds-car[data-desktop-full]>.ds-car-themes-note{display:none}figure.ds-car[data-desktop-full]>.ds-car-sound-settings{grid-column:1;grid-row:4;margin:0;padding:4px 16px}figure.ds-car[data-desktop-full]>.ds-car-caption{grid-column:2;grid-row:4;justify-content:center;margin:0;padding:4px 16px;text-align:right}figure.ds-car[data-desktop-full]>.ds-car-caption strong{font-size:12px}figure.ds-car[data-desktop-full]>.ds-car-caption span{font-size:11px}.ds-car[data-ride-preset],.ds-car-screen[data-ride-preset]{font-family:var(--ds-font, "Instrument Sans", sans-serif)}.ds-car-screen[data-ride-preset=zen]{--ds-color-canvas: #e7eeeb;--ds-color-surface: #f4f7f4;--ds-color-text: #18302d;--ds-color-muted: #526b66;--ds-color-control: #758f88;--ds-color-divider: #c5d4ce;--ds-color-accent: #3f776c;--ds-color-on-accent: #f7faf7;--ds-color-focus: #275b52;--ds-color-danger: #b64b4b;--ds-type-weight-strong: 560;--ds-type-weight-regular: 450;--ds-type-tracking-tight: -.015em;--ds-type-tracking-label: .01em;--ds-type-label-transform: none;--ds-type-ride-status: 34px;--ds-type-ride-destination: 23px;--ds-type-ride-metric: 27px;--ds-control-ride: 60px;--ds-control-ride-compact: 52px;--ds-density: 1.16;--ds-border-width: 1px;--ds-radius: 18px;--ds-radius-medium: 22px;--ds-radius-large: 26px;background-color:var(--ds-color-canvas);color:var(--ds-color-text);transition:background-color .14s ease-out,color .14s ease-out}.ds-car-screen[data-ride-preset=zen][data-ds-theme=day]{--ds-color-canvas: #e9f0ec;--ds-color-surface: #f7faf7;--ds-color-text: #18302d;--ds-color-muted: #526b66;--ds-color-control: #758f88;--ds-color-divider: #c5d4ce;--ds-color-accent: #356d62;--ds-color-on-accent: #ffffff;--ds-color-focus: #275b52}.ds-car-screen[data-ride-preset=zen][data-ds-theme=night]{--ds-color-canvas: #152320;--ds-color-surface: #202f2b;--ds-color-text: #e7f0eb;--ds-color-muted: #b4c6bf;--ds-color-control: #859f96;--ds-color-divider: #3a514a;--ds-color-accent: #8bc3b1;--ds-color-on-accent: #10211d;--ds-color-focus: #b3e1d2;--ds-color-danger: #ff8982}.ds-car-screen[data-ride-preset=zen] .ds-car-vehicle{padding-top:calc(var(--ds-space-4) * 1.25)}.ds-car-screen[data-ride-preset=zen] .ds-button{border-radius:999px}.ds-car-screen[data-ride-preset=zen] .ds-car-dock{border-color:var(--ds-color-divider)}.ds-car-screen[data-ride-preset=grandma]{--ds-color-canvas: #f4ebd9;--ds-color-surface: #fff9ed;--ds-color-text: #201b14;--ds-color-muted: #4d4539;--ds-color-control: #554b3d;--ds-color-divider: #c8b99f;--ds-color-accent: #175f56;--ds-color-on-accent: #ffffff;--ds-color-focus: #104d45;--ds-color-danger: #a92b2b;--ds-type-weight-strong: 740;--ds-type-weight-regular: 620;--ds-type-tracking-tight: -.025em;--ds-type-tracking-label: 0;--ds-type-label-transform: none;--ds-type-ride-status: 48px;--ds-type-ride-status-compact: 36px;--ds-type-ride-destination: 28px;--ds-type-ride-support: 23px;--ds-type-ride-support-compact: 21px;--ds-type-ride-body-compact: 21px;--ds-type-ride-metric: 34px;--ds-control-ride: 68px;--ds-control-ride-compact: 58px;--ds-density: 1.04;--ds-border-width: 2px;--ds-radius: 8px;--ds-radius-medium: 12px;--ds-radius-large: 14px;background-color:var(--ds-color-canvas);color:var(--ds-color-text);transition:background-color .14s ease-out,color .14s ease-out}.ds-car-screen[data-ride-preset=grandma][data-ds-theme=day]{--ds-color-canvas: #f4ebd9;--ds-color-surface: #fff9ed;--ds-color-text: #201b14;--ds-color-muted: #4d4539;--ds-color-control: #554b3d;--ds-color-divider: #c8b99f;--ds-color-accent: #1842a0;--ds-color-on-accent: #ffffff;--ds-color-focus: #0b2c75}.ds-car-screen[data-ride-preset=grandma][data-ds-theme=night]{--ds-color-canvas: #211d17;--ds-color-surface: #302a21;--ds-color-text: #fff5df;--ds-color-muted: #e2d3b8;--ds-color-control: #d9c6a5;--ds-color-divider: #5a4d3c;--ds-color-accent: #f4cf66;--ds-color-on-accent: #10231e;--ds-color-focus: #ffe59a;--ds-color-danger: #ff8d82}.ds-car-screen[data-ride-preset=grandma] .ds-button{font-size:max(20px,1em)}.ds-car-screen[data-ride-preset=grandma] .ds-car-theme .ds-button{padding-inline:16px}.ds-car-screen[data-ride-preset=grandma] .ds-ride-app-rail .ds-ride-app-actions .ds-button{min-height:56px;font-size:20px;font-weight:720}.ds-car-screen[data-ride-preset=grandma] .ds-ride-app-actions__ride{gap:12px}.ds-car-screen[data-ride-preset=baby]{--ds-color-canvas: #e9edf0;--ds-color-surface: #f6f7f5;--ds-color-text: #263942;--ds-color-muted: #596d73;--ds-color-control: #899da1;--ds-color-divider: #cbd6d7;--ds-color-accent: #648e91;--ds-color-on-accent: #ffffff;--ds-color-focus: #426d72;--ds-color-danger: #bb6660;--ds-type-weight-strong: 600;--ds-type-weight-regular: 500;--ds-type-tracking-tight: -.01em;--ds-type-tracking-label: 0;--ds-type-label-transform: none;--ds-type-ride-status: 34px;--ds-type-ride-destination: 23px;--ds-type-ride-metric: 27px;--ds-control-ride: 62px;--ds-control-ride-compact: 54px;--ds-density: 1.06;--ds-border-width: 1px;--ds-radius: 22px;--ds-radius-medium: 26px;--ds-radius-large: 30px;background-color:var(--ds-color-canvas);color:var(--ds-color-text);transition:background-color .14s ease-out,color .14s ease-out}.ds-car-screen[data-ride-preset=baby][data-ds-theme=day]{--ds-color-canvas: #fff0e6;--ds-color-surface: #faf0ff;--ds-color-text: #49324e;--ds-color-muted: #73576e;--ds-color-control: #987a9a;--ds-color-divider: #dfc9dc;--ds-color-accent: #82538f;--ds-color-on-accent: #ffffff;--ds-color-focus: #603469}.ds-car-screen[data-ride-preset=baby][data-ds-theme=night]{--ds-color-canvas: #2a2030;--ds-color-surface: #34283c;--ds-color-text: #fae8f4;--ds-color-muted: #d8bfd7;--ds-color-control: #ba9bbb;--ds-color-divider: #5b4260;--ds-color-accent: #dfadd2;--ds-color-on-accent: #2a1834;--ds-color-focus: #f4d5ed;--ds-color-danger: #f0a39a}.ds-car-screen[data-ride-preset=baby] .ds-button{border-radius:var(--ds-radius-large)}.ds-car-screen[data-ride-preset=baby] .ds-car-dock{border-color:var(--ds-color-divider)}.ds-car-screen[data-ride-preset=retro]{--ds-color-canvas: #eee6d5;--ds-color-surface: #f7f1e5;--ds-color-text: #292821;--ds-color-muted: #615d51;--ds-color-control: #4a473e;--ds-color-divider: #c9bea8;--ds-color-accent: #bd741f;--ds-color-on-accent: #201b12;--ds-color-focus: #9b5810;--ds-color-danger: #a53e2f;--ds-type-weight-strong: 700;--ds-type-weight-regular: 520;--ds-type-tracking-tight: -.025em;--ds-type-tracking-label: .035em;--ds-type-label-transform: none;--ds-type-ride-status: 42px;--ds-type-ride-status-compact: 32px;--ds-type-ride-destination: 26px;--ds-type-ride-metric: 31px;--ds-control-ride: 62px;--ds-control-ride-compact: 54px;--ds-density: 1.08;--ds-border-width: 1.5px;--ds-radius: 12px;--ds-radius-medium: 16px;--ds-radius-large: 20px;background:var(--ds-color-canvas);color:var(--ds-color-text)}.ds-car-screen[data-ride-preset=retro][data-ds-theme=day]{--ds-color-canvas: #eee6d5;--ds-color-surface: #f7f1e5;--ds-color-text: #292821;--ds-color-muted: #615d51;--ds-color-control: #4a473e;--ds-color-divider: #c9bea8;--ds-color-accent: #bd741f;--ds-color-on-accent: #201b12;--ds-color-focus: #9b5810}.ds-car-screen[data-ride-preset=retro][data-ds-theme=night]{--ds-color-canvas: #25241f;--ds-color-surface: #302f28;--ds-color-text: #f3ebd9;--ds-color-muted: #c8bea9;--ds-color-control: #aaa18e;--ds-color-divider: #514e43;--ds-color-accent: #efb04e;--ds-color-on-accent: #271d0e;--ds-color-focus: #ffd17d;--ds-color-danger: #ff9681}.ds-car-screen[data-ride-preset=retro] .ds-button{border-radius:var(--ds-radius);font-weight:650}.ds-car-screen[data-ride-preset=retro] .ds-button--primary{box-shadow:inset 0 1px #ffffff3d,0 2px #281f103d}.ds-car-screen[data-ride-preset=retro] .ds-car-dock,.ds-car-screen[data-ride-preset=retro] .ds-car-panel{border-color:var(--ds-color-divider)}.ds-car-preferences{display:flex;align-items:center;flex-wrap:wrap;gap:8px;max-width:100%}.ds-car-preferences__label{color:var(--ds-color-muted, currentColor);font-size:.82em;font-weight:650;margin-right:4px}.ds-car-preferences .ds-button{min-height:44px;white-space:normal}.ds-car-preferences__hint{color:var(--ds-color-muted, currentColor);font-size:.82em;font-weight:450;margin-left:4px}.ds-car-screen[data-essentials]{display:flex;flex-direction:column;align-items:stretch;justify-content:safe center;gap:clamp(12px,2.4vw,28px);box-sizing:border-box;min-width:0;min-height:0;padding:clamp(14px,4vw,64px);overflow:auto;background:var(--ds-color-canvas);color:var(--ds-color-text)}.ds-car-screen[data-essentials] .ds-car-essentials{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(16px,2.4vw,32px);width:min(100%,820px);margin-inline:auto;flex-shrink:0}.ds-car-essentials__identity,.ds-car-essentials__destination{min-width:0}.ds-car-essentials__identity{display:grid;gap:8px}.ds-car-essentials__eyebrow{color:var(--ds-color-muted);font-size:.85em;font-weight:var(--ds-type-weight-regular, 400);letter-spacing:.01em}.ds-car-screen[data-essentials] .ds-car-status{max-width:100%;color:var(--ds-color-accent);font-size:clamp(20px,2.4vw,30px);line-height:1.2;overflow-wrap:anywhere}.ds-car-essentials__destination{display:grid;justify-items:start;gap:8px;text-align:left}.ds-car-screen[data-essentials] .ds-car-destination{font-size:clamp(36px,5.4vw,68px);font-weight:var(--ds-type-weight-strong, 650);line-height:1.04;letter-spacing:var(--ds-type-tracking-tight, -.035em);overflow-wrap:anywhere}.ds-car-essentials__state{color:var(--ds-color-muted);font-size:18px}.ds-car-screen[data-essentials] .ds-car-eta{margin-top:6px;color:var(--ds-color-muted);font-size:clamp(17px,1.8vw,23px)}.ds-car-screen[data-essentials][data-easy-read] .ds-car-status{font-size:36px}.ds-car-screen[data-essentials][data-easy-read] .ds-car-destination{font-size:clamp(44px,5.6vw,76px)}.ds-car-screen[data-essentials][data-strip]{padding:24px}.ds-car-screen[data-essentials][data-strip] .ds-car-essentials{gap:12px}.ds-car-screen[data-essentials][data-strip] .ds-car-essentials__identity{gap:4px}.ds-car-screen[data-essentials][data-strip] .ds-car-destination{font-size:44px}.ds-car-screen[data-essentials][data-strip] .ds-car-essentials__state{font-size:16px}.ds-car-screen[data-essentials][data-strip] .ds-car-eta{margin-top:0;font-size:18px}.ds-car-essentials__actions{display:flex;grid-column:1 / -1;flex-wrap:wrap;gap:10px}.ds-car-essentials__actions .ds-button{min-width:min(100%,190px);min-height:max(56px,var(--car-control-height, 56px));justify-content:center;white-space:normal}.ds-car-screen[data-essentials] .ds-car-essentials__more{grid-column:1 / -1;justify-self:start;min-height:max(44px,var(--car-control-height, 44px))}.ds-car-screen[data-essentials]>.ds-car-dock{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px;width:min(100%,820px);margin-inline:auto;padding:10px 0 0;border-top:1px solid var(--ds-color-divider);background:transparent;flex-shrink:0}.ds-car-screen[data-essentials] .ds-car-media,.ds-car-screen[data-essentials] .ds-car-climate{min-width:0}.ds-car-screen[data-essentials] .ds-car-climate{flex-wrap:wrap;justify-content:flex-end}.ds-car-screen[data-essentials] .ds-car-now-text{min-width:0}.ds-car-screen[data-essentials] .ds-car-now-text strong,.ds-car-screen[data-essentials] .ds-car-now-text span{overflow-wrap:anywhere}.ds-car-screen[data-essentials][data-strip] .ds-car-essentials{grid-template-columns:minmax(0,1fr) auto}.ds-car-screen[data-essentials][data-strip] .ds-car-essentials__identity,.ds-car-screen[data-essentials][data-strip] .ds-car-essentials__destination{grid-column:1 / -1}.ds-car-screen[data-essentials][data-strip] .ds-car-essentials__actions{grid-column:1;grid-row:3;min-width:0}.ds-car-screen[data-essentials][data-strip] .ds-car-essentials__more{grid-column:2;grid-row:3;justify-self:end}.ds-car-screen[data-essentials][data-strip]:has(>.ds-car-dock){display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:auto;grid-template-areas:none;align-content:safe center;align-items:center;gap:32px}.ds-car-screen[data-essentials][data-strip]:has(>.ds-car-dock)>.ds-car-essentials{width:100%;margin:0;grid-area:auto}.ds-car .ds-car-screen[data-essentials][data-strip]>.ds-car-dock{grid-area:auto;position:static;width:100%;height:auto;min-height:0;margin:0;padding:20px;grid-template-columns:minmax(0,1fr);grid-template-areas:none;gap:20px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius-large, 20px)}.ds-car-screen[data-essentials][data-strip] .ds-car-climate{justify-content:flex-start}.ds-car-screen[data-essentials] :is(.ds-car-media,.ds-car-climate){grid-area:auto}.ds-car-screen[data-essentials] .ds-car-media-row{flex-wrap:wrap}.ds-car-screen[data-easy-read]{--ds-type-ride-status: 46px;--ds-type-ride-status-compact: 36px;--ds-type-ride-destination: 27px;--ds-type-ride-support: 21px;--ds-type-ride-support-compact: 19px;--ds-type-ride-body-compact: 19px;--ds-type-ride-metric: 32px;--ds-control-ride: 64px;--ds-control-ride-compact: 56px;--car-control-height: max(56px, var(--car-control-height, 0px))}.ds-car-screen[data-easy-read] :is(button,[role=button],input,select,textarea,.ds-button){min-height:max(52px,var(--car-control-height, 0px));white-space:normal}.ds-car-screen[data-easy-read] :is(.ds-car-vehicle,.ds-car-map,.ds-car-panel,.ds-car-dock,.ds-ride-app-rail,.ds-car-theater,.ds-spotify-player,.ds-demo-app,.ds-youtube-player){min-width:0;max-width:100%}.ds-car-screen[data-easy-read] :is(.ds-car-panel,.ds-car-trip-copy,.ds-ride-app-actions,.ds-car-dock,.ds-car-media,.ds-car-climate,.ds-ride-app-rail__header){flex-wrap:wrap}.ds-car-screen[data-easy-read] :is(.ds-car-status,.ds-car-destination,.ds-car-eta,.ds-ride-app-rail__metadata,.ds-car-stage-title,.ds-car-stage-sub){overflow-wrap:anywhere;white-space:normal}.ds-car-screen[data-easy-read] :is(.ds-ride-app-rail,.ds-car-theater,.ds-spotify-player,.ds-demo-app,.ds-youtube-player){font-size:max(1em,18px)}.ds-car-screen[data-easy-read] :is(h1,h2,h3,p,label,small,strong,span):not(.sr-only){font-size:max(1em,18px);line-height:1.3;overflow-wrap:anywhere}.ds-car-screen[data-easy-read] :is(.ds-car-apps,.ds-car-theme,.ds-car-actions,.ds-car-essentials__actions,.ds-ride-app-actions,.ds-demo-shop__header,.ds-demo-food__header,.ds-youtube-player__categories){display:flex;flex-wrap:wrap;min-width:0}@media (max-width: 520px){.ds-car-preferences{align-items:stretch}.ds-car-preferences__label{flex-basis:100%}.ds-car-preferences .ds-button{flex:1 1 132px}.ds-car-screen[data-essentials]{padding:14px;gap:12px}.ds-car-screen[data-essentials] .ds-car-essentials{grid-template-columns:minmax(0,1fr);gap:10px}.ds-car-screen[data-essentials] .ds-car-essentials__destination{justify-items:start;text-align:left}.ds-car-screen[data-essentials] .ds-car-essentials__actions .ds-button{flex:1 1 100%;min-width:0}.ds-car-screen[data-essentials]>.ds-car-dock{grid-template-columns:minmax(0,1fr);justify-items:stretch}.ds-car-screen[data-essentials] .ds-car-climate{justify-content:flex-start}}.ds-car[data-easy-read] :is(.ds-car-preferences .ds-button,.ds-car-sound-settings .ds-button,.ds-car-music-options .ds-button){min-height:56px;font-size:max(1em,18px);white-space:normal}.ds-car-screen[data-easy-read] :is(.ds-car-theme .ds-button,.ds-ride-app-actions .ds-button:not(.ds-ride-action-feedback),.ds-car-dock .ds-button){white-space:normal!important}.ds-car-screen[data-ride-preset] :is(.ds-car-theme .ds-button,.ds-ride-app-actions .ds-button:not(.ds-ride-action-feedback),.ds-car-dock .ds-button){white-space:nowrap}.ds-car-screen[data-ride-preset] .ds-ride-action-feedback{white-space:normal;min-height:44px;line-height:1.25}.ds-car-screen[data-ride-preset] button,.ds-car-screen[data-ride-preset] [role=button]{min-width:44px;min-height:44px}.ds-car-screen[data-ride-preset] :focus-visible{outline:3px solid var(--ds-color-focus);outline-offset:3px}.ds-car-screen[data-ride-preset] .ds-ride-car-info{color:var(--ride-app-ink, #f5f5f7);background:var(--ride-app-surface, #050505);--ds-color-text: var(--ride-app-ink, #f5f5f7);--ds-color-muted: var(--ride-app-muted, #bdbdc4);--ds-color-canvas: var(--ride-app-surface, #050505)}.ds-car-screen[data-ride-preset] .ds-ride-car-info__map{--ds-color-text: var(--ride-app-ink, #f5f5f7);--ds-color-muted: var(--ride-app-muted, #bdbdc4);--ds-color-canvas: var(--ride-app-surface, #080b0e)}@media (max-width: 767px){.ds-car-screen[data-ride-preset=grandma]{--ds-type-ride-status: 38px;--ds-type-ride-destination: 25px;--ds-type-ride-support: 21px;--ds-type-ride-support-compact: 19px;--ds-type-ride-body-compact: 19px;--ds-control-ride: 60px;--ds-control-ride-compact: 54px}.ds-car-screen[data-ride-preset=grandma] .ds-ride-app-rail .ds-ride-app-actions .ds-button{min-height:52px;font-size:18px}}@media (max-height: 520px) and (orientation: landscape){.ds-car-screen[data-ride-preset=grandma]{--ds-type-ride-status: 34px;--ds-type-ride-status-compact: 30px;--ds-type-ride-destination: 22px;--ds-type-ride-support: 19px;--ds-type-ride-support-compact: 18px;--ds-type-ride-body-compact: 18px;--ds-control-ride: 52px;--ds-control-ride-compact: 48px}}@media (prefers-reduced-motion: reduce){.ds-car-screen[data-ride-preset]{transition:none}}.ds-car-screen[data-ds-brand=signal]{--ds-font: "Instrument Sans", sans-serif;--ds-color-canvas: #f1e8d6;--ds-color-surface: #fff9ec;--ds-color-text: #202a31;--ds-color-muted: #4d5a5e;--ds-color-control: #33434a;--ds-color-divider: #b9b4a7;--ds-color-accent: #b84c18;--ds-color-on-accent: #fffaf1;--ds-color-focus: #9b3912;--ds-color-danger: #a82c28;--ds-color-success: #236653;--ds-color-warning: #82500b;--ds-type-weight-strong: 760;--ds-type-weight-regular: 560;--ds-type-tracking-tight: -.035em;--ds-type-tracking-label: .055em;--ds-type-label-transform: uppercase;--ds-type-small: 16px;--ds-type-body: 18px;--ds-type-section: 24px;--ds-type-page: 32px;--ds-type-ride-status: 44px;--ds-type-ride-status-compact: 36px;--ds-type-ride-destination: 29px;--ds-type-ride-support: 22px;--ds-type-ride-support-compact: 20px;--ds-type-ride-body-compact: 20px;--ds-type-ride-metric: 34px;--ds-space-1: 5px;--ds-space-2: 10px;--ds-space-3: 15px;--ds-space-4: 20px;--ds-space-6: 28px;--ds-space-8: 38px;--ds-space-12: 54px;--ds-density: 1.12;--ds-control-ride: 64px;--ds-control-ride-compact: 54px;--ds-control-height: 48px;--ds-border-width: 2px;--ds-radius: 3px;--ds-radius-medium: 5px;--ds-radius-large: 8px;--ds-radius-round: 3px;color-scheme:light;background-color:var(--ds-color-canvas);color:var(--ds-color-text)}.ds-car-screen[data-ds-brand=signal][data-ds-theme=day]{--ds-color-canvas: #f1e8d6;--ds-color-surface: #fff9ec;--ds-color-text: #202a31;--ds-color-muted: #4d5a5e;--ds-color-control: #33434a;--ds-color-divider: #b9b4a7;--ds-color-accent: #b84c18;--ds-color-on-accent: #fffaf1;--ds-color-focus: #9b3912;--ds-color-danger: #a82c28;--ds-color-success: #236653;--ds-color-warning: #82500b;color-scheme:light}.ds-car-screen[data-ds-brand=signal][data-ds-theme=night]{--ds-color-canvas: #101d29;--ds-color-surface: #1b2d3b;--ds-color-text: #f1eee5;--ds-color-muted: #c1ced0;--ds-color-control: #b4c3c6;--ds-color-divider: #435763;--ds-color-accent: #ff9a5a;--ds-color-on-accent: #28170f;--ds-color-focus: #ffc08d;--ds-color-danger: #ff8980;--ds-color-success: #81c8aa;--ds-color-warning: #f0c674;color-scheme:dark}.ds-car .ds-car-screen[data-ds-brand=northline] .ds-button{border-radius:999px}.ds-car .ds-car-screen .ds-car-panel{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0;overflow-y:auto}.ds-car .ds-car-screen .ds-car-trip-copy{display:grid;grid-template-rows:repeat(3,max-content);gap:8px;flex:0 0 auto;min-width:0}.ds-car .ds-car-screen .ds-car-panel .ds-car-actions{flex:0 0 auto;flex-direction:row;flex-wrap:wrap;min-width:0}.ds-car .ds-car-screen .ds-car-actions{justify-content:flex-start}.ds-car .ds-car-screen .ds-car-panel .ds-car-actions>.ds-button{flex:0 0 auto;width:auto;min-width:max-content;justify-content:flex-start;text-align:left;white-space:nowrap}.ds-car .ds-car-screen .ds-car-actions>.ds-button--primary{order:-1}.ds-car .ds-car-screen .ds-car-panel .ds-car-swap{animation:ds-car-copy-in .12s ease-out both;transform:none}@keyframes ds-car-copy-in{0%{opacity:.55}to{opacity:1}}.ds-car .ds-car-screen>.ds-car-map{grid-template-rows:minmax(80px,1fr) minmax(0,auto)}.ds-car .ds-car-screen .ds-car-destination-row>:first-child{min-width:0}.ds-car .ds-car-screen .ds-car-destination-sub{white-space:normal}.ds-car .ds-car-screen .ds-car-destination-sub{display:block}.ds-car .ds-car-screen .ds-ride-action-feedback[data-complete]{color:var(--ds-color-muted)}.ds-car .ds-car-screen .ds-ride-app-rail .ds-ride-action-feedback[data-complete]{color:var(--ride-app-muted, #bdbdc4)}.ds-car .ds-car-screen>.ds-car-dock{position:relative;z-index:2;min-width:0}.ds-car .ds-car-scene .ds-car-screen[data-stack]:not([data-strip]){grid-template-rows:minmax(130px,1fr) minmax(0,auto) auto}.ds-car .ds-car-scene .ds-car-screen[data-stack]:not([data-strip])>.ds-car-vehicle{height:auto;min-height:130px}.ds-car .ds-car-screen[data-stack]>.ds-car-map{grid-template-rows:minmax(110px,1fr) minmax(0,auto)}.ds-car .ds-car-screen[data-strip]{grid-template-rows:minmax(0,1fr) auto}.ds-car .ds-car-screen[data-strip] .ds-car-panel{display:flex;grid-column:1 / 6;grid-row:1;justify-content:safe center;padding:16px 20px}.ds-car .ds-car-screen[data-strip] .ds-car-trip-copy{align-content:start;min-height:0;padding:0;overflow:visible;background:var(--ds-color-canvas)}.ds-car .ds-car-screen[data-strip] .ds-car-status{font-size:clamp(32px,var(--ds-type-ride-status, 36px),40px)}.ds-car .ds-car-screen[data-strip]>.ds-car-vehicle{grid-column:6 / 10;grid-row:1}.ds-car .ds-car-screen[data-strip] .ds-car-map-surface{grid-column:10 / -1;grid-row:1}.ds-car .ds-car-screen[data-strip] .ds-car-panel .ds-car-actions{position:relative;inset:auto;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;width:auto;min-height:0;height:auto;margin:8px 0 0;padding:0;gap:8px;background:transparent}.ds-car .ds-car-screen[data-strip]>.ds-car-dock{grid-row:2;padding-block:6px}.ds-car .ds-car-screen[data-strip] .ds-car-music-timeline{display:none}.ds-car .ds-car-screen[data-strip] .ds-car-panel .ds-car-actions .ds-button{flex:0 0 auto;width:auto;min-height:max(52px,var(--car-control-height, 0px));height:auto;padding:8px 16px}.ds-car .ds-car-screen>.ds-car-vehicle{display:block;min-width:0;padding:0;overflow:hidden}.ds-car .ds-car-screen .ds-car-topline{position:relative;z-index:2;min-width:0;padding:16px 20px;background:transparent}.ds-car .ds-car-screen .ds-car-topline .ds-car-theme{flex:0 0 auto;min-width:0;max-width:100%;flex-wrap:nowrap;gap:2px}.ds-car .ds-car-screen .ds-car-topline .ds-car-theme .ds-button{flex:1 1 auto;min-width:0;padding-inline:6px;gap:4px;font-size:16px;white-space:nowrap}.ds-car .ds-car-screen .ds-car-topline .ds-car-theme .ds-icon{width:18px;height:18px}.ds-car .ds-car-screen[data-compact] .ds-car-topline .ds-car-theme .ds-button{padding-inline:4px;font-size:14px}.ds-car .ds-car-screen[data-compact] .ds-car-topline .ds-car-theme .ds-icon{display:none}.ds-car .ds-car-screen .ds-car-scene-wrap{position:absolute;inset:0;min-width:0;min-height:0;margin:0}.ds-car .ds-car-screen[data-side-apps]{--car-app-rail: 76px;box-sizing:border-box;padding-left:var(--car-app-rail)}.ds-car .ds-car-screen>.ds-car-app-rail{position:absolute;inset:0 auto 0 0;z-index:20;width:var(--car-app-rail);background:var(--ds-color-surface);overflow:hidden}.ds-car .ds-car-screen .ds-car-app-rail .ds-car-apps{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;width:100%;height:100%;min-height:0;padding:12px 4px;gap:8px;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain}.ds-car .ds-car-screen .ds-car-app-rail .ds-car-apps::-webkit-scrollbar{display:none}.ds-car .ds-car-screen .ds-car-app-rail .ds-car-app{flex:0 0 auto;margin:0}.ds-car .ds-car-screen[data-side-apps] .ds-car-app-rail .ds-car-app{width:56px;height:44px;min-height:44px;padding-block:0}.ds-car .ds-car-screen[data-side-apps]>.ds-car-dock{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:none}.ds-car .ds-car-screen[data-side-apps] .ds-car-media{grid-column:2;grid-row:1;justify-self:center;max-width:100%}.ds-car .ds-car-screen[data-side-apps] .ds-car-climate{grid-column:1;grid-row:1;justify-self:start;justify-content:flex-start}.ds-car .ds-car-screen[data-side-apps] .ds-car-wide-status{grid-column:3;grid-row:1;justify-self:end;align-self:center;display:flex;align-items:center;gap:24px;min-width:0;color:var(--ds-color-text);font-size:20px;font-variant-numeric:tabular-nums;white-space:nowrap}.ds-car-wide-status .ds-car-outside{display:inline-flex;align-items:baseline;gap:8px}.ds-car-wide-status .ds-car-outside>span{color:var(--ds-color-muted);font-size:.8em}.ds-car-wide-status .ds-car-clock{min-width:8ch;text-align:right;font-weight:600}.ds-car .ds-car-screen[data-easy-read] .ds-car-wide-status{font-size:24px}.ds-car .ds-car-screen[data-side-apps]>:is(.ds-car-theater,.ds-spotify-player,.ds-demo-app){grid-column:auto;grid-row:auto;left:var(--car-app-rail);right:0;width:auto}.ds-car .ds-car-scene .ds-car-screen>.ds-car-picker{z-index:30}.ds-car .ds-car-screen[data-compact] .ds-car-status{font-size:28px}.ds-car .ds-car-screen[data-compact] .ds-car-trip-copy{padding:10px 12px;gap:6px}.ds-car .ds-car-screen[data-compact] .ds-car-destination{font-size:18px}.ds-car .ds-car-screen[data-compact] .ds-car-eta{font-size:16px}.ds-car .ds-car-screen[data-compact] .ds-car-actions .ds-button{font-size:15px;padding-inline:8px}.ds-car .ds-car-screen[data-compact] .ds-car-theme .ds-icon{width:18px;height:18px}.ds-car .ds-car-screen:not([data-ds-brand]) .ds-button{border-radius:999px}.ds-car .ds-car-screen>:is(.ds-car-theater,.ds-spotify-player,.ds-demo-app):not([data-leaving]){animation:ds-ride-app-enter .1s ease-out both}@keyframes ds-ride-app-enter{0%{opacity:0}to{opacity:1}}.ds-car .ds-car-screen .ds-car-end-ride{color:var(--ds-color-danger)}.ds-car .ds-car-screen .ds-car-theater-player{--ds-color-text: #f5f5f7;--ds-color-muted: #c5c7c9;color-scheme:dark}.ds-car .ds-car-screen[data-ds-theme] :is(.ds-ride-app-rail,.ds-youtube-player__app-header,.ds-demo-shop__header,.ds-demo-food__header,.ds-demo-social__header){background:var(--ride-app-surface);border-color:transparent}.ds-car .ds-car-screen :is(.ds-demo-shop__brand,.ds-demo-food__brand,.ds-demo-social-brand){display:none}.ds-car .ds-car-screen .ds-demo-shop__header{grid-template-columns:minmax(0,1fr) auto}.ds-car .ds-car-screen .ds-car-theater-player :is(button,span,time,input){color:#f5f5f7}.ds-car .ds-car-scene[data-view=cabin] .ds-car-slot{transition:none}.ds-car .ds-car-screen,.ds-car .ds-car-screen :is(.ds-button,.ds-car-panel,.ds-car-dock,.ds-ride-app-rail,.ds-demo-content,.ds-spotify-player,.ds-youtube-player){transition-property:background-color,color,border-color,opacity;transition-duration:.1s;transition-timing-function:ease-out}.ds-car .ds-car-screen :is(.ds-car-scene-svg,.ds-car-street-tiles),.ds-car .ds-car-screen :is(.ds-car-scene-svg,.ds-car-street-tiles) *{transition:none}.ds-car .ds-car-screen{transition:background-color .1s ease-out}.ds-car .ds-car-screen .ds-button{transition:background-color .1s ease-out,color .1s ease-out,border-color .1s ease-out}.ds-car .ds-ride-menu-toggle{display:none}.ds-car .ds-car-screen[data-stack] .ds-ride-app-rail{height:auto;min-height:0}.ds-car .ds-car-screen[data-stack] .ds-ride-app-rail__header{position:relative;padding-right:56px;min-height:44px}.ds-car .ds-car-screen[data-stack] .ds-ride-menu-toggle{display:inline-flex;position:absolute;top:0;right:0;width:max(44px,var(--car-control-height, 44px));min-height:max(44px,var(--car-control-height, 44px));padding:6px}.ds-car .ds-car-screen[data-stack] .ds-ride-app-rail:not([data-menu-open]) .ds-ride-app-actions{display:none}.ds-car .ds-car-screen[data-stack] .ds-ride-app-rail[data-menu-open] .ds-ride-app-actions{animation:ds-ride-app-enter .1s ease-out}.ds-car .ds-car-screen:not([data-stack]) .ds-ride-app-rail .ds-ride-menu-toggle{display:none}.ds-car .ds-car-screen .ds-ride-app-rail__header{height:auto;flex:0 0 auto}.ds-car .ds-car-screen .ds-ride-app-rail__identity{flex:1}.ds-car .ds-car-screen[data-compact]:not([data-stack]) .ds-ride-app-rail .ds-ride-app-rail__header{height:auto;min-height:48px;flex:0 0 auto}.ds-car .ds-car-scene .ds-car-screen[data-stack] .ds-car-theater-player{grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.ds-car .ds-car-themes .ds-button{transition:color 70ms ease-out,background-color 70ms ease-out}.ds-car .ds-car-themes .ds-button:after{transition:none}.ds-car .ds-car-bar .ds-car-rotate{min-height:44px;flex:0 0 auto;white-space:nowrap}.ds-car .ds-car-bar{min-width:0;max-width:100%;flex-wrap:wrap}.ds-car .ds-car-scene[data-view=cabin][data-screen="9"][data-rotated] .ds-car-slot{left:calc(318.5 / 1024 * 100%);top:calc(185.5 / 824 * 100%);width:calc(396 / 1024 * 100%);height:calc(297 / 824 * 100%);overflow:hidden}.ds-car .ds-car-screen[data-ds-theme] .ds-ride-app-rail .ds-ride-app-rail__logo{background:#050505}.ds-car .ds-car-screen[data-ds-theme] .ds-car-theater-player .ds-car-playback{--ds-color-text: #f5f5f7;--ds-color-muted: #bfc2c5;--ride-app-ink: #f5f5f7;--ride-app-muted: #bfc2c5;color:#f5f5f7;color-scheme:dark}.ds-car .ds-car-screen[data-ds-theme] .ds-car-theater-player .ds-car-playback .ds-button{color:#f5f5f7}.ds-car .ds-car-sound-settings{flex-wrap:wrap}.ds-car-music-options{display:flex;flex:0 0 auto;max-width:100%;align-items:center;flex-wrap:wrap;gap:4px}.ds-car-music-options>span{margin:0 4px 0 12px}.ds-car-music-options .ds-button{flex:0 0 auto;min-height:44px;padding:6px 10px;font-size:inherit;white-space:nowrap}.ds-car-music-options .ds-button:after{content:"✓";display:inline-block;flex:0 0 12px;width:12px;margin-left:6px;font-size:11px;opacity:0}.ds-car-music-options .ds-button[aria-pressed=true]:after{opacity:1}@media (max-width: 640px){.ds-car .ds-car-bar{flex-wrap:wrap;height:auto;overflow:visible}.ds-car :is(.ds-car-sizes,.ds-car-view,.ds-car-themes){display:flex;flex-wrap:wrap;flex:1 0 100%;width:100%;min-width:0;max-width:100%;height:auto;overflow:visible;white-space:normal;gap:4px}.ds-car :is(.ds-car-sizes,.ds-car-view,.ds-car-themes) .ds-button{flex:0 0 auto;min-width:0;min-height:44px;padding:6px 8px;white-space:nowrap}.ds-car .ds-car-music-options{flex-basis:100%;grid-column:1 / -1}.ds-car .ds-car-music-options>span{margin-left:0}}@media (prefers-reduced-motion: reduce){.ds-car .ds-car-screen,.ds-car .ds-car-screen *{transition:none}.ds-car .ds-car-screen>:is(.ds-car-theater,.ds-spotify-player,.ds-demo-app){animation:none}}.ds-car-screen[data-ds-theme=day]{--ride-app-surface: #f2f1ed;--ride-app-surface-raised: #fbfaf7;--ride-app-ink: #242923;--ride-app-muted: #687068;--ride-app-line: #d8dad3;--ride-app-control: #e8e9e3;--ride-app-control-ink: #303832;--ride-app-focus: #94752c}.ds-car-screen[data-ds-theme=night]{--ride-app-surface: #111311;--ride-app-surface-raised: #1b1e1b;--ride-app-ink: #f0f1eb;--ride-app-muted: #b0b5ac;--ride-app-line: #383d38;--ride-app-control: #292d29;--ride-app-control-ink: #f0f1eb;--ride-app-focus: #d4bd78}.ds-car-screen[data-ds-theme=day] .ds-ride-app-rail{--ride-rail-bg: #e8e9e3;background:#e8e9e3;color:#242923}.ds-car-screen[data-ds-theme=night] .ds-ride-app-rail{--ride-rail-bg: #111311;background:#111311;color:#f0f1eb}.ds-car-screen[data-ds-theme=day] .ds-ride-app-rail__metadata,.ds-car-screen[data-ds-theme=day] .ds-ride-app-rail__foot{color:#626b63}.ds-car-screen[data-ds-theme=night] .ds-ride-app-rail__metadata,.ds-car-screen[data-ds-theme=night] .ds-ride-app-rail__foot{color:#b0b5ac}.ds-car-screen[data-ds-theme=day] .ds-ride-app-rail__logo{background:#d8dad3}.ds-car-screen[data-ds-theme=night] .ds-ride-app-rail__logo{background:#090a09}.ds-car-screen[data-ds-theme=day] .ds-ride-app-rail .ds-ride-app-actions .ds-button{color:#303832}.ds-car-screen[data-ds-theme=day] .ds-ride-app-rail .ds-ride-app-actions .ds-button--secondary{border-color:#b8beb5;color:#303832}.ds-car-screen[data-ds-theme=day] .ds-ride-app-rail .ds-ride-app-actions .ds-button--ghost{color:#3b443d}.ds-car-screen[data-ds-theme=day] .ds-ride-app-rail .ds-ride-app-actions__ride{border-color:#c8ccc4}.ds-car-screen[data-ds-theme=night] .ds-ride-app-rail .ds-ride-app-actions__ride{border-color:#383d38}.ds-car-screen[data-ds-theme=day] .ds-ride-app-rail .ds-ride-app-actions .ds-ride-app-rail__car-info[aria-pressed=true],.ds-car-screen[data-ds-theme=day] .ds-ride-app-rail .ds-ride-app-actions .ds-ride-app-rail__car-info[aria-pressed=true]:hover:not(:disabled){color:#242923;background:transparent}.ds-car .ds-car-screen .ds-ride-app-rail .ds-button:disabled{opacity:1;color:#9fa69f}.ds-car .ds-car-screen[data-ds-theme=day] .ds-ride-app-rail .ds-button:disabled{color:#555d55}.ds-car-screen[data-ds-theme=day] .ds-car-theater,.ds-car-screen[data-ds-theme=day] .ds-car-theater-controls,.ds-car-screen[data-ds-theme=day] .ds-car-theater-top,.ds-car-screen[data-ds-theme=day] .ds-car-theater-bottom,.ds-car-screen[data-ds-theme=day] .ds-car-theater-movie .ds-car-theater-controls{background:#e8e9e3;color:#242923}.ds-car-screen[data-ds-theme=day] .ds-car-theater-movie{color:#242923;--ds-color-text: #242923;--ds-color-muted: #687068}.ds-car-screen[data-ds-theme=day] .ds-car-theater-heading>span,.ds-car-screen[data-ds-theme=day] .ds-car-theater-times{color:#687068}.ds-car-screen[data-ds-theme=day] .ds-car-theater-progress{color:#303832}.ds-car-screen[data-ds-theme=day] .ds-car-theater-bar{background:#c5c9c1}.ds-car-screen[data-ds-theme=day] .ds-car-theater-bar>span,.ds-car-screen[data-ds-theme=day] .ds-car-theater-bar>span:after{background:#465248}.ds-car-screen[data-ds-theme=day] .ds-car-theater-bar>span:after{border-color:#e8e9e3}.ds-car-screen[data-ds-theme=day] .ds-car-theater-movie .ds-button--ghost,.ds-car-screen[data-ds-theme=day] .ds-car-theater-movie .ds-button--secondary{color:#303832}.ds-car-screen[data-ds-theme=night] .ds-car-theater,.ds-car-screen[data-ds-theme=night] .ds-car-theater-controls,.ds-car-screen[data-ds-theme=night] .ds-car-theater-top,.ds-car-screen[data-ds-theme=night] .ds-car-theater-bottom{background:#111311;color:#f0f1eb}.ds-car-screen[data-ds-theme=night] .ds-car-theater-movie{color:#f0f1eb;--ds-color-text: #f0f1eb;--ds-color-muted: #b0b5ac}.ds-car-screen[data-ds-theme=night] .ds-car-theater-heading>span,.ds-car-screen[data-ds-theme=night] .ds-car-theater-times{color:#b0b5ac}.ds-car-screen[data-ds-theme=night] .ds-car-theater-progress{color:#f0f1eb}.ds-car-screen[data-ds-theme=night] .ds-car-theater-bar{background:#515750}.ds-car-screen[data-ds-theme=night] .ds-car-theater-bar>span,.ds-car-screen[data-ds-theme=night] .ds-car-theater-bar>span:after{background:#e7e9e2}.ds-car-screen[data-ds-theme=night] .ds-car-theater-bar>span:after{border-color:#111311}.ds-car-screen[data-ds-theme=day] .ds-car-theater-still,.ds-car-screen[data-ds-theme=day] .ds-car-theater-image,.ds-car-screen[data-ds-theme=night] .ds-car-theater-still,.ds-car-screen[data-ds-theme=night] .ds-car-theater-image{background:#000}.ds-car-screen[data-ds-theme] :is(.ds-spotify-info,.ds-demo-info,.ds-youtube-player__info,.ds-car-theater-info){background:var(--ride-app-surface);color:var(--ride-app-ink);--ds-color-canvas: var(--ride-app-surface);--ds-color-text: var(--ride-app-ink);--ds-color-muted: var(--ride-app-muted)}.ds-car-screen[data-ds-theme] :is(.ds-spotify-info,.ds-demo-info,.ds-youtube-player__info,.ds-car-theater-info) :is(h1,h2,h3,strong,p,span,small,label){color:inherit}.ds-car-screen[data-ds-theme=day] .ds-spotify-player{background:var(--ride-app-surface);color:var(--ride-app-ink)}.ds-car-screen[data-ds-theme=day] .ds-spotify-now-playing{background:linear-gradient(180deg,#dce6dc,#f0f1eb 60% 100%)}.ds-car-screen[data-ds-theme=day] .ds-spotify-label{color:#59675d}.ds-car-screen[data-ds-theme=day] .ds-spotify-track-info h1{color:#202820}.ds-car-screen[data-ds-theme=day] .ds-spotify-track-info p{color:#59675d}.ds-car-screen[data-ds-theme=day] .ds-spotify-progress{color:#626b63}.ds-car-screen[data-ds-theme=day] .ds-spotify-player .ds-spotify-buttons .ds-button--ghost:not(.ds-spotify-play){color:#303832}.ds-car-screen[data-ds-theme=night] .ds-spotify-player{background:#111311;color:#f0f1eb}.ds-car-screen[data-ds-theme=night] .ds-spotify-now-playing{background:linear-gradient(180deg,#203329,#151a16 55%,#111311)}.ds-car-screen[data-ds-theme=night] .ds-spotify-label,.ds-car-screen[data-ds-theme=night] .ds-spotify-track-info p{color:#c1c9c1}.ds-car-screen[data-ds-theme=night] .ds-spotify-track-info h1{color:#f5f5ef}.ds-car-screen[data-ds-theme=night] .ds-spotify-progress{color:#c4c9c2}.ds-car-screen[data-ds-theme] .ds-car-screen .ds-spotify-player .ds-button.ds-spotify-play{background:#1ed760;color:#101510}.ds-car-screen[data-ds-theme=day] .ds-youtube-player{background:#f0f1ed;color:#242923;--ds-color-text: #242923;--ds-color-muted: #687068}.ds-car-screen[data-ds-theme=day] .ds-youtube-player__app,.ds-car-screen[data-ds-theme=day] .ds-youtube-player__browse,.ds-car-screen[data-ds-theme=day] .ds-youtube-player__watch-view{background:#f0f1ed}.ds-car-screen[data-ds-theme=day] .ds-youtube-player__app-header,.ds-car-screen[data-ds-theme=day] .ds-youtube-player__categories{border-color:#d8dad3}.ds-car-screen[data-ds-theme=day] .ds-youtube-player__search{border-color:#c8ccc5;background:#fbfaf7}.ds-car-screen[data-ds-theme=day] .ds-youtube-player__search input{color:#242923}.ds-car-screen[data-ds-theme=day] .ds-youtube-player__search input::placeholder{color:#747c73}.ds-car-screen[data-ds-theme=day] .ds-youtube-player__search-icon{border-color:#d8dad3;background:#e7e8e2;color:#303832}.ds-car-screen[data-ds-theme=day] .ds-youtube-player__categories button{background:#e3e5de;color:#303832}.ds-car-screen[data-ds-theme=day] .ds-youtube-player__categories button:hover{background:#d7dbd2}.ds-car-screen[data-ds-theme=day] .ds-youtube-player__categories button.is-active{background:#303a32;color:#f7f7f1}.ds-car-screen[data-ds-theme=day] .ds-youtube-player__card-text>span,.ds-car-screen[data-ds-theme=day] .ds-youtube-player__empty{color:#687068}.ds-car-screen[data-ds-theme=day] .ds-youtube-player__empty strong{color:#242923}.ds-car-screen[data-ds-theme=day] .ds-youtube-player__home,.ds-car-screen[data-ds-theme=day] .ds-car .ds-youtube-player .ds-youtube-player__watch{border-color:#c8ccc5;background:#e7e8e2;color:#303832}.ds-car-screen[data-ds-theme=day] .ds-youtube-player__home:hover,.ds-car-screen[data-ds-theme=day] .ds-car .ds-youtube-player .ds-youtube-player__watch:hover{background:#daddd5}.ds-car-screen[data-ds-theme=night] .ds-youtube-player{background:#111311;color:#f0f1eb;--ds-color-text: #f0f1eb;--ds-color-muted: #b0b5ac}.ds-car-screen[data-ds-theme=night] .ds-youtube-player__app,.ds-car-screen[data-ds-theme=night] .ds-youtube-player__browse,.ds-car-screen[data-ds-theme=night] .ds-youtube-player__watch-view{background:#111311}.ds-car-screen[data-ds-theme=night] .ds-youtube-player__app-header,.ds-car-screen[data-ds-theme=night] .ds-youtube-player__categories{border-color:#383d38}.ds-car-screen[data-ds-theme=night] .ds-youtube-player__search{border-color:#424742;background:#1a1d1a}.ds-car-screen[data-ds-theme=night] .ds-youtube-player__search input{color:#f0f1eb}.ds-car-screen[data-ds-theme=night] .ds-youtube-player__search-icon{border-color:#383d38;background:#292d29;color:#f0f1eb}.ds-car-screen[data-ds-theme=night] .ds-youtube-player__categories button{background:#292d29;color:#f0f1eb}.ds-car-screen[data-ds-theme=night] .ds-youtube-player__categories button.is-active{background:#f0f1eb;color:#242923}.ds-car-screen[data-ds-theme=night] .ds-youtube-player__card-text>span,.ds-car-screen[data-ds-theme=night] .ds-youtube-player__empty{color:#b0b5ac}.ds-car-screen[data-ds-theme=night] .ds-youtube-player__empty strong{color:#f0f1eb}.ds-car-screen[data-ds-theme] .ds-demo-app{--demo-ink: var(--ride-app-ink);--demo-muted: var(--ride-app-muted);--demo-line: var(--ride-app-line);background:var(--ride-app-surface);color:var(--ride-app-ink)}.ds-car-screen[data-ds-theme] .ds-demo-app[data-demo-app=amazon] .ds-demo-shop__brand img,.ds-car-screen[data-ds-theme] .ds-demo-app[data-demo-app=tiktok] .ds-demo-social-brand img{filter:none}.ds-car-screen[data-ds-theme] :is(.ds-demo-content,.ds-demo-shop,.ds-demo-food,.ds-demo-cart,.ds-demo-food-order){background:var(--ride-app-surface);color:var(--ride-app-ink)}.ds-car-screen[data-ds-theme] :is(.ds-demo-shop__header,.ds-demo-food__header){border-color:var(--ride-app-line);background:var(--ride-app-surface-raised)}.ds-car-screen[data-ds-theme] .ds-demo-shop__header{grid-template-columns:auto minmax(130px,1fr) auto}.ds-car-screen[data-ds-theme] .ds-demo-shop__brand{color:var(--ride-app-ink)}.ds-car-screen[data-ds-theme] .ds-demo-search{border:1px solid var(--ride-app-line);background:var(--ride-app-surface-raised);color:var(--ride-app-muted)}.ds-car-screen[data-ds-theme] .ds-demo-search input{color:var(--ride-app-ink)}.ds-car-screen[data-ds-theme] .ds-demo-search input::placeholder{color:var(--ride-app-muted)}.ds-car-screen[data-ds-theme] .ds-demo-cart-button,.ds-car-screen[data-ds-theme] .ds-demo-food-cart{color:var(--ride-app-ink)}.ds-car-screen[data-ds-theme] :is(.ds-demo-products-heading h2,.ds-demo-food-section-heading h2,.ds-demo-section-title h1,.ds-demo-cart-copy>strong,.ds-demo-cart-total strong,.ds-demo-restaurant__top h3,.ds-demo-dish b,.ds-demo-dish>strong,.ds-demo-food-order-row>div:first-child>strong){color:var(--ride-app-ink)}.ds-car-screen[data-ds-theme] :is(.ds-demo-products-heading>span,.ds-demo-food-section-heading>span,.ds-demo-cart-copy>span,.ds-demo-cart-total,.ds-demo-restaurant__top p,.ds-demo-restaurant__meta,.ds-demo-dish small,.ds-demo-food-order-row>div:first-child>span,.ds-demo-footer-note,.ds-demo-fineprint,.ds-demo-no-results){color:var(--ride-app-muted)}.ds-car-screen[data-ds-theme] .ds-demo-product,.ds-car-screen[data-ds-theme] .ds-demo-restaurant{border-color:var(--ride-app-line);background:var(--ride-app-surface-raised)}.ds-car-screen[data-ds-theme] .ds-demo-product__visual,.ds-car-screen[data-ds-theme] .ds-demo-food-art{background-color:#e4e6df!important}.ds-car-screen[data-ds-theme] .ds-demo-product-art,.ds-car-screen[data-ds-theme] .ds-demo-food-art{filter:none}.ds-car-screen[data-ds-theme] .ds-demo-product__copy h3{color:var(--ride-app-ink)}.ds-car-screen[data-ds-theme] .ds-demo-product__copy p{color:var(--ride-app-muted)}.ds-car-screen[data-ds-theme] .ds-demo-product__copy button{border-color:#d7c77f;background:#f4e7a9;color:#342e1c}.ds-car-screen[data-ds-theme] :is(.ds-demo-cart-row,.ds-demo-food-order-row,.ds-demo-dish){border-color:var(--ride-app-line)}.ds-car-screen[data-ds-theme] :is(.ds-demo-qty>button,.ds-demo-dish button){border-color:var(--ride-app-line);background:var(--ride-app-control);color:var(--ride-app-control-ink)}.ds-car-screen[data-ds-theme] .ds-demo-text-button{color:var(--ride-app-ink)}.ds-car-screen[data-ds-theme] .ds-demo-empty{color:var(--ride-app-muted)}.ds-car-screen[data-ds-theme] .ds-demo-empty strong{color:var(--ride-app-ink)}.ds-car-screen[data-ds-theme] .ds-demo-empty span{color:var(--ride-app-muted)}.ds-car-screen[data-ds-theme] .ds-demo-empty button{border-color:var(--ride-app-line);background:var(--ride-app-control);color:var(--ride-app-control-ink)}.ds-car-screen[data-ds-theme] .ds-demo-confirm{border-color:#94b49b;background:#e1eee2;color:#31553a}.ds-car-screen[data-ds-theme] .ds-demo-food__brand{color:var(--ride-app-ink)}.ds-car-screen[data-ds-theme] .ds-demo-address{color:var(--ride-app-muted)}.ds-car-screen[data-ds-theme] .ds-demo-address strong{color:var(--ride-app-ink)}.ds-car-screen[data-ds-theme] .ds-demo-dish button{color:#a93424}.ds-car-screen[data-ds-theme=night] .ds-demo-content,.ds-car-screen[data-ds-theme=night] .ds-demo-shop,.ds-car-screen[data-ds-theme=night] .ds-demo-food,.ds-car-screen[data-ds-theme=night] .ds-demo-cart,.ds-car-screen[data-ds-theme=night] .ds-demo-food-order{background:#141714}.ds-car-screen[data-ds-theme=night] .ds-demo-shop__header,.ds-car-screen[data-ds-theme=night] .ds-demo-food__header,.ds-car-screen[data-ds-theme=night] .ds-demo-product,.ds-car-screen[data-ds-theme=night] .ds-demo-restaurant{border-color:#363c36;background:#1c201c}.ds-car-screen[data-ds-theme=night] .ds-demo-product__visual,.ds-car-screen[data-ds-theme=night] .ds-demo-food-art{background-color:#282d28!important}.ds-car-screen[data-ds-theme=night] .ds-demo-search{border-color:#474d47;background:#141714}.ds-car-screen[data-ds-theme=night] .ds-demo-product__copy button{border-color:#756630;background:#40381f;color:#f0e4b1}.ds-car-screen[data-ds-theme=night] :is(.ds-demo-qty>button,.ds-demo-dish button,.ds-demo-empty button){border-color:#474d47;background:#292e29;color:#eceee8}.ds-car-screen[data-ds-theme=night] .ds-demo-confirm{border-color:#49634d;background:#202b21;color:#c3dfc6}.ds-car-screen[data-ds-theme=day] .ds-demo-content:has(.ds-demo-social){background:#f0f1ed}.ds-car-screen[data-ds-theme=day] .ds-demo-social{background:#f0f1ed;color:#242923}.ds-car-screen[data-ds-theme=day] .ds-demo-social__header{border-color:#d8dad3;background:#f8f8f4}.ds-car-screen[data-ds-theme=day] .ds-demo-feed-tabs button{color:#687068}.ds-car-screen[data-ds-theme=day] .ds-demo-feed-tabs button[aria-selected=true]{color:#242923}.ds-car-screen[data-ds-theme=day] .ds-demo-feed-tabs button[aria-selected=true]:after{background:#303a32}.ds-car-screen[data-ds-theme=day] .ds-demo-social-search{border:1px solid #c8ccc5;background:#fbfaf7;color:#687068}.ds-car-screen[data-ds-theme=day] .ds-demo-social-search input{color:#242923}.ds-car-screen[data-ds-theme=day] .ds-demo-social-search input::placeholder{color:#747c73}.ds-car-screen[data-ds-theme=day] .ds-demo-social__description{color:#e7e7df}.ds-car-screen[data-ds-theme=day] .ds-demo-social-notice{border-color:#c8ccc5;background:#f8f8f4;color:#303832}.ds-car-screen[data-ds-theme=day] .ds-demo-social-notice button{color:#405c50}.ds-car-screen[data-ds-theme=night] .ds-demo-content:has(.ds-demo-social){background:#111311}.ds-car-screen[data-ds-theme=night] .ds-demo-social{background:#111311;color:#f0f1eb}.ds-car-screen[data-ds-theme=night] .ds-demo-social__header{border-color:#383d38;background:#171a17}.ds-car-screen[data-ds-theme=night] .ds-demo-feed-tabs button{color:#b0b5ac}.ds-car-screen[data-ds-theme=night] .ds-demo-feed-tabs button[aria-selected=true]{color:#f0f1eb}.ds-car-screen[data-ds-theme=night] .ds-demo-feed-tabs button[aria-selected=true]:after{background:#f0f1eb}.ds-car-screen[data-ds-theme=night] .ds-demo-social-search{border:1px solid #424742;background:#1a1d1a;color:#b0b5ac}.ds-car-screen[data-ds-theme=night] .ds-demo-social-search input{color:#f0f1eb}.ds-car-screen[data-ds-theme=night] .ds-demo-social-search input::placeholder{color:#a0a69d}.ds-car-screen[data-ds-theme=night] .ds-demo-social-notice{border-color:#4b514b;background:#1b1e1b;color:#e4e7df}.design-system-page{min-height:100dvh;color:var(--ds-color-text);font-family:var(--ds-font);font-size:var(--ds-type-body);line-height:1.55}.ds-doc-page-header{min-width:0;padding-bottom:var(--ds-space-4);margin-bottom:var(--ds-space-8)}.ds-doc-page-heading{min-width:0}.ds-doc-page-header h1{display:flex;align-items:center;gap:var(--ds-space-3);font-size:var(--ds-type-doc-page);font-weight:650;letter-spacing:-.025em;line-height:1.2}.ds-doc-page-header>p{max-width:72ch;margin-top:var(--ds-space-4);color:var(--ds-color-muted)}.ds-doc-contract-state{display:flex;min-height:var(--ds-control-height);align-items:center;flex-wrap:wrap;gap:var(--ds-space-3);margin-top:var(--ds-space-3);color:var(--ds-color-muted);font-size:var(--ds-type-small)}.ds-doc-error-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-3)}.ds-doc-layout{align-items:start;padding-top:var(--ds-space-8);padding-bottom:var(--ds-space-12)}.ds-doc-sidebar{position:static;grid-column:span 12;align-self:start}.ds-doc-sidebar-links{display:none}.ds-doc-sidebar-links[hidden],.ds-doc-mobile-nav[hidden]{display:none!important}.ds-doc-sidebar-top{margin-bottom:var(--ds-space-2)}.ds-doc-sidebar-group summary{display:flex;min-height:var(--ds-control-height);align-items:center;gap:var(--ds-space-2);border-radius:var(--ds-radius);color:var(--ds-color-text);font-size:var(--ds-type-body);font-weight:650;cursor:pointer;list-style:none}.ds-doc-sidebar-group summary::-webkit-details-marker{display:none}.ds-doc-sidebar-group summary>span:first-of-type{flex:1 1 auto}.ds-doc-sidebar-count{color:var(--ds-color-muted);font-size:var(--ds-type-small);font-weight:500}.ds-doc-sidebar-group summary>.ds-icon:last-child{color:var(--ds-color-muted);transition:transform .15s ease-out}.ds-doc-sidebar-group[open]>summary>.ds-icon:last-child{transform:rotate(180deg)}.ds-doc-sidebar-group summary:hover{background:var(--ds-color-surface)}.ds-doc-sidebar-group ul{padding:var(--ds-space-1) 0 var(--ds-space-2) var(--ds-space-6)}@media (prefers-reduced-motion: reduce){.ds-doc-sidebar-group summary>.ds-icon:last-child{transition:none}}@media (min-width: 1024px) and (max-width: 1150px){.design-system-page .ds-button.ds-grid-toggle{padding-inline:8px!important}}.ds-doc-sidebar-top[hidden]{display:none!important}.ds-doc-sidebar h2{display:flex;align-items:center;gap:var(--ds-space-2);margin-bottom:var(--ds-space-1);color:var(--ds-color-muted);font-size:var(--ds-type-small);font-weight:600}.ds-doc-sidebar ul,.ds-doc-checklist,.ds-doc-token-values,.ds-demo-token-list,.ds-demo-icon-list{margin:0;padding:0;list-style:none}.ds-doc-sidebar a{display:flex;min-height:var(--ds-control-height);align-items:center;gap:var(--ds-space-2);border-radius:var(--ds-radius);color:var(--ds-color-muted);font-size:var(--ds-type-small);line-height:1.3}.ds-doc-sidebar a[aria-current=page]{color:var(--ds-color-text);font-weight:650}.ds-doc-sidebar a[aria-current=page] .ds-icon{color:var(--ds-color-accent)}.ds-doc-sidebar a:hover,.ds-doc-text-link:hover,.ds-doc-tool-links a:hover,.ds-doc-explore a:hover,.ds-doc-ai-actions a:hover{color:var(--ds-color-text);text-decoration:underline;text-underline-offset:4px}.ds-doc-mobile-nav-label{display:block;margin-bottom:var(--ds-space-1);color:var(--ds-color-muted);font-size:var(--ds-type-small)}.ds-doc-mobile-nav{display:block;width:100%}.ds-doc-article{grid-column:span 12;min-width:0;width:100%;max-width:none;justify-self:start;overflow-wrap:anywhere}.ds-doc-section{padding-block:var(--ds-space-8);scroll-margin-top:var(--ds-space-4)}.ds-doc-section p{max-width:72ch}.ds-doc-section h2,.ds-doc-overview-directory>h2{display:flex;align-items:center;gap:var(--ds-space-2);margin-bottom:var(--ds-space-4);font-size:var(--ds-type-doc-section);font-weight:650;line-height:1.25}.ds-doc-section h2 .ds-icon,.ds-doc-overview-directory>h2 .ds-icon{color:var(--ds-color-muted)}.ds-doc-section h3,.ds-doc-overview-directory h3{margin-block:var(--ds-space-6) var(--ds-space-3);font-size:var(--ds-type-heading);font-weight:650;line-height:1.35}.ds-doc-section>p+p{margin-top:var(--ds-space-3)}.ds-doc-muted{color:var(--ds-color-muted)}.ds-doc-guidance-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--ds-space-4) var(--ds-grid-gap);margin-block:var(--ds-space-4)}.ds-doc-guidance-grid>*{grid-column:span 12;min-width:0}.ds-doc-guidance-grid h3{margin-top:0}.ds-doc-guidance-heading{display:flex;min-height:var(--ds-control-height);align-items:center;gap:var(--ds-space-2)}.ds-doc-guidance-heading--good .ds-icon{color:var(--ds-color-success)}.ds-doc-guidance-heading--bad .ds-icon{color:var(--ds-color-danger)}.ds-doc-guidance-grid ul{margin:0;padding-left:1.25em}.ds-doc-guidance-grid li+li,.ds-doc-checklist li+li{margin-top:var(--ds-space-2)}.ds-doc-checklist{counter-reset:none;padding-left:1.25em;list-style:decimal}.ds-doc-checklist li{padding-left:var(--ds-space-1)}.ds-doc-principles{margin:var(--ds-space-4) 0 0;padding:0;list-style:none}.ds-doc-principles li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:var(--ds-space-2);padding-block:var(--ds-space-3)}.ds-doc-principles li>.ds-icon{margin-top:var(--ds-space-1);color:var(--ds-color-muted)}.ds-doc-principles li p{margin-top:var(--ds-space-1);color:var(--ds-color-muted)}.ds-doc-explore{margin-top:var(--ds-space-6);padding-top:var(--ds-space-4)}.ds-doc-explore>strong{display:block;margin-bottom:var(--ds-space-2)}.ds-doc-explore nav{display:flex;flex-wrap:wrap;gap:var(--ds-space-2) var(--ds-space-4)}.ds-doc-explore a{display:inline-flex;min-height:var(--ds-control-height);align-items:center;color:var(--ds-color-text);text-decoration:underline;text-decoration-color:var(--ds-color-muted);text-underline-offset:4px}.ds-doc-explore p{margin-top:var(--ds-space-3)}.ds-doc-overview-directory{padding-block:0 var(--ds-space-6)}.ds-doc-overview-directory>p{max-width:72ch;margin-bottom:var(--ds-space-6);color:var(--ds-color-muted)}.ds-demo-flow,.ds-demo-stack{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ds-space-3);margin-block:var(--ds-space-4)}.ds-demo-flow p{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-2);font-weight:600}.ds-demo-flow p span{color:var(--ds-color-accent)}.ds-demo-grid{margin-block:var(--ds-space-4)}.ds-demo-region{display:flex;min-height:84px;grid-column:span 12;flex-direction:column;justify-content:center;gap:var(--ds-space-2);padding:var(--ds-space-3);border:1px solid var(--ds-color-control);border-radius:var(--ds-radius)}.ds-demo-region--wide{grid-column:span 12}.ds-demo-region--full{grid-column:1 / -1;min-height:58px}.ds-demo-region span{color:var(--ds-color-muted);font-size:var(--ds-type-small)}.ds-demo-token-list li{display:grid;grid-template-columns:28px minmax(90px,.6fr) minmax(0,1fr);align-items:center;gap:var(--ds-space-2);min-height:var(--ds-control-height);padding-block:var(--ds-space-2)}.ds-demo-color{width:24px;height:24px;border:1px solid var(--ds-color-control);border-radius:var(--ds-radius)}.ds-demo-token-list code,.ds-doc-token-values code{color:var(--ds-color-muted);overflow-wrap:anywhere}.ds-demo-spacing{display:grid;gap:var(--ds-space-3);margin-block:var(--ds-space-4)}.ds-demo-spacing>div{display:grid;grid-template-columns:94px minmax(0,1fr);min-height:var(--ds-control-height);align-items:center;gap:var(--ds-space-3)}.ds-demo-spacing span{color:var(--ds-color-muted)}.ds-demo-spacing i{display:block;max-width:100%;height:12px;background:var(--ds-color-focus)}.ds-demo-type{display:grid;gap:var(--ds-space-2);margin-block:var(--ds-space-4)}.ds-demo-type__page{font-size:var(--ds-type-page);font-weight:650}.ds-demo-type__section{font-size:var(--ds-type-section);font-weight:600}.ds-demo-type__body{font-size:var(--ds-type-body)}.ds-demo-type__support{font-size:var(--ds-type-small);color:var(--ds-color-muted)}.ds-demo-icon-list{display:grid;grid-template-columns:minmax(0,1fr);margin-block:var(--ds-space-4)}.ds-demo-icon-list li{display:flex;min-height:var(--ds-control-height);align-items:center;gap:var(--ds-space-2)}.ds-demo-icon-list .ds-icon{color:var(--ds-color-muted)}.ds-demo-actions{display:flex;flex-wrap:wrap;gap:var(--ds-space-3)}.ds-demo-label{display:block;margin-bottom:var(--ds-space-1);font-weight:600}.ds-demo-controls{display:grid;gap:var(--ds-space-2);max-width:620px;margin-block:var(--ds-space-4)}.ds-demo-check{display:flex;min-height:var(--ds-control-height);align-items:center;gap:var(--ds-space-2)}.ds-demo-check input{width:20px;height:20px;accent-color:var(--ds-color-accent)}.ds-demo-statuses{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ds-space-3);margin-block:var(--ds-space-4)}.ds-demo-navigation{margin-block:var(--ds-space-4)}.ds-demo-navigation .ds-product-header{border:1px solid var(--ds-color-divider)}.ds-demo-product-links,.ds-doc-tool-links{display:flex;flex-wrap:wrap;gap:var(--ds-space-4);margin-top:var(--ds-space-3)}.ds-demo-product-links a,.ds-doc-tool-links a,.ds-doc-text-link,.ds-doc-ai-actions a{display:inline-flex;min-height:var(--ds-control-height);align-items:center;gap:var(--ds-space-2);color:var(--ds-color-text);text-decoration:underline;text-decoration-color:var(--ds-color-muted);text-underline-offset:4px}.ds-demo-navigation>p{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-2);margin-top:var(--ds-space-3)}.ds-demo-review{margin-block:var(--ds-space-4)}.ds-demo-note{margin-top:var(--ds-space-3);color:var(--ds-color-muted);font-size:var(--ds-type-small)}.ds-doc-token-values li{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:var(--ds-space-1);min-height:var(--ds-control-height);padding-block:var(--ds-space-2)}.ds-doc-ai-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-3) var(--ds-space-4);margin-top:var(--ds-space-3)}.ds-doc-ai-message{min-height:var(--ds-control-height);padding-block:var(--ds-space-2);color:var(--ds-color-muted)}.ds-guidance-pair{row-gap:var(--ds-space-4);margin-top:0}.ds-guidance-case{grid-column:span 12;min-width:0}.ds-guidance-case h3,.ds-guidance-case h4{display:flex;min-height:var(--ds-control-height);align-items:center;gap:var(--ds-space-2);margin:0 0 var(--ds-space-3);font-size:var(--ds-type-heading);font-weight:650}.ds-guidance-case--good :is(h3,h4) .ds-icon{color:var(--ds-color-success)}.ds-guidance-case--bad :is(h3,h4) .ds-icon{color:var(--ds-color-danger)}.ds-guidance-case>p{margin-top:var(--ds-space-3)}.ds-guidance-example-stack{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ds-space-3);padding-block:var(--ds-space-2)}.ds-guidance-example-flow{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-3);padding-block:var(--ds-space-2)}.ds-guidance-example-flow .ds-icon{color:var(--ds-color-muted)}.ds-guidance-example-field{display:grid;width:min(100%,420px);gap:var(--ds-space-2);padding-block:var(--ds-space-2)}.ds-guidance-example-field span{font-weight:600}.ds-guidance-example-field .ds-field{width:100%}.ds-guidance-grid-example{align-items:stretch;padding-block:var(--ds-space-2)}.ds-guidance-grid-primary,.ds-guidance-grid-secondary,.ds-guidance-grid-full{display:flex;min-height:var(--ds-control-height);align-items:center;padding:var(--ds-space-3);border-bottom:1px solid var(--ds-color-divider)}.ds-guidance-grid-primary,.ds-guidance-grid-secondary{grid-column:span 12}.ds-guidance-grid-full{grid-column:1 / -1}.ds-guidance-spacing-example{display:flex;align-items:center;gap:var(--ds-space-3);flex-wrap:wrap;padding-block:var(--ds-space-2)}.ds-guidance-spacing-example span{min-height:var(--ds-control-height);display:inline-flex;align-items:center;padding-inline:var(--ds-space-3);background:var(--ds-color-surface)}.ds-guidance-spacing-example i{width:var(--ds-space-3);height:var(--ds-space-3);border-radius:50%;background:var(--ds-color-focus)}.ds-guidance-type-example{padding-block:var(--ds-space-2)}.ds-guidance-type-example h3{margin:0;font-size:var(--ds-type-section)}.ds-guidance-type-example p{margin-top:var(--ds-space-2);color:var(--ds-color-muted)}.ds-guidance-icon-example{display:grid;gap:var(--ds-space-2);margin:0;padding:0;list-style:none}.ds-guidance-icon-example li{display:flex;min-height:var(--ds-control-height);align-items:center;gap:var(--ds-space-2)}.ds-guidance-icon-example .ds-icon{color:var(--ds-color-muted)}.ds-guidance-negative{margin:0}.ds-guidance-negative>div{display:flex;min-height:var(--ds-control-height);align-items:center;gap:var(--ds-space-3);padding-block:var(--ds-space-2)}.ds-guidance-negative-icon{display:inline-flex;width:var(--ds-control-height);height:var(--ds-control-height);flex:0 0 auto;align-items:center;justify-content:center;color:var(--ds-color-danger)}.ds-guidance-negative-visual{display:flex;min-width:0;align-items:center;flex-wrap:wrap;gap:var(--ds-space-2)}.ds-guidance-negative-visual>span:not(.ds-guidance-negative-dots){display:inline-flex;min-height:var(--ds-control-height);align-items:center;padding-inline:var(--ds-space-3);background:var(--ds-color-surface);color:var(--ds-color-text)}.ds-guidance-negative--spacing .ds-guidance-negative-visual{gap:var(--ds-space-1)}.ds-guidance-negative--spacing .ds-guidance-negative-visual>span:nth-child(2){margin-left:var(--ds-space-4)}.ds-guidance-negative--spacing .ds-guidance-negative-visual>span:nth-child(3){margin-left:var(--ds-space-2)}.ds-guidance-negative--layout .ds-guidance-negative-visual{display:grid;min-width:0;flex:1;grid-template-columns:repeat(4,minmax(0,1fr))}.ds-guidance-negative--layout .ds-guidance-negative-visual>span:nth-child(1){grid-column:1}.ds-guidance-negative--layout .ds-guidance-negative-visual>span:nth-child(2){grid-column:4}.ds-guidance-negative--layout .ds-guidance-negative-visual>span:nth-child(3){grid-column:2}.ds-guidance-color-only-swatch{display:block;width:var(--ds-space-6);height:var(--ds-space-6);border-radius:50%;background:var(--ds-color-danger)}.ds-guidance-unlabeled-symbol{display:inline-flex;min-height:var(--ds-control-height);align-items:center;justify-content:center}.ds-guidance-negative-dots{display:flex;align-items:center;gap:var(--ds-space-2)}.ds-guidance-negative-dots i{width:var(--ds-space-2);height:var(--ds-space-2);border-radius:50%;background:var(--ds-color-muted)}.ds-guidance-negative figcaption{margin-top:var(--ds-space-2);color:var(--ds-color-muted)}.ds-doc-page-header h1,.ds-doc-sidebar h2,.ds-doc-page-header h1 .ds-icon,.ds-doc-sidebar h2 .ds-icon{flex:0 0 auto}.ds-doc-principles li div{display:flex;flex-direction:column;gap:var(--ds-space-1)}.ds-doc-principles li div>span{color:var(--ds-color-muted)}.ds-doc-quick-checks,.ds-doc-ai-steps,.ds-doc-style-specimens,.ds-guidance-points{margin:0;padding:0;list-style:none}.ds-doc-quick-checks,.ds-doc-ai-steps{row-gap:var(--ds-space-4)}.ds-doc-quick-checks li,.ds-doc-ai-steps li{grid-column:span 12;display:flex;flex-direction:row;align-items:center;gap:var(--ds-space-3);min-width:0}.ds-doc-quick-checks .ds-icon,.ds-doc-ai-steps .ds-icon{color:var(--ds-color-muted)}.ds-guidance-caption{display:block;margin-top:var(--ds-space-3);font-weight:500;color:var(--ds-color-muted)}.ds-guidance-points{display:grid;gap:var(--ds-space-3);margin-top:var(--ds-space-6)}.ds-guidance-points li{display:flex;align-items:flex-start;gap:var(--ds-space-2)}.ds-guidance-points .ds-icon{flex:0 0 auto;margin-top:var(--ds-space-1)}.ds-guidance-case--good .ds-guidance-points .ds-icon{color:var(--ds-color-success)}.ds-guidance-case--bad .ds-guidance-points .ds-icon{color:var(--ds-color-danger)}.ds-guidance-example-check{display:flex;min-height:var(--ds-control-height);align-items:center;gap:var(--ds-space-2)}.ds-guidance-example-check input{width:20px;height:20px;accent-color:var(--ds-color-accent)}.ds-guidance-spacing-groups{display:flex;flex-wrap:wrap;gap:var(--ds-space-8);padding-block:var(--ds-space-3)}.ds-guidance-spacing-groups>span{display:flex;flex-direction:column;gap:var(--ds-space-1)}.ds-guidance-grid-primary,.ds-guidance-grid-full{gap:var(--ds-space-2)}.ds-guidance-type-example>span{color:var(--ds-color-muted)}.ds-driving-night,.ds-guidance-negative>.ds-driving-bright{display:flex;min-height:208px;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--ds-space-4);padding:var(--ds-space-6);background:var(--ds-color-surface);color:var(--ds-color-text)}.ds-driving-night>span,.ds-driving-bright>span:first-child{display:flex;align-items:center;gap:var(--ds-space-2)}.ds-driving-night>strong{font-size:32px;line-height:1.2}.ds-guidance-negative>.ds-driving-bright{justify-content:flex-start;background:var(--ds-color-text);color:var(--ds-color-canvas)}.ds-doc-driving-note{margin-top:var(--ds-space-6);color:var(--ds-color-muted)}.ds-doc-style-specimens{row-gap:var(--ds-space-6)}.ds-doc-style-specimens li{grid-column:span 12;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:var(--ds-space-3);min-width:0}.ds-doc-color-specimen{width:100%;height:48px;border-bottom:1px solid var(--ds-color-control)}.ds-doc-space-specimen{display:block;min-width:var(--ds-space-1);height:var(--ds-space-4);background:var(--ds-color-muted)}.ds-doc-directory-group{padding-block:var(--ds-space-6) 0}.ds-doc-directory-group h2{margin-bottom:var(--ds-space-4);font-size:var(--ds-type-doc-section);font-weight:650;line-height:1.25}.ds-doc-directory-grid{row-gap:var(--ds-space-6)}.ds-doc-directory-tile{grid-column:span 12;min-width:0;display:flex;flex-direction:column;gap:var(--ds-space-3);color:var(--ds-color-text);text-decoration:none;border-radius:var(--ds-radius)}.ds-doc-tile-art{display:grid;place-items:center;aspect-ratio:16 / 7;border-radius:var(--ds-radius);background:var(--ds-color-surface);color:var(--ds-color-text)}.ds-doc-tile-art .ds-icon{width:40px;height:40px}.ds-doc-directory-group--green .ds-doc-tile-art{color:var(--ds-color-success)}.ds-doc-directory-group--yellow .ds-doc-tile-art{color:var(--ds-color-warning)}.ds-doc-directory-group--blue .ds-doc-tile-art{color:var(--ds-color-focus)}.ds-doc-directory-group--purple .ds-doc-tile-art{color:#bf8dff}.ds-doc-tile-art{border:1px solid transparent;transition:background-color .15s ease-out,border-color .15s ease-out,transform .15s ease-out,box-shadow .15s ease-out}.ds-doc-tile-art .ds-icon{transition:transform .15s ease-out}.ds-doc-directory-tile:hover .ds-doc-tile-art,.ds-doc-directory-tile:focus-visible .ds-doc-tile-art{background:#2c2c2e;border-color:color-mix(in srgb,currentColor 55%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,currentColor 14%,transparent);transform:translateY(-2px)}.ds-doc-directory-tile:hover .ds-doc-tile-art .ds-icon,.ds-doc-directory-tile:focus-visible .ds-doc-tile-art .ds-icon{transform:scale(1.12)}.ds-doc-directory-tile:active .ds-doc-tile-art{transform:translateY(0)}@media (prefers-reduced-motion: reduce){.ds-doc-tile-art,.ds-doc-tile-art .ds-icon{transition:none}.ds-doc-directory-tile:hover .ds-doc-tile-art,.ds-doc-directory-tile:hover .ds-doc-tile-art .ds-icon{transform:none}}.ds-doc-tile-title{min-height:44px;display:flex;align-items:center;font-weight:600;font-size:var(--ds-type-body)}.ds-doc-directory-tile:hover .ds-doc-tile-title{text-decoration:underline;text-underline-offset:6px}.ds-mini-screen{position:relative;width:100%;max-width:none;min-height:344px;padding:16px;border-radius:var(--ds-radius);background:var(--ds-color-surface);color:var(--ds-color-text);font:400 16px/1.5 var(--ds-font);overflow-wrap:anywhere}.ds-mini-screen *,.ds-mini-screen *:before,.ds-mini-screen *:after{animation:none!important;transition:none!important}.ds-mini-screen__badge{position:absolute;top:16px;right:16px}.ds-mini-screen--good>.ds-mini-screen__badge{color:var(--ds-color-success)}.ds-mini-screen--bad>.ds-mini-screen__badge{color:var(--ds-color-danger)}.ds-mini-screen__body{display:flex;flex-direction:column;gap:20px;min-width:0}.ds-mini-screen__eyebrow{display:block;padding-right:32px;color:var(--ds-color-muted)}.ds-mini-screen .ds-mini-title{display:block;margin:0;font-size:24px;font-weight:650;line-height:1.25;letter-spacing:-.02em}.ds-mini-screen .ds-mini-subtitle{color:var(--ds-color-muted)}.ds-mini-stack{display:flex;flex-direction:column;gap:8px}.ds-mini-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.ds-mini-divider{padding-top:16px;border-top:1px solid var(--ds-color-divider)}.ds-mini-actions{display:flex;flex-wrap:wrap;gap:8px}.ds-mini-screen .ds-button{font-size:16px}.ds-mini-faux-control{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:8px 16px;border-radius:var(--ds-radius);background:var(--ds-color-divider)}.ds-mini-faux-control--primary{background:var(--ds-color-accent);color:var(--ds-color-on-accent)}.ds-mini-faux-field{display:block;min-height:44px;padding:10px 12px;border-radius:var(--ds-radius);background:var(--ds-color-canvas);color:var(--ds-color-muted)}.ds-mini-screen .ds-status{color:var(--ds-color-text);font-size:16px}.ds-mini-screen .ds-status .ds-icon{color:var(--ds-color-muted)}.ds-mini-screen .ds-guidance-example-stack{padding:0;gap:12px;width:100%}.ds-mini-screen .ds-guidance-example-field{padding:0;width:100%;gap:8px}.ds-mini-screen .ds-guidance-example-field>span{font-size:16px}.ds-mini-focus{outline:3px solid var(--ds-color-focus);outline-offset:3px}.ds-mini-contact{display:grid;gap:24px}.ds-mini-contact--loose,.ds-mini-contact--loose .ds-mini-stack{gap:20px}.ds-mini-type-flat .ds-mini-title,.ds-mini-type-flat strong{font-size:16px;font-weight:400;line-height:1.5;letter-spacing:0}.ds-mini-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--ds-color-success)}.ds-mini-dot--danger{background:var(--ds-color-danger)}.ds-mini-progress{width:100%;height:6px;background:var(--ds-color-divider);border-radius:3px}.ds-mini-progress>span{display:block;width:60%;height:100%;border-radius:inherit;background:var(--ds-color-text)}.ds-mini-spinner{display:block;width:28px;height:28px;border-radius:50%;border:3px solid var(--ds-color-divider);border-top-color:var(--ds-color-text)}.ds-mini-waiting{display:grid;min-height:226px;place-items:center}.ds-mini-screen .ds-product-header{background:transparent}.ds-mini-screen .ds-product-header__inner{padding:0;gap:12px}.ds-mini-screen .ds-product-header__inner>.ds-grid-toggle{margin-left:0}.ds-mini-screen .ds-product-nav{width:100%;flex-direction:column;align-items:stretch;gap:4px;margin-left:0}.ds-mini-screen .ds-product-nav a{justify-content:flex-start;white-space:normal}.ds-mini-screen .ds-product-nav--desktop{display:flex}.ds-mini-screen .ds-product-menu-button{display:none}.ds-mini-unlabeled-nav{display:flex;justify-content:space-between;min-height:64px;align-items:center;border-bottom:1px solid var(--ds-color-divider)}.ds-mini-screen .ds-demo-review{margin:0}.ds-mini-screen .screen-review-check{padding:0 0 16px;grid-template-columns:minmax(0,1fr);gap:16px}.ds-mini-screen .screen-review-question h2{display:flex;margin:0 0 8px;font-size:18px}.ds-mini-screen .screen-review-question p{display:block;font-size:16px}.ds-mini-screen .screen-review-mobile-label{display:block;margin-bottom:8px;font-size:16px}.ds-mini-screen .screen-review-notes{grid-template-columns:minmax(0,1fr)}.ds-mini-screen .screen-review-notes textarea{min-height:88px;font-size:16px}.ds-guidance-pair--patterns .ds-mini-screen{min-height:560px}.ds-guidance-pair--controls .ds-mini-screen{min-height:480px}.ds-guidance-pair--navigation .ds-mini-screen{min-height:392px}.ds-mini-route{display:grid;gap:20px}.ds-mini-route>.ds-icon{width:48px;height:48px}.ds-mini-route .ds-mini-title{font-size:32px}.ds-mini-route--bright{padding:16px;background:var(--ds-color-text);color:var(--ds-color-canvas);border-radius:var(--ds-radius)}.ds-guidance-points li{padding-top:12px}.ds-mini-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding-block:8px;width:100%}.ds-mini-choice input{width:20px;height:20px;flex-shrink:0;accent-color:var(--ds-color-accent)}.ds-mini-choice:has(input:focus-visible){outline:3px solid var(--ds-color-focus);outline-offset:3px}.ds-mini-switch{width:48px;min-height:28px;padding:3px;border-radius:20px;background:var(--ds-color-divider);flex-shrink:0}.ds-mini-switch[aria-checked=true]{background:var(--ds-color-accent)}.ds-mini-switch:after{content:"";display:block;width:22px;height:22px;border-radius:50%;background:var(--ds-color-text)}.ds-mini-switch[aria-checked=true]:after{margin-left:auto}.ds-mini-choice:has(.ds-mini-switch){position:relative}.ds-mini-choice .ds-mini-switch:before{content:"";position:absolute;inset:0}.ds-mini-tiny-box{display:inline-block;width:12px;height:12px;background:var(--ds-color-control);margin-right:6px}.ds-mini-project{display:grid;gap:12px;padding-block:16px;border-block:1px solid var(--ds-color-divider)}.ds-mini-nested{padding:12px;background:var(--ds-color-canvas);border-radius:var(--ds-radius)}.ds-mini-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:16px}.ds-mini-table th{color:var(--ds-color-muted);font-weight:500}.ds-mini-table th,.ds-mini-table td{padding:12px 4px;text-align:left;vertical-align:top;border-bottom:1px solid var(--ds-color-divider);overflow-wrap:anywhere}.ds-mini-table th:first-child{width:44%}.ds-mini-table th:last-child,.ds-mini-table td:last-child{text-align:right;font-variant-numeric:tabular-nums}.ds-mini-table .ds-button{padding-inline:8px;margin-top:8px}.ds-mini-cramped{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.ds-mini-cramped span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-block:12px;border-bottom:1px solid var(--ds-color-divider)}.ds-mini-dialog{display:grid;gap:16px;padding-top:16px;border-top:1px solid var(--ds-color-divider)}.ds-mini-dropdown{background:var(--ds-color-canvas);border-radius:var(--ds-radius);padding:8px}.ds-mini-dropdown summary{display:flex;min-height:44px;align-items:center;gap:8px;cursor:pointer}.ds-mini-dropdown .ds-button{width:100%;justify-content:flex-start}.ds-mini-dropdown .ds-mini-divider{margin-top:8px;padding-top:8px}.ds-mini-tabs{display:flex;gap:8px;border-bottom:1px solid var(--ds-color-divider)}.ds-mini-screen .ds-mini-tab{padding-inline:4px;flex:1;border:0;border-radius:0;font-weight:400;background:transparent;color:var(--ds-color-muted)}.ds-mini-screen .ds-mini-tab[aria-selected=true]{color:var(--ds-color-text);font-weight:650;box-shadow:inset 0 -3px var(--ds-color-text)}.ds-mini-wrapping-tabs{display:flex;flex-wrap:wrap;gap:12px}.ds-mini-wrapping-tabs>span:first-child{color:var(--ds-color-accent)}.ds-mini-search-label{display:flex;align-items:center;gap:8px}.ds-mini-result{display:grid;gap:4px;padding-block:12px;border-bottom:1px solid var(--ds-color-divider)}.ds-mini-result mark{background:var(--ds-color-divider);color:var(--ds-color-text);font-weight:650}.ds-mini-skeleton{display:grid;gap:12px}.ds-mini-skeleton>span{display:block;height:20px;width:100%;background:var(--ds-color-divider);border-radius:var(--ds-radius)}.ds-mini-skeleton>span:nth-child(2){width:72%}.ds-mini-static-dots{display:flex;gap:8px;justify-content:center}.ds-mini-static-dots i{width:8px;height:8px;background:var(--ds-color-control);border-radius:50%}.ds-mini-static-dots i:first-child{background:var(--ds-color-text)}.ds-mini-chart{display:grid;gap:16px}.ds-mini-bar{display:grid;gap:4px}.ds-mini-bar i{display:block;height:16px;min-width:4px;background:var(--ds-color-muted);border-radius:var(--ds-radius)}.ds-mini-pie{width:136px;height:88px;border-radius:50%;background:conic-gradient(#c7c7cc 0 22%,#65656d 22% 39%,#d7d7dc 39% 54%,#888890 54% 68%,#aaaaaf 68% 80%,#56565e 80% 89%,#b8b8c0 89% 96%,#74747c 96%);box-shadow:0 12px #404044;margin:0 auto 16px}.ds-mini-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ds-mini-motion-path{display:grid;justify-items:start;gap:8px}.ds-mini-motion-ghosts{display:flex;align-items:center;gap:12px;min-height:116px}.ds-mini-motion-ghosts>span{display:block;padding:12px;border-radius:var(--ds-radius);background:var(--ds-color-divider)}.ds-mini-motion-ghosts>span:nth-child(2){align-self:start}.ds-mini-themed{padding:16px;border-radius:var(--ds-radius);display:grid;gap:8px}.ds-mini-themed--light{background:#e9e9ee;color:#25252c}.ds-mini-themed--dark{background:#303035;color:#ededf1}.ds-mini-themed--inverted-light{background:#fff;color:#000}.ds-mini-themed--inverted-dark{background:#000;color:#fff}.ds-mini-screen .ds-mini-themed--light .ds-button{color:#25252c;border-color:#686871}.ds-mini-locale{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--ds-color-divider)}.ds-mini-locale .ds-button{white-space:normal;overflow-wrap:anywhere}.ds-mini-locale--clipped .ds-mini-faux-control{width:108px;display:block;white-space:nowrap;overflow:hidden}.ds-mini-device{padding:12px;background:var(--ds-color-canvas);border-radius:var(--ds-radius);display:grid;gap:12px}.ds-mini-device--phone{max-width:220px}.ds-mini-device--desktop{grid-template-columns:minmax(0,1fr) auto;align-items:center}.ds-mini-device--crushed{max-width:190px;overflow:hidden}.ds-mini-desktop-content{width:520px;display:grid;grid-template-columns:100px 180px 100px 100px;gap:12px}.ds-mini-screen .ds-mini-input-stack{display:grid;gap:12px}.ds-mini-screen .ds-mini-input-stack label{display:grid;gap:8px}.ds-mini-long-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ds-mini-long-form>.ds-mini-faux-control{grid-column:1 / -1}.ds-guidance-pair--forms .ds-mini-screen{min-height:520px}.ds-guidance-pair--flows .ds-mini-screen{min-height:800px}.ds-mini-stepper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:0;padding:0;list-style:none}.ds-mini-stepper li{display:flex;gap:8px;align-items:center;min-height:44px;padding-block:8px;color:var(--ds-color-muted);border-bottom:1px solid var(--ds-color-divider)}.ds-mini-stepper li[aria-current=step]{color:var(--ds-color-text);font-weight:650;border-bottom:3px solid var(--ds-color-text)}.ds-mini-step-number{font-variant-numeric:tabular-nums}.ds-mini-flow-fields,.ds-mini-contact-form{display:grid;gap:20px}.ds-mini-contact-form .ds-field[aria-invalid=true]{border-color:var(--ds-color-control)}.ds-mini-flow-long-form{display:grid;gap:8px}.ds-mini-inline-error{color:var(--ds-color-text);font-size:16px;line-height:1.5}.ds-guidance-pair--localization .ds-mini-screen{min-height:620px}.ds-guidance-pair--platforms .ds-mini-screen{min-height:560px}.ds-mini-wayfinding-header{display:flex;align-items:center;gap:12px}.ds-mini-wayfinding-header>strong{flex:1}.ds-mini-wayfinding-header .ds-mini-faux-control{min-width:44px;padding:8px}.ds-mini-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none}.ds-mini-breadcrumbs li{display:flex;align-items:center;gap:8px}.ds-mini-screen .ds-mini-link{color:var(--ds-color-text);text-decoration:underline;text-underline-offset:4px;border-radius:var(--ds-radius)}.ds-mini-link-row{display:inline-flex;align-items:center;gap:8px;min-height:44px}.ds-mini-screen p .ds-mini-link{display:inline-flex;align-items:center;min-height:44px}.ds-mini-breadcrumbs .ds-mini-link{display:inline-flex;min-height:44px;align-items:center}.ds-mini-breadcrumbs--wrapped{display:grid;gap:8px}.ds-mini-sheet-stage{position:relative;min-height:420px;display:flex;flex-direction:column;gap:16px}.ds-mini-sheet-stage>.ds-mini-sheet-launcher{position:relative;z-index:1;align-self:start}.ds-mini-sheet-backdrop{position:absolute;inset:64px 0 0;background:color-mix(in srgb,var(--ds-color-canvas) 75%,transparent);border:0;border-radius:var(--ds-radius);cursor:pointer}.ds-mini-sheet{position:relative;z-index:1;margin-top:auto;padding:16px;display:grid;gap:16px;border-radius:var(--ds-radius);background:color-mix(in srgb,var(--ds-color-surface) 86%,var(--ds-color-text))}.ds-mini-sheet .ds-mini-sheet-title{font-size:20px;font-weight:650;line-height:1.3}.ds-mini-screen .ds-mini-sheet-close{padding:8px;min-width:44px}.ds-mini-sheet .ds-field{width:100%}.ds-mini-marketing-popup{display:grid;gap:16px;padding:16px;background:var(--ds-color-canvas);border-radius:var(--ds-radius)}.ds-mini-tiny-close{display:inline-flex;width:12px;height:12px}.ds-mini-tiny-close .ds-icon{width:12px;height:12px}.ds-mini-popup-scroll{position:relative;height:224px;overflow:hidden;display:grid;gap:16px;padding-right:12px}.ds-mini-popup-scroll:after{content:"";position:absolute;right:0;top:4px;height:60px;width:4px;border-radius:2px;background:var(--ds-color-control)}.ds-mini-anchor-list{margin:0;padding:0;list-style:none}.ds-mini-anchor-section{scroll-margin-top:24px}.ds-mini-anchor-section:focus{outline:3px solid var(--ds-color-focus);outline-offset:3px}.ds-guidance-pair--overlays .ds-mini-screen{min-height:520px}.ds-guidance-pair--links .ds-mini-screen{min-height:600px}.ds-mini-picker-row{display:flex;align-items:center;gap:8px}.ds-mini-picker-row>.ds-field{flex:1;width:100%}.ds-mini-picker-row>.ds-button{min-width:44px;padding-inline:12px}.ds-mini-guest-count{min-width:44px;text-align:center;font-variant-numeric:tabular-nums}.ds-mini-year-wheel{display:grid;gap:12px;max-height:164px;overflow:hidden;text-align:center;padding:12px;background:var(--ds-color-canvas);border-radius:var(--ds-radius)}.ds-mini-year-wheel span:nth-child(3){font-weight:650;padding-block:8px;border-block:1px solid var(--ds-color-divider)}.ds-mini-range{appearance:none;width:100%;height:44px;background:transparent;cursor:pointer}.ds-mini-range::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--ds-color-control)}.ds-mini-range::-webkit-slider-thumb{appearance:none;width:44px;height:44px;margin-top:-20px;border-radius:50%;background:var(--ds-color-text);border:2px solid var(--ds-color-muted)}.ds-mini-range::-moz-range-track{height:4px;border-radius:2px;background:var(--ds-color-control)}.ds-mini-range::-moz-range-thumb{width:40px;height:40px;border-radius:50%;background:var(--ds-color-text);border:2px solid var(--ds-color-muted)}.ds-mini-range-value{width:96px}.ds-mini-faux-range{height:4px;background:var(--ds-color-control);position:relative;margin-block:32px}.ds-mini-faux-range:after{content:"";position:absolute;left:70%;top:-3px;width:10px;height:10px;border-radius:50%;background:var(--ds-color-text)}.ds-mini-progress-gallery{display:grid;gap:16px}.ds-mini-comment{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;padding-block:16px;border-bottom:1px solid var(--ds-color-divider)}.ds-mini-avatar{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;object-fit:cover;object-position:center;flex-shrink:0;font-weight:650;background:#35415b;color:#e7edf9}.ds-mini-avatar--generic{background:var(--ds-color-divider);color:var(--ds-color-muted)}.ds-mini-avatar-group{display:flex;align-items:center;padding-left:8px}.ds-mini-avatar-group>.ds-mini-avatar{margin-left:-8px;outline:2px solid var(--ds-color-surface)}.ds-mini-avatar-group>.ds-button{min-width:44px;margin-left:8px;padding-inline:8px}.ds-mini-banner{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;padding:12px;border-radius:var(--ds-radius);background:var(--ds-color-canvas)}.ds-mini-banner>.ds-icon{margin-top:2px}.ds-mini-banner .ds-button{justify-self:start;margin-top:8px}.ds-mini-editor-preview{height:328px;overflow-y:auto;scrollbar-width:auto;scrollbar-color:var(--ds-color-control) var(--ds-color-canvas);position:relative;background:var(--ds-color-canvas);border-radius:var(--ds-radius)}.ds-mini-editor-toolbar{position:sticky;top:0;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;background:var(--ds-color-surface);border-bottom:1px solid var(--ds-color-divider)}.ds-mini-editor-toolbar>.ds-mini-toolbar-end{margin-left:auto;display:flex;gap:8px}.ds-mini-editor-toolbar .ds-button{padding-inline:8px}.ds-mini-screen .ds-mini-delete-outline{border-color:var(--ds-color-danger)}.ds-mini-editor-body{display:grid;gap:16px;padding:16px 12px}.ds-mini-editor-body .ds-field{width:100%;min-height:160px;resize:vertical}.ds-mini-editor-toolbar--crowded{position:static;gap:4px}.ds-mini-editor-toolbar--crowded .ds-mini-faux-control{padding-inline:8px}.ds-mini-chip-window{position:relative;min-width:0}.ds-mini-chip-window--good{-webkit-mask-image:linear-gradient(to right,black 0%,black calc(100% - 32px),transparent 100%);mask-image:linear-gradient(to right,black 0%,black calc(100% - 32px),transparent 100%)}.ds-mini-chip-window--end{-webkit-mask-image:none;mask-image:none}.ds-mini-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x proximity;scrollbar-width:auto;scrollbar-color:var(--ds-color-control) var(--ds-color-canvas)}.ds-mini-chips>.ds-button{flex-shrink:0;scroll-snap-align:start}.ds-mini-chips>.ds-button[aria-pressed=true]{background:var(--ds-color-divider);border-color:var(--ds-color-text)}.ds-mini-chips--cut{overflow:hidden;white-space:nowrap}.ds-mini-chips--cut>.ds-mini-faux-control{flex-shrink:0}.ds-mini-scroll-list{height:196px;overflow-y:scroll;margin:0;padding:0 12px 0 0;list-style:none;scrollbar-width:auto;scrollbar-color:var(--ds-color-control) var(--ds-color-canvas);scrollbar-gutter:stable;border-block:1px solid var(--ds-color-divider)}.ds-mini-scroll-list::-webkit-scrollbar{width:10px}.ds-mini-scroll-list::-webkit-scrollbar-track{background:var(--ds-color-canvas)}.ds-mini-scroll-list::-webkit-scrollbar-thumb{background:var(--ds-color-control);border-radius:5px}.ds-mini-scroll-list>li{min-height:56px;padding-block:12px;border-bottom:1px solid var(--ds-color-divider)}.ds-mini-scroll-list--cut{overflow:hidden;padding:0;scrollbar-width:none}.ds-mini-scroll-list--cut li{white-space:nowrap}.ds-guidance-pair--pickers .ds-mini-screen{min-height:640px}.ds-guidance-pair--toolbars .ds-mini-screen{min-height:480px}.ds-guidance-pair--avatars .ds-mini-screen,.ds-guidance-pair--banners .ds-mini-screen,.ds-guidance-pair--scrolling .ds-mini-screen,.ds-guidance-pair--progress .ds-mini-screen{min-height:440px}@media (min-width: 768px){.ds-doc-layout{padding-top:var(--ds-space-8)}.ds-doc-directory-tile,.ds-doc-guidance-grid>*,.ds-doc-quick-checks li,.ds-doc-ai-steps li,.ds-doc-style-specimens li{grid-column:span 6}.ds-doc-tile-art{aspect-ratio:16 / 9}.ds-doc-guidance-grid,.ds-guidance-pair,.ds-doc-quick-checks,.ds-doc-ai-steps{row-gap:var(--ds-space-6)}.ds-doc-quick-checks li,.ds-doc-ai-steps li{flex-direction:column;align-items:flex-start}.ds-demo-region{grid-column:span 4}.ds-demo-region--wide{grid-column:span 8}.ds-demo-region--full{grid-column:1 / -1}.ds-guidance-grid-primary{grid-column:span 7}.ds-guidance-grid-secondary{grid-column:span 5}.ds-doc-token-values li{grid-template-columns:minmax(110px,.7fr) minmax(150px,1fr) minmax(100px,.7fr);gap:var(--ds-space-3)}.ds-demo-token-list li{grid-template-columns:28px minmax(100px,.7fr) minmax(0,1fr);gap:var(--ds-space-3)}.ds-demo-spacing>div{grid-template-columns:120px minmax(0,1fr)}.ds-demo-statuses,.ds-demo-icon-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-guidance-case{grid-column:span 6;display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:var(--ds-space-3)}.ds-guidance-case>h3,.ds-guidance-case>h4,.ds-guidance-case>.ds-guidance-caption{margin:0}.ds-guidance-extra .ds-guidance-case{grid-row:span 3}.ds-guidance-case>.ds-guidance-points{margin-top:var(--ds-space-3)}.ds-mini-screen{max-width:360px;height:100%;box-sizing:border-box}}@media (min-width: 1024px){.ds-doc-sidebar{position:sticky;top:var(--ds-space-4);grid-column:span 3;max-height:calc(100vh - var(--ds-header-height) - var(--ds-space-8));overflow-y:auto;overscroll-behavior:contain;padding-right:var(--ds-space-1)}.ds-doc-sidebar-links{display:block}.ds-doc-mobile-nav-label,.ds-doc-mobile-nav{display:none}.ds-doc-article{grid-column:span 9}.ds-doc-directory-tile,.ds-doc-quick-checks li,.ds-doc-ai-steps li,.ds-doc-style-specimens li{grid-column:span 4}}.ds-ship-header{display:flex;flex-wrap:nowrap;min-height:var(--ds-control-height);align-items:center;gap:var(--ds-space-3);margin-bottom:var(--ds-space-4)}.ds-ship-header h2{margin:0}.ds-ship-count{margin:0;color:var(--ds-color-muted);font-weight:500}.ds-ship-header .ds-button{margin-left:auto;flex:0 0 auto}.ds-ship-count{flex:1 1 auto;min-width:0}.ds-ship-list{row-gap:var(--ds-space-4)}.ds-ship-list{align-items:stretch}.ds-ship-list li{grid-column:span 12;min-width:0;list-style:none;display:flex}.ds-ship-check{display:flex;width:100%;height:100%;min-height:96px;align-items:center;gap:var(--ds-space-4);padding:var(--ds-space-4);border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-surface);color:var(--ds-color-text);font:500 var(--ds-type-body)/1.4 var(--ds-font);text-align:left;cursor:pointer;transition:background-color .15s ease-out,border-color .15s ease-out,transform .15s ease-out}.ds-ship-check:hover{background:var(--ds-color-control)}.ds-ship-check:active{transform:scale(.985)}.ds-ship-check.is-done{border-color:var(--ds-color-success)}.ds-ship-mark{display:grid;flex:0 0 auto;width:56px;height:56px;place-items:center;border:2px solid var(--ds-color-muted);border-radius:var(--ds-radius);background:var(--ds-color-canvas);color:var(--ds-color-muted);transition:background-color .15s ease-out,color .15s ease-out}.ds-ship-mark .ds-icon{width:28px;height:28px}.ds-ship-check.is-done .ds-ship-mark{border-color:var(--ds-color-success);background:var(--ds-color-success);color:#000;animation:ds-ship-pop .26s cubic-bezier(.2,.9,.3,1.3)}.ds-ship-check.is-done .ds-ship-text{color:var(--ds-color-muted)}@keyframes ds-ship-pop{0%{transform:scale(.7)}60%{transform:scale(1.15)}to{transform:scale(1)}}@media (min-width: 768px){.ds-ship-list li{grid-column:span 4}.ds-ship-check{flex-direction:column;align-items:flex-start;min-height:160px}}@media (prefers-reduced-motion: reduce){.ds-ship-check,.ds-ship-mark{transition:none}.ds-ship-check.is-done .ds-ship-mark{animation:none}.ds-ship-check:active{transform:none}}.ds-doc-when-list{margin:0;padding:0;list-style:none;row-gap:var(--ds-space-4)}.ds-doc-when-list li{grid-column:span 12;display:flex;align-items:flex-start;gap:var(--ds-space-3);min-width:0}.ds-doc-when-list .ds-icon{flex:0 0 auto;margin-top:2px;color:var(--ds-color-warning)}.ds-doc-when>p{margin-top:var(--ds-space-4)}.ds-doc-article:has(>.ds-doc-section[data-topic-hero=choosing])>.ds-doc-page-header{margin-bottom:var(--ds-space-4)}.ds-doc-section[data-topic-hero=choosing]{padding-block:var(--ds-space-4)}.ds-doc-compare+.ds-doc-compare{margin-top:var(--ds-space-6)}.ds-doc-compare h2{margin-bottom:var(--ds-space-3)}.ds-doc-compare-list{margin:0;padding:0;list-style:none;row-gap:var(--ds-space-4)}.ds-doc-compare-list{align-items:stretch}.ds-doc-compare-list li{grid-column:span 12;min-width:0;display:flex}.ds-doc-compare-list li>a{width:100%}.ds-doc-compare-card{display:grid;height:100%;gap:var(--ds-space-2);padding:0;border:0;border-radius:0;background:transparent;color:var(--ds-color-text);text-decoration:none}.ds-doc-compare-card:hover strong{text-decoration:underline;text-underline-offset:4px}.ds-doc-compare-card strong{display:flex;align-items:center;gap:var(--ds-space-2);font-size:18px;font-weight:650}.ds-doc-compare-card strong .ds-icon{color:var(--ds-color-focus)}.ds-doc-compare-card span{color:var(--ds-color-muted)}@media (min-width: 768px){.ds-doc-when-list li{grid-column:span 4;flex-direction:column}.ds-doc-compare-list li{grid-column:span 6}}@media (min-width: 1200px){.ds-doc-compare-list li{grid-column:span 3}.ds-doc-compare-list:has(li:nth-child(3):last-child) li{grid-column:span 4}}.ds-doc-spec{width:100%;margin-top:var(--ds-space-4);border-collapse:collapse}.ds-doc-spec th,.ds-doc-spec td{padding:var(--ds-space-3) var(--ds-space-3);text-align:left;vertical-align:middle}.ds-doc-spec thead th{color:var(--ds-color-muted);font-size:var(--ds-type-small);font-weight:600;padding-top:0}.ds-doc-spec tbody tr{background:var(--ds-color-surface)}.ds-doc-spec tbody tr+tr{border-top:4px solid var(--ds-color-canvas)}.ds-doc-spec tbody tr>:first-child{border-radius:var(--ds-radius) 0 0 var(--ds-radius)}.ds-doc-spec tbody tr>:last-child{border-radius:0 var(--ds-radius) var(--ds-radius) 0}.ds-doc-spec tbody th{font-weight:650;white-space:nowrap}.ds-doc-spec code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--ds-type-small);color:var(--ds-color-muted);white-space:nowrap}.ds-doc-spec-use{color:var(--ds-color-muted)}.ds-doc-spec-sample{width:1%;min-width:120px}.ds-doc-spec-swatch{display:block;width:96px;height:44px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius)}.ds-doc-spec-space{display:flex;width:120px;height:44px;align-items:center}.ds-doc-spec-space i{display:block;height:16px;background:var(--ds-color-focus);border-radius:2px}.ds-doc-spec-type{display:block;font-weight:600;line-height:1.1;letter-spacing:-.01em;white-space:nowrap}.ds-doc-spec-note{font-family:var(--ds-font);font-size:var(--ds-type-small);color:var(--ds-color-muted)}.ds-doc-spec--typography .ds-doc-spec-sample{min-width:200px}@media (max-width: 767px){.ds-doc-spec thead{display:none}.ds-doc-spec,.ds-doc-spec tbody,.ds-doc-spec tr,.ds-doc-spec td,.ds-doc-spec th{display:block}.ds-doc-spec tbody tr{padding:var(--ds-space-3);border-radius:var(--ds-radius)}.ds-doc-spec tbody tr+tr{border-top:0;margin-top:var(--ds-space-2)}.ds-doc-spec th,.ds-doc-spec td{padding:var(--ds-space-1) 0}.ds-doc-spec-type{max-width:100%;white-space:normal}}.ds-doc-spec-radius{display:block;width:96px;height:44px;border:2px solid var(--ds-color-text);background:var(--ds-color-canvas)}.ds-mini-radius-card{padding:var(--ds-space-1);border-radius:var(--ds-radius-medium);background:var(--ds-color-divider)}.ds-mini-radius-card__inner{display:grid;gap:20px;padding:var(--ds-space-3);border-radius:calc(var(--ds-radius-medium) - var(--ds-space-1));background:var(--ds-color-canvas)}.ds-mini-radius-card .ds-field,.ds-mini-radius-card .ds-button{border-radius:var(--ds-radius)}.ds-mini-radius-avatar{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--ds-radius-round);background:#35415b;color:#e7edf9;font-weight:650}.ds-mini-radius-card--bad .ds-mini-radius-card__inner{border-radius:var(--ds-radius-large);margin-left:var(--ds-space-2);margin-top:var(--ds-space-1)}.ds-mini-radius-card--bad .ds-mini-faux-field{border-radius:var(--ds-radius-round)}.ds-mini-radius-card--bad .ds-mini-faux-control:first-child{border-radius:0}.ds-mini-radius-card--bad .ds-mini-faux-control:last-child{border-radius:calc(var(--ds-radius) * 5)}.ds-mini-state-row{display:flex;flex-wrap:wrap;gap:24px 16px;align-items:start}.ds-mini-state-sample{flex:1 1 144px;min-width:0;display:grid;gap:12px}.ds-mini-state-caption{font-size:16px;color:var(--ds-color-muted)}.ds-mini-screen .ds-mini-state-control{width:100%;min-height:44px;padding:8px;gap:4px;white-space:nowrap;font-size:16px;font-weight:600;border-radius:var(--ds-radius)}.ds-mini-screen .ds-mini-state-control--hover{background:var(--ds-color-divider);border-color:var(--ds-color-text)}.ds-mini-screen .ds-mini-state-control--focus{outline:3px solid var(--ds-color-focus);outline-offset:2px}.ds-mini-screen .ds-mini-state-control--pressed{background:var(--ds-color-divider);border-color:var(--ds-color-text);box-shadow:inset 0 0 0 1px var(--ds-color-text);font-weight:650}.ds-mini-screen .ds-mini-state-control--disabled{opacity:.55}.ds-mini-screen .ds-mini-state-control--loading:disabled{opacity:1;cursor:progress}.ds-mini-state-sample--bad .ds-mini-state-control{background:var(--ds-color-divider);border:1px solid transparent}.ds-mini-state-sample--bad .ds-mini-state-control--hover{background:color-mix(in srgb,var(--ds-color-divider) 98%,var(--ds-color-text))}.ds-mini-state-sample--bad .ds-mini-state-control--focus{outline:none;background:color-mix(in srgb,var(--ds-color-divider) 97%,var(--ds-color-text))}.ds-mini-state-sample--bad .ds-mini-state-control--pressed{min-height:60px;padding-inline:12px;width:calc(100% + 8px);background:color-mix(in srgb,var(--ds-color-divider) 96%,var(--ds-color-text));box-shadow:none}.ds-mini-state-sample--bad .ds-mini-state-control--disabled{opacity:.12}.ds-mini-state-sample--bad .ds-mini-state-control--loading{background:color-mix(in srgb,var(--ds-color-divider) 95%,var(--ds-color-text))}.ds-guidance-pair--radius .ds-mini-screen{min-height:480px}.ds-guidance-pair--interaction-states .ds-mini-screen{min-height:600px}.ds-mini-variable-list{margin:0;padding:0;list-style:none}.ds-mini-variable-list>li{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:12px;padding-block:16px;border-bottom:1px solid var(--ds-color-divider)}.ds-mini-variable-chip{display:block;width:20px;height:20px;margin-top:2px;border-radius:var(--ds-radius)}.ds-mini-variable-detail{display:grid;gap:4px;min-width:0}.ds-mini-variable-name{font-family:var(--ds-font);font-size:16px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.ds-mini-variable-description{color:var(--ds-color-muted);font-size:16px}.ds-mini-variable-code{font-family:var(--ds-font);font-size:16px;color:var(--ds-color-muted);overflow-wrap:anywhere}.ds-guidance-pair--variables .ds-mini-screen{min-height:720px}.ds-doc-naming,.ds-doc-tiers{margin:var(--ds-space-4) 0 0;padding:0;list-style:none;row-gap:var(--ds-space-4)}.ds-doc-naming li,.ds-doc-tiers li{grid-column:span 12;display:grid;gap:var(--ds-space-1);padding:var(--ds-space-4);border-radius:var(--ds-radius-medium);background:var(--ds-color-surface);min-width:0}.ds-doc-naming-step{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:var(--ds-radius-round);background:var(--ds-color-accent);color:var(--ds-color-on-accent);font-size:var(--ds-type-small);font-weight:700;margin-bottom:var(--ds-space-1)}.ds-doc-naming strong,.ds-doc-tiers strong{font-size:18px;font-weight:650}.ds-doc-naming-examples{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--ds-type-small);color:var(--ds-color-muted)}.ds-doc-spec tbody th code{color:var(--ds-color-text)}@media (min-width: 768px){.ds-doc-naming li{grid-column:span 6}.ds-doc-tiers li{grid-column:span 4}}@media (min-width: 1200px){.ds-doc-naming li{grid-column:span 3}}.ds-doc-search{position:relative;display:flex;align-items:center;margin-bottom:var(--ds-space-4)}.ds-doc-search>.ds-icon{position:absolute;left:var(--ds-space-3);color:var(--ds-color-muted);pointer-events:none}.ds-doc-search input{width:100%;padding-left:calc(var(--ds-space-3) + 18px + var(--ds-space-2));padding-right:48px}.ds-doc-search input::-webkit-search-cancel-button{display:none}.ds-doc-search-clear{position:absolute;right:2px;display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border:0;border-radius:var(--ds-radius);background:transparent;color:var(--ds-color-muted);cursor:pointer}.ds-doc-search-clear:hover{color:var(--ds-color-text)}.ds-doc-search-results>p{margin-bottom:var(--ds-space-2);font-size:var(--ds-type-small)}.ds-doc-search-results ul{display:grid;gap:var(--ds-space-1);margin:0;padding:0;list-style:none}.ds-doc-search-results a{display:grid;gap:var(--ds-space-1);padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius);color:var(--ds-color-text);text-decoration:none}.ds-doc-search-results a:hover{background:var(--ds-color-surface)}.ds-doc-search-title{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-2);font-weight:600}.ds-doc-search-where{color:var(--ds-color-muted);font-size:var(--ds-type-small);font-weight:400}.ds-doc-search-snippet{color:var(--ds-color-muted);font-size:var(--ds-type-small);line-height:1.4}@media (max-width: 767px){.ds-ship-check{min-height:0;gap:var(--ds-space-3);padding:var(--ds-space-3)}.ds-ship-mark{width:44px;height:44px}.ds-ship-mark .ds-icon{width:24px;height:24px}.ds-doc-layout{padding-top:var(--ds-space-8)}}.ds-guidance-extra{grid-column:span 12;row-gap:var(--ds-space-4);margin-top:var(--ds-space-8)}.ds-guidance-extra-title{grid-column:span 12;margin:0;font-size:var(--ds-type-section);font-weight:650}.ds-guidance-frame{display:grid;min-width:0}.ds-guidance-frame>.ds-mini-screen{height:100%}.ds-guidance-extra .ds-mini-screen{min-height:0}.ds-doc-copy-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-3);margin-top:var(--ds-space-4)}.ds-doc-copy-actions>span{color:var(--ds-color-muted);font-size:var(--ds-type-small)}.ds-mini-screen button.ds-mini-faux-control{border:0;font:inherit;color:inherit;cursor:pointer;text-align:center}.ds-mini-screen button.ds-mini-faux-control:focus-visible{outline:3px solid var(--ds-color-focus);outline-offset:2px}.ds-mini-screen input.ds-mini-faux-field{width:100%;border:0;font:inherit;color:var(--ds-color-text);box-sizing:border-box}.ds-mini-screen input.ds-mini-faux-field::placeholder{color:var(--ds-color-muted)}.ds-mini-faux-note{display:block;width:100%;color:var(--ds-color-muted)}.ds-doc-sidebar-group{margin-top:var(--ds-space-2)}.ds-doc-sidebar-group summary{padding:0;background:transparent;color:var(--ds-color-muted);font-size:var(--ds-type-small);font-weight:500}.ds-doc-sidebar-group summary:hover{background:transparent;color:var(--ds-color-text)}.ds-doc-sidebar-group ul{padding-left:var(--ds-space-3)}.ds-doc-catalog{margin:0;padding:0;list-style:none;row-gap:var(--ds-space-4);align-items:stretch}.ds-doc-catalog li{grid-column:span 12;display:grid;gap:var(--ds-space-2);min-width:0}.ds-doc-catalog-sample{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-space-3);min-height:96px;padding:var(--ds-space-4);border-radius:var(--ds-radius);background:var(--ds-color-surface)}.ds-doc-catalog strong{font-size:18px;font-weight:650}.ds-doc-catalog span{color:var(--ds-color-muted)}.ds-doc-state-reason{color:var(--ds-color-text)!important}.ds-doc-state-hover{border-color:var(--ds-color-text)}.ds-doc-state-focus{outline:3px solid var(--ds-color-focus);outline-offset:3px}@media (min-width: 768px){.ds-doc-catalog li{grid-column:span 6}}@media (min-width: 1024px){.ds-doc-catalog li{grid-column:span 4}}.ds-doc-sidebar-group[open]>summary,.ds-doc-sidebar-group[open]>summary>.ds-icon:last-child{color:var(--ds-color-text)}.ds-doc-sidebar-group[open]>summary:hover{background:transparent;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.ds-doc-choice-group{display:grid;gap:var(--ds-space-2);width:100%;margin:0;padding:0;border:0}.ds-doc-choice-group legend{padding:0;margin-bottom:var(--ds-space-1);font-weight:650}.ds-doc-choice{font-size:var(--ds-type-body);color:var(--ds-color-text)}.ds-doc-choice-note{font-size:var(--ds-type-small)}.ds-doc-catalog span b{color:var(--ds-color-text);font-weight:650}.ds-doc-choice:has(input){justify-content:flex-start}.ds-doc-catalog--tall .ds-doc-catalog-sample{min-height:184px;align-items:flex-start}.ds-doc-show{display:grid;gap:var(--ds-space-4);margin-bottom:var(--ds-space-4)}.ds-doc-show-tabs{display:flex;flex-wrap:wrap;gap:var(--ds-space-2);border-bottom:1px solid var(--ds-color-divider)}.ds-doc-show-tab{min-height:44px;padding:var(--ds-space-2) var(--ds-space-3);border:0;border-radius:var(--ds-radius) var(--ds-radius) 0 0;background:transparent;color:var(--ds-color-muted);font:600 var(--ds-type-body)/1.35 var(--ds-font);cursor:pointer;box-shadow:inset 0 -3px transparent}.ds-doc-show-tab:hover{color:var(--ds-color-text);background:var(--ds-color-surface)}.ds-doc-show-tab[aria-selected=true]{color:var(--ds-color-accent);box-shadow:inset 0 -3px var(--ds-color-accent)}.ds-doc-show-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ds-space-4) var(--ds-grid-gap);align-items:stretch}.ds-doc-show-screen{display:grid;grid-column:1 / -1;align-content:start;gap:16px;min-height:360px}.ds-doc-show-caption{display:grid;grid-column:1 / -1;gap:var(--ds-space-3);align-content:start;padding-block:var(--ds-space-2);color:var(--ds-color-muted)}.ds-doc-show-caption strong{color:var(--ds-color-text);font-size:22px;font-weight:650;letter-spacing:-.01em}.ds-doc-show-caption .ds-doc-compare-example{color:var(--ds-color-text)}.ds-doc-show-arrows{display:flex;align-items:center;gap:var(--ds-space-3);margin-top:var(--ds-space-2)}.ds-doc-show-arrows .ds-button{min-width:44px;padding-inline:var(--ds-space-3)}.ds-doc-show-count{color:var(--ds-color-text);font-variant-numeric:tabular-nums}.ds-doc-show-nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px}.ds-doc-show-nav ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}.ds-doc-show-nav .ds-button{width:100%;justify-content:flex-start}.ds-doc-show-toast{min-height:44px;display:flex;align-items:center}.ds-doc-show-toast>span{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--ds-radius);background:var(--ds-color-text);color:var(--ds-color-canvas);font-weight:600}.ds-doc-show-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.ds-doc-show-cards li{display:grid;min-width:0}.ds-doc-show-card{display:grid;width:100%;padding:0;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-surface);color:var(--ds-color-text);font:inherit;text-align:left;cursor:pointer;overflow:hidden;transition:border-color .15s ease-out}.ds-doc-show-card:hover{border-color:var(--ds-color-control)}.ds-doc-show-card-image{display:block;aspect-ratio:16 / 10}.ds-doc-show-card-body{display:grid;gap:2px;padding:10px 12px 12px}.ds-doc-show-card-body strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-mini-screen .ds-doc-search{margin:0}.ds-mini-screen .ds-doc-search input{width:100%}@media (min-width: 768px){.ds-doc-show-panel{grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr))}.ds-doc-show-screen{grid-column:span 8}.ds-doc-show-caption{grid-column:span 4}}.ds-doc-show-decide{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ds-space-3);margin:0 0 var(--ds-space-2);padding:0;list-style:none}.ds-doc-show-decide li{grid-column:1 / -1}.ds-doc-show-decide li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:var(--ds-space-2);align-items:start}.ds-doc-show-decide .ds-icon{margin-top:2px;color:var(--ds-color-accent)}@media (min-width: 768px){.ds-doc-show-decide{grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));column-gap:var(--ds-grid-gap)}.ds-doc-show-decide li{grid-column:span 6}}@media (min-width: 1024px){.ds-doc-show-screen{grid-column:span 6}.ds-doc-show-caption{grid-column:span 3}.ds-doc-show-decide li:nth-child(odd){grid-column:span 4}.ds-doc-show-decide li:nth-child(2n){grid-column:span 5}}.ds-doc-show-term{display:inline;padding:0;border:0;background:none;font:inherit;cursor:pointer;color:var(--ds-color-accent);font-weight:650;text-decoration:underline;text-underline-offset:3px;border-radius:2px}.ds-doc-show-term:hover{color:var(--ds-color-focus)}.ds-mini-badge{display:inline-flex;align-items:center;min-height:28px;padding:2px 10px;border-radius:14px;background:var(--ds-color-divider);color:var(--ds-color-text);font-size:16px;font-weight:600;white-space:nowrap}.ds-mini-badge--ok{background:color-mix(in srgb,var(--ds-color-success) 25%,var(--ds-color-surface))}.ds-mini-accordion{display:grid}.ds-mini-accordion h4{margin:0;font:inherit}.ds-mini-accordion-trigger{display:grid;grid-template-columns:auto minmax(0,1fr) 20px;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 0;border:0;border-bottom:1px solid var(--ds-color-divider);background:none;color:var(--ds-color-text);font:600 16px/1.4 var(--ds-font);text-align:left;cursor:pointer}.ds-mini-accordion-trigger .ds-mini-subtitle{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-mini-accordion-trigger[aria-expanded=true] .ds-icon{transform:rotate(180deg)}.ds-mini-accordion-panel{padding:12px 0 16px;border-bottom:1px solid var(--ds-color-divider)}.ds-mini-tooltip{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px;border-radius:var(--ds-radius);background:var(--ds-color-canvas)}.ds-doc-sidebar-sub{display:grid;gap:2px;margin:4px 0 8px;padding:0 0 0 calc(18px + var(--ds-space-2));list-style:none}.ds-doc-sidebar-sub a{display:flex;align-items:center;min-height:var(--ds-control-height);padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius);color:var(--ds-color-muted);font-size:var(--ds-type-small);text-decoration:none}.ds-doc-sidebar-sub a:hover{color:var(--ds-color-text);background:var(--ds-color-surface)}.ds-doc-compare{scroll-margin-top:var(--ds-space-8);outline:none}.ds-doc-platforms{margin:0;padding:0;list-style:none;row-gap:var(--ds-space-4)}.ds-doc-platforms li{grid-column:span 12;display:grid;gap:var(--ds-space-1);min-width:0;padding:var(--ds-space-4);border-radius:var(--ds-radius-medium);background:var(--ds-color-surface)}.ds-doc-platforms strong{font-size:18px;font-weight:650}.ds-doc-platforms li:first-child strong{color:var(--ds-color-accent)}.ds-doc-platforms span{color:var(--ds-color-muted)}@media (min-width: 768px){.ds-doc-platforms li{grid-column:span 4}}.ds-hit-areas-demo{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ds-space-4);margin-top:var(--ds-space-4)}.ds-hit-areas-case{min-width:0;padding:var(--ds-space-4);border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-surface)}.ds-hit-areas-case__heading{display:grid;gap:var(--ds-space-1);margin-bottom:var(--ds-space-3)}.ds-hit-areas-case__heading>span{display:flex;align-items:center;gap:var(--ds-space-2);color:var(--ds-color-muted);font-size:var(--ds-type-small);font-weight:650;letter-spacing:.06em;text-transform:uppercase}.ds-hit-areas-case--good .ds-hit-areas-case__heading>span,.ds-hit-areas-case--good .ds-guidance-points .ds-icon{color:var(--ds-color-success)}.ds-hit-areas-case--bad .ds-hit-areas-case__heading>span,.ds-hit-areas-case--bad .ds-guidance-points .ds-icon{color:var(--ds-color-danger)}.ds-hit-areas-case__heading h3{margin:0;font-size:var(--ds-type-heading);line-height:1.3}.ds-hit-areas-phone{display:grid;align-content:start;gap:var(--ds-space-3);min-height:220px;padding:var(--ds-space-4);border:1px solid var(--ds-color-divider);border-radius:calc(var(--ds-radius) * 2);background:var(--ds-color-canvas)}.ds-hit-areas-phone__eyebrow{color:var(--ds-color-muted);font-size:16px;font-weight:650;letter-spacing:.06em}.ds-hit-areas-phone .ds-button{min-height:48px;font-size:16px}.ds-hit-areas-phone .ds-hit-areas-icon-target{width:48px;height:48px;padding:0}.ds-hit-areas-phone .ds-hit-areas-label-target{width:100%;min-height:56px;justify-content:flex-start}.ds-hit-areas-label-row{display:flex;min-height:56px;align-items:center;gap:var(--ds-space-2);border-bottom:1px solid var(--ds-color-divider)}.ds-hit-areas-label-row>span:nth-child(2){flex:1}.ds-hit-areas-label-row>span:first-child{display:inline-flex;width:20px;color:var(--ds-color-muted)}.ds-hit-areas-phone .ds-hit-areas-tiny-target{width:24px;min-width:24px;min-height:24px;height:24px;padding:0}.ds-hit-areas-phone .ds-hit-areas-tiny-target .ds-icon{width:16px;height:16px}.ds-hit-areas-feedback{grid-column:1 / -1;min-height:44px;color:var(--ds-color-muted)}@media (min-width: 768px){.ds-hit-areas-demo{grid-template-columns:repeat(2,minmax(0,1fr))}}.ds-car{display:grid;gap:var(--ds-space-3);margin:var(--ds-space-6) 0 var(--ds-space-8)}.ds-car-bar{display:flex;min-width:0;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--ds-space-3)}.ds-car-view{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--ds-space-1);margin-left:auto}.ds-car-sizes{display:flex;width:max-content;max-width:100%;min-width:0;flex-wrap:nowrap;align-items:center;gap:var(--ds-space-1);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.ds-car-sizes .ds-car-themes-label{margin-right:var(--ds-space-2)}.ds-car-view .ds-button,.ds-car-sizes .ds-button,.ds-car-themes .ds-button{font-size:var(--ds-type-small);font-weight:500}.ds-car-sizes>*,.ds-car-themes>*{flex:0 0 auto;white-space:nowrap}.ds-car-scene{position:relative;overflow:hidden;border-radius:var(--ds-radius-medium);background:var(--ds-color-surface);container-type:inline-size}.ds-car-scene[data-view=full]{container-name:car-full}.ds-car-cabin-photo{display:none}.ds-car-scene[data-view=cabin] .ds-car-cabin-photo{display:block;width:100%;height:auto}.ds-car-scene[data-view=cabin] .ds-car-cabin-photo{transition:opacity .14s ease-out}.ds-car-scene[data-view=cabin] .ds-car-cabin-photo--night{position:absolute;inset:0;opacity:0;pointer-events:none}.ds-car-scene[data-view=cabin][data-ds-theme=night] .ds-car-cabin-photo--day{opacity:0}.ds-car-scene[data-view=cabin][data-ds-theme=night] .ds-car-cabin-photo--night{opacity:1}.ds-car-scene[data-view=cabin] .ds-car-slot{position:absolute;left:20.1171875%;top:12.2572816%;width:60.64453125%;height:42.1116505%;aspect-ratio:auto;box-shadow:0 0 0 1px color-mix(in srgb,var(--ds-color-static-ink) 60%,transparent)}.ds-car-scene[data-view=cabin] .ds-car-screen{transform:scale(var(--car-scale, 1),calc(var(--car-scale, 1) * .99338))}.ds-car-scene[data-view=cabin]{--car-screen-bottom: 448}.ds-car-scene[data-view=cabin][data-screen="9"]{--car-screen-bottom: 532}.ds-car-scene[data-view=cabin][data-screen="14"]{--car-screen-bottom: 406}.ds-car-scene[data-view=cabin][data-screen="9"] .ds-car-slot{left:35.9375%;top:calc(136 / 824 * 100%);width:calc(297 / 1024 * 100%);height:calc(396 / 824 * 100%)}.ds-car-scene[data-view=cabin][data-screen="14"] .ds-car-slot{left:calc(181 / 1024 * 100%);top:calc(196 / 824 * 100%);width:calc(670 / 1024 * 100%);height:calc(210 / 824 * 100%)}.ds-car-scene[data-view=cabin]:is([data-screen="9"],[data-screen="14"]) .ds-car-slot{border-radius:6px;box-shadow:0 0 0 6px var(--ds-color-static-ink),0 0 0 7px color-mix(in srgb,var(--ds-color-static-paper) 18%,var(--ds-color-static-ink)),0 20px 56px color-mix(in srgb,var(--ds-color-static-ink) 40%,transparent)}.ds-car-scene[data-view=cabin]:is([data-screen="9"],[data-screen="14"]) .ds-car-screen{transform:scale(var(--car-scale, 1))}.ds-car-scene[data-view=cabin]>.ds-car-themes{position:absolute;left:calc(516 / 1024 * 100%);top:calc((var(--car-screen-bottom) + 22) / 824 * 100%);transform:translate(-50%);width:max-content;max-width:calc(100% - var(--ds-space-6));min-width:0;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:var(--ds-space-1) var(--ds-space-2) var(--ds-space-1) var(--ds-space-4);border-radius:var(--ds-radius-round);--ds-color-text: var(--ds-color-static-paper);--ds-color-muted: color-mix(in srgb, var(--ds-color-static-paper) 72%, transparent);--ds-color-control: color-mix(in srgb, var(--ds-color-static-paper) 18%, transparent);color:var(--ds-color-text);background:color-mix(in srgb,var(--ds-color-static-ink) 72%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:top .32s cubic-bezier(.2,.8,.2,1)}.ds-car-scene[data-view=cabin] .ds-car-slot{transition:left .32s cubic-bezier(.2,.8,.2,1),top .32s cubic-bezier(.2,.8,.2,1),width .32s cubic-bezier(.2,.8,.2,1),height .32s cubic-bezier(.2,.8,.2,1),background-color .28s ease}.ds-car-slot{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--ds-color-canvas)}.ds-car-scene[data-view=full] .ds-car-slot{aspect-ratio:var(--car-screen-aspect)}.ds-car-scene[data-view=phone]{padding:var(--ds-space-8) var(--ds-space-4);background:none}.ds-car-device{position:relative;margin:0 auto;padding:26px;border-radius:40px;background:var(--ds-color-static-ink);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ds-color-static-paper) 16%,transparent),0 30px 70px color-mix(in srgb,var(--ds-color-static-ink) 55%,transparent)}.ds-car-device:before{content:"";position:absolute;left:50%;top:11px;width:8px;height:8px;border-radius:var(--ds-radius-round);background:color-mix(in srgb,var(--ds-color-static-paper) 24%,var(--ds-color-static-ink));transform:translate(-50%)}.ds-car-device--phone{width:min(100%,434px);padding:14px 12px;border-radius:52px}.ds-car-device--phone:before{top:22px;width:92px;height:26px;border-radius:var(--ds-radius-round);background:var(--ds-color-static-ink);z-index:1}.ds-car-device-screen{position:relative;overflow:hidden;border-radius:16px;background:var(--ds-color-canvas)}.ds-car-device--phone .ds-car-device-screen{border-radius:40px}.ds-car-device--phone:not(.ds-car-device--landscape) .ds-car-device-screen{container:car-full / inline-size}.ds-car-device--phone:not(.ds-car-device--landscape) .ds-car-slot{aspect-ratio:auto;padding-top:52px}.ds-car-device--landscape{width:min(100%,872px);padding:12px 14px}.ds-car-device--landscape:before{top:50%;left:22px;width:26px;height:92px;transform:translateY(-50%)}.ds-car-device--landscape .ds-car-slot{aspect-ratio:844 / 390}.ds-car-device--landscape .ds-car-theater-top,.ds-car-device--landscape .ds-car-theater-bottom{padding-left:64px}.ds-car-device--landscape .ds-car-theater-info{padding-right:40px}.ds-car-device--landscape .ds-car-theater:not([data-info]) .ds-car-theater-bottom{padding-right:40px}.ds-car-device--landscape .ds-car-theater-top,.ds-car-device--landscape .ds-car-theater-bottom{padding-inline:var(--ds-space-3)}.ds-car-device--landscape .ds-car-vehicle{padding-left:64px}.ds-car-device--landscape .ds-car-scene-wrap{margin-left:-64px}.ds-car-device--landscape .ds-car-panel{grid-template-columns:minmax(0,1fr) 200px;column-gap:var(--ds-space-4);align-items:center;padding:var(--ds-space-3) 40px var(--ds-space-3) var(--ds-space-6)}.ds-car-device--landscape .ds-car-panel>:not(.ds-car-actions){grid-column:1}.ds-car-device--landscape .ds-car-actions{grid-column:2;grid-row:1 / span 3;flex-direction:column;justify-content:center;height:auto;margin-top:0}.ds-car-device--landscape .ds-car-actions .ds-button{flex:0 0 auto}.ds-car-device--landscape .ds-car-dock{padding:var(--ds-space-2) 40px var(--ds-space-2) 64px}.ds-car-screen{position:relative;overflow:hidden;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(0,1fr) auto;column-gap:0;transform:scale(var(--car-scale, 1));transform-origin:0 0;background:var(--ds-color-canvas);color:var(--ds-color-text);font-family:var(--ds-font);font-weight:var(--ds-type-weight-regular);font-variant-numeric:tabular-nums;isolation:isolate;--ds-type-small: var(--ds-type-ride-support);--ds-type-body: var(--ds-type-ride-support);--ds-control-height: var(--ds-control-ride);--ds-radius: var(--ds-radius-large)}.ds-car .ds-car-screen .ds-button{min-height:var(--ds-control-height);border-width:var(--ds-border-width);font-weight:var(--ds-type-weight-strong);letter-spacing:var(--ds-type-tracking-label);text-transform:var(--ds-type-label-transform)}.ds-car-grid{position:absolute;inset:0;z-index:5;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:0;pointer-events:none;background-image:linear-gradient(to bottom,color-mix(in srgb,var(--ds-color-focus) 18%,transparent) 1px,transparent 1px);background-size:100% var(--ds-baseline)}.ds-car-grid>span{background:color-mix(in srgb,var(--ds-color-focus) 7%,transparent);border-inline:1px solid color-mix(in srgb,var(--ds-color-focus) 36%,transparent)}.ds-car-caption{display:grid;gap:var(--ds-space-2)}.ds-car-caption strong{font-size:var(--ds-type-section)}.ds-car-caption span{color:var(--ds-color-muted);font-size:var(--ds-type-body)}.ds-car-themes{display:flex;width:max-content;max-width:100%;min-width:0;flex-wrap:nowrap;align-items:center;gap:var(--ds-space-1);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.ds-car-themes-label{margin-right:var(--ds-space-2);color:var(--ds-color-muted);font-size:var(--ds-type-small);font-weight:500}.ds-car-themes-note{min-height:1.5em;margin:0;color:var(--ds-color-muted);font-size:var(--ds-type-body);line-height:1.5}.ds-car-swap{display:inline-block;animation:ds-car-swap-in .26s cubic-bezier(.2,.9,.3,1.15) both}@keyframes ds-car-swap-in{0%{opacity:0;transform:translateY(.45em) scale(.94)}55%{opacity:1}to{opacity:1;transform:none}}.ds-car-vehicle{position:relative;grid-column:1 / 6;display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;padding:calc(var(--ds-space-4) * var(--ds-density)) 0 0 calc(var(--ds-space-6) * var(--ds-density))}.ds-car-topline{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--ds-space-3);font-size:var(--ds-type-body)}.ds-car-screen:not([data-stack]) .ds-car-topline{padding-inline-end:calc(var(--ds-space-6) * var(--ds-density))}.ds-car-theme{display:flex;gap:var(--ds-space-1);margin-right:auto}.ds-car-theme .ds-button{color:var(--ds-color-muted);padding-inline:var(--ds-space-3);font-size:var(--ds-type-small);font-weight:var(--ds-type-weight-regular)}.ds-car-theme .ds-button[aria-pressed=true]{color:var(--ds-color-text);font-weight:var(--ds-type-weight-strong)}.ds-car-theme .ds-icon{width:22px;height:22px}.ds-car-speed{color:var(--ds-color-muted);white-space:nowrap}.ds-car-speed strong{display:inline-block;min-width:2ch;color:var(--ds-color-text);font-size:var(--ds-type-ride-metric);font-weight:var(--ds-type-weight-strong);letter-spacing:var(--ds-type-tracking-tight);text-align:right}.ds-car-scene-wrap{position:relative;min-height:0;margin:var(--ds-space-2) 0 0 calc(var(--ds-space-6) * var(--ds-density) * -1)}.ds-car-scene-svg{position:absolute;inset:0;width:100%;height:100%}.ds-car-road{fill:color-mix(in srgb,var(--ds-color-text) 7%,transparent)}.ds-car-walk{fill:color-mix(in srgb,var(--ds-color-text) 4%,transparent)}.ds-car-line{fill:color-mix(in srgb,var(--ds-color-text) 30%,transparent)}.ds-car-obj-shadow{fill:color-mix(in srgb,var(--ds-color-text) 8%,transparent)}.ds-car-obj--other .ds-car-obj-side{fill:color-mix(in srgb,var(--ds-color-text) 30%,var(--ds-color-canvas))}.ds-car-obj--other .ds-car-obj-top{fill:color-mix(in srgb,var(--ds-color-text) 18%,var(--ds-color-canvas))}.ds-car-obj--self .ds-car-obj-side{fill:var(--ds-color-text)}.ds-car-signal{fill:var(--ds-color-warning)}.ds-car-obj--self .ds-car-obj-top{fill:color-mix(in srgb,var(--ds-color-text) 72%,var(--ds-color-canvas))}.ds-car-figure{fill:color-mix(in srgb,var(--ds-color-text) 50%,var(--ds-color-canvas))}.ds-car-stage{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ds-space-2);padding:var(--ds-space-4) var(--ds-space-6);text-align:center;background:radial-gradient(80% 70% at 50% 40%,color-mix(in srgb,var(--ds-color-text) 7%,var(--ds-color-canvas)),var(--ds-color-canvas))}.ds-car-stage{animation:ds-car-stage-in .32s cubic-bezier(.2,.8,.2,1) both}.ds-car-scene-svg{animation:ds-car-fade-in .32s ease-out both}.ds-car-actions>*{animation:ds-car-action-in .28s cubic-bezier(.2,.8,.2,1) both}@keyframes ds-car-stage-in{0%{opacity:0;transform:scale(.97)}}@keyframes ds-car-fade-in{0%{opacity:0}}@keyframes ds-car-action-in{0%{opacity:0;transform:translateY(6px)}}.ds-car-stage-art{width:120px;height:120px;object-fit:cover;border-radius:var(--ds-radius);box-shadow:0 16px 40px color-mix(in srgb,var(--ds-color-static-ink) 45%,transparent)}.ds-car-app-tile--stage{width:120px;height:120px;border-radius:var(--ds-radius);box-shadow:0 16px 40px color-mix(in srgb,var(--ds-color-static-ink) 45%,transparent)}.ds-car-app-tile--stage img{width:64px;height:64px}.ds-car-stage-title{min-height:1.25em;margin-top:var(--ds-space-1);font-size:var(--ds-type-ride-destination);font-weight:var(--ds-type-weight-strong);line-height:1.25;letter-spacing:var(--ds-type-tracking-tight);text-wrap:balance}.ds-car-stage-sub{min-height:1.35em;color:var(--ds-color-muted);font-size:var(--ds-type-small);line-height:1.35}.ds-car-stage-close{margin-top:var(--ds-space-3)}.ds-car-screen,.ds-car-screen .ds-car-panel{transition:background-color .14s ease-out,color .12s ease-out}.ds-car-screen>.ds-car-vehicle,.ds-car-screen>.ds-car-map,.ds-car-screen>.ds-car-dock{transition:opacity .18s ease-out,visibility 0s linear 0s,background-color .14s ease-out,color .12s ease-out}.ds-car-screen .ds-button{transition:background-color .12s ease-out,color .12s ease-out,border-color .12s ease-out,border-radius .14s ease-out}.ds-car-map-svg :is(path,polygon,rect,text){transition:none}@media (prefers-reduced-motion: reduce){.ds-car-screen,.ds-car-screen *{transition-duration:.01ms!important}}.ds-car-screen[data-theater]>.ds-car-vehicle,.ds-car-screen[data-theater]>.ds-car-map,.ds-car-screen[data-theater]>.ds-car-dock{visibility:hidden;opacity:0;transition:opacity .2s ease-in,visibility 0s linear .2s}.ds-car-theater{position:absolute;inset:0;z-index:4;display:grid;grid-template-columns:minmax(210px,24%) minmax(0,1fr);overflow:hidden;background:var(--ds-color-static-ink);animation:ds-car-theater-in .34s cubic-bezier(.2,.8,.2,1) both;transition:grid-template-columns .32s cubic-bezier(.2,.8,.2,1)}.ds-car-theater[data-leaving]{pointer-events:none;animation:ds-car-theater-out .24s ease-in both}@keyframes ds-car-theater-in{0%{opacity:0;transform:scale(.96)}}@keyframes ds-car-theater-out{to{opacity:0;transform:scale(.98)}}.ds-car-theater-top{animation:ds-car-bar-down .38s cubic-bezier(.2,.8,.2,1) .12s both}.ds-car-theater-bottom{animation:ds-car-bar-up .38s cubic-bezier(.2,.8,.2,1) .16s both}@keyframes ds-car-bar-down{0%{opacity:0;transform:translateY(-12px)}}@keyframes ds-car-bar-up{0%{opacity:0;transform:translateY(12px)}}.ds-car-theater[data-info]{grid-template-columns:minmax(210px,22%) minmax(0,1fr) minmax(240px,26%)}.ds-car-theater-movie{display:contents;color:var(--ds-color-static-paper);--ds-color-text: var(--ds-color-static-paper);--ds-color-muted: color-mix(in srgb, var(--ds-color-static-paper) 78%, transparent)}.ds-car-theater-still{grid-column:2;grid-row:1;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;animation:ds-car-still-in .36s ease-out both}.ds-car-theater-controls{grid-column:1;grid-row:1;display:flex;min-width:0;min-height:0;flex-direction:column;justify-content:space-between;background:var(--ds-color-static-ink)}@keyframes ds-car-still-in{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}.ds-car-theater-top,.ds-car-theater-bottom{display:flex;gap:var(--ds-space-3);padding:calc(var(--ds-space-4) * var(--ds-density));background:var(--ds-color-static-ink)}.ds-car-theater-top{align-items:center}.ds-car-theater-bottom{flex-direction:column}.ds-car-theater-heading{display:grid;gap:2px}.ds-car-theater-heading strong{font-size:var(--ds-type-ride-destination);font-weight:var(--ds-type-weight-strong);line-height:1.25;letter-spacing:var(--ds-type-tracking-tight)}.ds-car-theater-heading>span{color:var(--ds-color-muted);font-size:var(--ds-type-small);line-height:1.35}.ds-car-theater-progress{display:grid;gap:5px;min-width:0;color:var(--ds-color-static-paper)}.ds-car-theater-bar{position:relative;display:block;height:6px;border-radius:var(--ds-radius-round);background:color-mix(in srgb,var(--ds-color-static-paper) 34%,transparent);overflow:visible}.ds-car-theater-bar>span{position:relative;display:block;height:100%;border-radius:inherit;background:var(--ds-color-static-paper);transition:width 1s linear}.ds-car-theater-bar>span:after{position:absolute;top:50%;right:-4px;width:10px;height:10px;border:2px solid var(--ds-color-static-ink);border-radius:50%;background:var(--ds-color-static-paper);content:"";transform:translateY(-50%)}.ds-car-theater-times{display:flex;justify-content:space-between;gap:var(--ds-space-2);color:color-mix(in srgb,var(--ds-color-static-paper) 88%,transparent);font-size:var(--ds-type-small);font-variant-numeric:tabular-nums;line-height:1.2}.ds-car-theater-actions{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ds-space-2)}.ds-car-theater-movie .ds-button{min-height:var(--ds-control-height);max-width:100%;font-size:var(--ds-type-small);padding-inline:var(--ds-space-3);white-space:nowrap}.ds-car-theater-movie .ds-button--secondary:hover:not(:disabled){border-color:var(--ds-color-control);background:transparent;color:var(--ds-color-static-paper)}.ds-car-theater-movie .ds-button--ghost:hover:not(:disabled){border-color:transparent;background:transparent;color:var(--ds-color-static-paper)}.ds-car-theater-movie .ds-button--tonal:hover:not(:disabled){border-color:transparent;background:color-mix(in srgb,var(--ds-color-static-paper) 10%,transparent);color:var(--ds-color-static-paper)}.ds-car-theater-movie .ds-car-stop:hover:not(:disabled){border-color:transparent;background:var(--ds-color-danger);color:var(--ds-color-static-paper)}.ds-car-scene:is([data-view=cabin],[data-view=full]) .ds-car-screen:not([data-stack]) .ds-car-theater-actions .ds-button{min-height:max(var(--ds-control-height),64px);font-size:var(--ds-type-ride-destination);padding-inline:var(--ds-space-4)}.ds-car-theater-movie .ds-button--ghost{color:var(--ds-color-static-paper)}.ds-car-theater .ds-car-stop{margin-left:0;gap:var(--ds-space-2);padding-inline:var(--ds-space-3);border-color:transparent;background:var(--ds-color-danger);color:var(--ds-color-static-paper)}.ds-car-theater-info{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:var(--ds-space-2);min-width:0;min-height:0;overflow:hidden;padding:calc(var(--ds-space-4) * var(--ds-density));background:var(--ds-color-canvas);color:var(--ds-color-text);animation:ds-car-info-in .32s cubic-bezier(.2,.8,.2,1) both}@keyframes ds-car-info-in{0%{opacity:0;transform:translate(24px)}}.ds-car-theater-info .ds-car-speed strong{min-width:0}.ds-car-theater-map{min-height:0;margin-top:var(--ds-space-2);overflow:hidden;border-radius:var(--ds-radius);background:color-mix(in srgb,var(--ds-color-text) 7%,var(--ds-color-canvas))}.ds-car-slot{transition:background-color .14s ease-out}.ds-car-slot:has(>.ds-car-screen[data-theater]){background:var(--ds-color-static-ink)}.ds-car-map{position:relative;grid-column:6 / -1;display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;background:color-mix(in srgb,var(--ds-color-text) 7%,var(--ds-color-canvas))}.ds-car-scene[data-screen="13"] .ds-car-screen:not([data-stack]):not([data-strip])>.ds-car-map{grid-column:1 / 8;grid-row:1}.ds-car-scene[data-screen="13"] .ds-car-screen:not([data-stack]):not([data-strip])>.ds-car-vehicle{grid-column:8 / -1;grid-row:1}.ds-car-map-surface{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;contain:layout paint;background:var(--ds-color-canvas)}.ds-car-map-svg{position:relative;display:block;width:100%;height:100%;min-height:0}.ds-car-map-perspective{position:absolute;inset:0;overflow:hidden;pointer-events:none}.ds-car-map-terrain{position:absolute;display:block;max-width:none;transform-origin:50% 50%}.ds-car-map-vector-land{fill:color-mix(in srgb,var(--ds-color-text) 5%,var(--ds-color-canvas))}.ds-car-map-vector-park{fill:color-mix(in srgb,var(--ds-color-success) 12%,var(--ds-color-canvas))}.ds-car-map-vector-road-minor,.ds-car-map-vector-road-major,.ds-car-map-vector-road-major-casing,.ds-car-map-vector-water-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.ds-car-map-vector-road-minor{stroke:color-mix(in srgb,var(--ds-color-text) 15%,var(--ds-color-canvas));stroke-width:calc(var(--map-k) * 1px)}.ds-car-map-vector-road-major-casing{stroke:color-mix(in srgb,var(--ds-color-text) 26%,var(--ds-color-canvas));stroke-width:calc(var(--map-k) * 5px)}.ds-car-map-vector-road-major{stroke:var(--ds-color-canvas);stroke-width:calc(var(--map-k) * 3px)}.ds-car-map-vector-water-line{stroke:color-mix(in srgb,var(--ds-color-accent) 22%,var(--ds-color-canvas));stroke-width:calc(var(--map-k) * 2px)}.ds-car-map-water{fill:color-mix(in srgb,var(--ds-color-accent) 18%,var(--ds-color-canvas));transition:fill .14s ease-out}.ds-car-street-tiles{transition:opacity .24s ease-out}.ds-car-map-attribution{cursor:pointer;fill:var(--ds-color-text);font:inherit}.ds-car-map-attribution-bg{fill:var(--ds-color-canvas);opacity:.94}.ds-car-map-photo-credit{position:absolute;right:var(--ds-space-2);bottom:0;z-index:3;display:inline-flex;align-items:center;min-height:44px;color:var(--ds-color-text);font-size:12px;line-height:1.4;text-decoration:none;cursor:pointer}.ds-car-map-photo-credit span{padding:2px 4px;background:color-mix(in srgb,var(--ds-color-canvas) 94%,transparent)}.ds-car-map-attribution text,.ds-car-map-detail-error{fill:var(--ds-color-text);font-family:var(--ds-font)}.ds-car-map-border{fill:none;stroke:color-mix(in srgb,var(--ds-color-text) 22%,transparent);stroke-width:calc(var(--map-k) * 1.25px);stroke-dasharray:calc(var(--map-k) * 6px) calc(var(--map-k) * 4px)}.ds-car-map-highway{fill:none;stroke:color-mix(in srgb,var(--ds-color-warning) 30%,var(--ds-color-surface));stroke-width:calc(var(--map-k) * 3px);stroke-linecap:round;stroke-linejoin:round}.ds-car-map-city{fill:var(--ds-color-surface);stroke:color-mix(in srgb,var(--ds-color-text) 55%,transparent);stroke-width:calc(var(--map-k) * 1.5px)}.ds-car-map-city--dest{fill:var(--ds-color-accent);stroke:var(--ds-color-canvas);stroke-width:calc(var(--map-k) * 2.5px)}.ds-car-map-label{fill:var(--ds-color-muted);font-family:var(--ds-font);font-weight:var(--ds-type-weight-regular);letter-spacing:.01em;paint-order:stroke;stroke:color-mix(in srgb,var(--ds-color-canvas) 80%,transparent);stroke-width:calc(var(--map-k) * 3.5px);stroke-linejoin:round;transition:opacity .2s ease-out}.ds-car-map-label--water{fill:color-mix(in srgb,var(--ds-color-accent) 60%,var(--ds-color-muted));font-style:italic;stroke:none}.ds-car-screen[data-ds-theme=day] .ds-car-map-svg{--ds-color-canvas: #f5f5f7;--ds-color-text: #171719;--ds-color-muted: #515158}.ds-car-screen[data-ds-theme=night] .ds-car-map-svg{--ds-color-canvas: #080b0e;--ds-color-text: #f5f5f7;--ds-color-muted: #c7c7cc}.ds-car-map-label--major{fill:var(--ds-color-text)}.ds-car-map-label--dest{fill:var(--ds-color-text);font-weight:var(--ds-type-weight-strong)}.ds-car-map-route-casing{fill:none;stroke:var(--ds-color-canvas);stroke-width:calc(var(--map-k) * 11px);stroke-linecap:round;stroke-linejoin:round;opacity:.7}.ds-car-map-route{fill:none;stroke:var(--ds-color-accent);stroke-width:calc(var(--map-k) * 6px);stroke-linecap:round;stroke-linejoin:round}.ds-car-map-route-done{fill:none;stroke:color-mix(in srgb,var(--ds-color-text) 32%,var(--ds-color-canvas));stroke-width:calc(var(--map-k) * 6px);stroke-linecap:round;stroke-linejoin:round}.ds-car-map-puck-halo{fill:color-mix(in srgb,var(--ds-color-accent) 28%,transparent);animation:ds-car-pulse 2.4s ease-out infinite;transform-box:fill-box;transform-origin:center}.ds-car-map-puck-ring{fill:var(--ds-color-accent);stroke:var(--ds-color-canvas);stroke-width:3}.ds-car-map-puck{fill:var(--ds-color-on-accent)}@keyframes ds-car-pulse{0%{transform:scale(.6);opacity:1}to{transform:scale(1.4);opacity:0}}.ds-car-panel{display:grid;gap:var(--ds-space-2);padding:calc(var(--ds-space-4) * var(--ds-density)) calc(var(--ds-space-6) * var(--ds-density)) calc(var(--ds-space-6) * var(--ds-density));background:var(--ds-color-canvas);font-size:var(--ds-type-body)}.ds-car-status{display:block;min-height:1.25em;font-size:var(--ds-type-ride-status);font-weight:var(--ds-type-weight-strong);line-height:1.25;letter-spacing:var(--ds-type-tracking-tight)}.ds-car-destination{min-height:1.35em;color:var(--ds-color-text);font-size:var(--ds-type-ride-destination);font-weight:var(--ds-type-weight-regular);line-height:1.35}.ds-car-destination-sub{color:var(--ds-color-muted);font-size:var(--ds-type-small);white-space:nowrap}.ds-car-eta{min-height:1.4em;color:var(--ds-color-muted);line-height:1.4;font-size:var(--ds-type-small)}.ds-car-eta-time{color:var(--ds-color-text);font-weight:var(--ds-type-weight-strong)}.ds-car-destination-row{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3)}.ds-car-destination-row .ds-car-destination{min-width:0}.ds-car-panel .ds-car-change{flex:0 0 auto;padding-inline:var(--ds-space-4);font-size:var(--ds-type-small)}.ds-car .ds-car-scene .ds-car-screen>.ds-car-picker{position:absolute;inset:0;z-index:6;grid-column:1 / -1;grid-row:1 / -1;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:var(--ds-space-3);padding:calc(var(--ds-space-4) * var(--ds-density)) calc(var(--ds-space-6) * var(--ds-density));background:var(--ds-color-canvas)}.ds-car .ds-car-scene .ds-car-screen .ds-car-address-input{width:100%;min-width:0;min-height:1.3em;padding:8px 0;border:0;outline-offset:4px;border-radius:0;background:transparent;color:var(--ds-color-text);font:inherit;font-size:clamp(48px,8cqw,88px);font-weight:500;line-height:1.15;letter-spacing:-.035em}.ds-car-address-input::placeholder{color:var(--ds-color-muted);opacity:.7}.ds-car-picker .ds-car-picker-check{width:12px;height:12px;margin-left:auto}.ds-car-screen:has(>.ds-car-picker)>:is(.ds-car-vehicle,.ds-car-map,.ds-car-panel,.ds-car-dock){visibility:hidden;pointer-events:none}.ds-car-picker-head{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3)}.ds-car-picker-head strong{font-size:var(--ds-type-ride-status);font-weight:var(--ds-type-weight-strong);line-height:1.25;letter-spacing:var(--ds-type-tracking-tight)}.ds-car-picker-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:var(--ds-space-2);min-height:0;overflow-y:auto}.ds-car-picker .ds-car-picker-place{justify-content:space-between;gap:var(--ds-space-3);padding-inline:var(--ds-space-4);font-size:var(--ds-type-body);text-align:left}.ds-car-picker .ds-car-picker-place.ds-button--ghost{background:color-mix(in srgb,var(--ds-color-text) 5%,transparent)}.ds-car-picker-city{min-width:0;white-space:nowrap}.ds-car-picker-miles{flex:0 0 auto;color:var(--ds-color-muted);font-size:var(--ds-type-small);font-weight:var(--ds-type-weight-regular);white-space:nowrap}.ds-car-actions{display:flex;flex-wrap:wrap;gap:var(--ds-space-3);min-height:var(--ds-control-height);height:auto;margin-top:var(--ds-space-2)}.ds-car-actions .ds-button{flex:0 0 auto;padding-inline:var(--ds-space-6)}.ds-car-dock{--dock-edge: calc(var(--ds-space-6) * var(--ds-density));grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4);padding:calc(var(--ds-space-2) * var(--ds-density)) var(--dock-edge);background:var(--ds-color-surface);font-size:var(--ds-type-body)}.ds-car-dock .ds-icon{width:26px;height:26px}.ds-car-dock .ds-button{flex-shrink:0;white-space:nowrap}.ds-car-dock .ds-button--icon{width:min(var(--ds-control-height),56px);padding:0}.ds-car-apps,.ds-car-media,.ds-car-climate{display:flex;align-items:center;flex-shrink:0;gap:2px}.ds-car-apps{min-width:0;max-width:100%;flex-shrink:1;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}.ds-car-screen[data-ds-theme=night] .ds-car-dock,.ds-car-screen[data-ds-theme=night] .ds-car-stage{background:var(--ds-color-canvas)}.ds-car-media{display:grid;min-width:0;grid-template-columns:minmax(0,1fr);gap:var(--ds-space-1)}.ds-car-media-row{display:flex;min-width:0;align-items:center;gap:2px}.ds-car-music-timeline{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-type-small);line-height:1.2;color:var(--ds-color-muted);font-variant-numeric:tabular-nums}.ds-car-scene[data-view=phone] .ds-car-music-timeline{font-size:max(16px,calc(16px / var(--car-scale, 1)))}.ds-car-music-progress{appearance:none;display:block;width:100%;height:4px;overflow:hidden;border:0;border-radius:var(--ds-radius-round);background:color-mix(in srgb,var(--ds-color-text) 24%,transparent);color:var(--ds-color-text)}.ds-car-music-progress::-webkit-progress-bar{border-radius:var(--ds-radius-round);background:color-mix(in srgb,var(--ds-color-text) 24%,transparent)}.ds-car-music-progress::-webkit-progress-value{border-radius:var(--ds-radius-round);background:var(--ds-color-text)}.ds-car-music-progress::-moz-progress-bar{border-radius:var(--ds-radius-round);background:var(--ds-color-text)}.ds-car-app-tile{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#080808;transition:transform .18s cubic-bezier(.2,.9,.3,1.15)}.ds-car-app[aria-pressed=true] .ds-car-app-tile{transform:scale(1.06)}.ds-car-app-tile img{display:block;width:28px;height:28px;object-fit:contain;image-rendering:auto}.ds-car-screen .ds-ride-app-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.ds-car-screen .ds-ride-app-actions .ds-button{width:auto;min-height:var(--ds-control-height);max-width:100%;justify-content:flex-start;gap:10px;padding-inline:14px;font-size:var(--ds-type-body);white-space:normal}.ds-car-screen .ds-ride-app-actions .ds-icon{width:22px;height:22px;flex-shrink:0}.ds-car-screen[data-stack] .ds-ride-app-actions{flex-direction:row;flex-wrap:wrap}.ds-car-now{display:flex;align-items:center;gap:var(--ds-space-3);margin-right:var(--ds-space-2)}.ds-car-now img{flex-shrink:0;width:44px;height:44px;object-fit:cover;border-radius:calc(var(--ds-radius) * .5)}.ds-car-now-text{display:grid;gap:2px;font-size:var(--ds-type-small);line-height:1.2}.ds-car-now-text strong,.ds-car-now-text>span{white-space:nowrap}.ds-car-now-text strong{font-weight:var(--ds-type-weight-strong)}.ds-car-now-text>span{color:var(--ds-color-muted)}.ds-car-temp{display:inline-flex;align-items:center;justify-content:center;width:64px;font-size:var(--ds-type-ride-metric);font-weight:var(--ds-type-weight-strong);letter-spacing:var(--ds-type-tracking-tight)}.ds-car-dock .ds-car-fan{gap:var(--ds-space-2);padding-inline:var(--ds-space-3)}.ds-car-level{display:inline-flex;align-items:center;gap:3px}.ds-car-level>span{width:6px;height:16px;border-radius:2px;background:color-mix(in srgb,var(--ds-color-text) 16%,transparent);transition:background-color .16s ease-out}.ds-car-level>span[data-on]{background:var(--ds-color-text)}.ds-car-actions .ds-car-stop{gap:var(--ds-space-2);border-color:transparent;background:color-mix(in srgb,var(--ds-color-danger) 14%,var(--ds-color-surface));color:var(--ds-color-danger)}.ds-car .ds-button:hover:not(:disabled){border-color:var(--ds-color-control)}.ds-car .ds-button--ghost:hover:not(:disabled){border-color:transparent}.ds-car .ds-button--tonal:hover:not(:disabled){border-color:transparent;background:color-mix(in srgb,var(--ds-color-text) 10%,transparent)}.ds-car .ds-button--primary:hover:not(:disabled){border-color:var(--ds-color-accent);background:var(--ds-color-accent)}.ds-car .ds-button--destructive:hover:not(:disabled){border-color:var(--ds-color-danger);background:transparent;color:var(--ds-color-danger)}.ds-car .ds-car-actions .ds-car-stop:hover:not(:disabled){border-color:transparent;background:color-mix(in srgb,var(--ds-color-danger) 14%,var(--ds-color-surface))}.ds-car .ds-car-theater .ds-car-stop:hover:not(:disabled){border-color:transparent;background:var(--ds-color-danger);color:var(--ds-color-static-paper)}.ds-car-screen[data-stack]{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;--ds-type-small: var(--ds-type-ride-support-compact);--ds-type-body: var(--ds-type-ride-body-compact);--ds-control-height: var(--ds-control-ride-compact)}.ds-car-screen[data-stack] .ds-car-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ds-car-screen[data-stack] :is(.ds-car-vehicle,.ds-car-map){grid-column:1 / -1}.ds-car-screen[data-stack] .ds-car-vehicle{height:320px;padding:var(--ds-space-3) var(--ds-space-4) 0}.ds-car-screen[data-stack] .ds-car-scene-wrap{margin-inline:calc(var(--ds-space-4) * -1)}.ds-car-screen[data-stack] .ds-car-map{grid-template-rows:auto auto}.ds-car-screen[data-stack] .ds-car-map-surface{height:auto;aspect-ratio:600 / 180}.ds-car-screen[data-stack] .ds-car-panel{padding:var(--ds-space-4)}.ds-car-screen[data-stack] .ds-car-status{font-size:var(--ds-type-ride-status-compact)}.ds-car-screen[data-stack] .ds-car-actions{gap:var(--ds-space-2)}.ds-car-screen[data-stack] .ds-car-actions .ds-button{flex:1 1 0;padding-inline:var(--ds-space-3)}.ds-car-screen[data-stack] .ds-car-dock{flex-direction:column;align-items:stretch;gap:0;padding:var(--ds-space-1) var(--ds-space-3)}.ds-car-screen[data-stack] :is(.ds-car-apps,.ds-car-media,.ds-car-climate){padding-block:var(--ds-space-2)}.ds-car-screen[data-stack] :is(.ds-car-media,.ds-car-climate){border-top:var(--ds-border-width) solid color-mix(in srgb,var(--ds-color-text) 8%,transparent)}.ds-car-screen[data-stack] .ds-car-apps{justify-content:space-between}.ds-car-screen[data-stack] .ds-car-media .ds-car-now{min-width:0;margin-right:auto}.ds-car-screen[data-stack] .ds-car-climate{justify-content:flex-start}.ds-car-screen[data-stack] .ds-car-climate .ds-car-fan{margin-left:auto}.ds-car-screen[data-stack] :is(.ds-car-theater,.ds-car-theater[data-info]){grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:auto}.ds-car-screen[data-stack] .ds-car-theater[data-info]{grid-template-rows:minmax(0,1fr) auto}.ds-car-screen[data-stack] .ds-car-theater-movie{display:grid;grid-column:1;grid-row:1;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(220px,1fr) auto;min-width:0;min-height:0;overflow:hidden}.ds-car-screen[data-stack] .ds-car-theater-still{grid-column:1;grid-row:1;width:100%;height:100%;aspect-ratio:auto;object-fit:contain}.ds-car-screen[data-stack] .ds-car-theater-controls{grid-column:1;grid-row:2}.ds-car-screen[data-stack] .ds-car-theater-top{padding:var(--ds-space-3) var(--ds-space-4) var(--ds-space-2)}.ds-car-screen[data-stack] .ds-car-theater-bottom{padding:var(--ds-space-2) var(--ds-space-4) var(--ds-space-3)}.ds-car-screen[data-stack] .ds-car-theater-actions{flex-direction:row;flex-wrap:wrap;align-items:center}.ds-car-screen[data-stack] .ds-car-theater-actions .ds-button{width:auto}.ds-car-screen[data-stack] .ds-car-theater-info{grid-template-rows:auto auto auto minmax(120px,1fr);padding:var(--ds-space-4)}.ds-car-screen[data-stack] .ds-car-theater-map{height:180px}.ds-car-screen[data-stack] .ds-car-theater .ds-car-stop{margin-left:0;width:auto}.ds-car-scene:is([data-view=cabin],[data-view=full]) .ds-car-screen[data-stack]{grid-template-rows:minmax(0,1fr) auto auto}.ds-car-scene:is([data-view=cabin],[data-view=full]) .ds-car-screen[data-stack] .ds-car-vehicle{height:auto;min-height:130px}.ds-car-screen[data-strip] .ds-car-panel{grid-column:1 / 6;grid-row:1;align-content:center;padding:var(--ds-space-4) var(--ds-space-6)}.ds-car-screen[data-strip] .ds-car-vehicle{grid-column:6 / 10;grid-row:1}.ds-car-screen[data-strip] .ds-car-map{display:contents}.ds-car-screen[data-strip] .ds-car-map-surface{grid-column:10 / -1;grid-row:1;background:color-mix(in srgb,var(--ds-color-text) 7%,var(--ds-color-canvas))}.ds-car-screen[data-strip] .ds-car-picker{position:relative;inset:auto;grid-column:1 / 6;grid-row:1;min-height:0}.ds-car-screen[data-strip] .ds-car-actions .ds-button{padding-inline:var(--ds-space-4)}.ds-car-screen[data-strip] .ds-car-theater{grid-template-columns:minmax(210px,22%) minmax(0,1fr)}.ds-car-screen[data-strip] .ds-car-theater[data-info]{grid-template-columns:minmax(210px,20%) minmax(0,1fr) minmax(240px,26%)}.ds-car-screen[data-strip] .ds-car-theater-movie{display:contents}.ds-car-screen[data-strip] .ds-car-theater-still{grid-column:2;grid-row:1;width:100%;height:100%;object-fit:contain}.ds-car-screen[data-strip] .ds-car-theater-controls{grid-column:1;grid-row:1}.ds-car-screen[data-strip] .ds-car-theater-top,.ds-car-screen[data-strip] .ds-car-theater-bottom{padding:var(--ds-space-2)}.ds-car-screen[data-strip] .ds-car-theater-top,.ds-car-screen[data-strip] .ds-car-theater-bottom{gap:var(--ds-space-2)}.ds-car-screen[data-strip] .ds-car-theater-actions{gap:var(--ds-space-1)}.ds-car-screen[data-strip] .ds-car-theater-progress{gap:3px}.ds-car-screen[data-strip] .ds-car-theater-actions .ds-button{justify-content:flex-start}.ds-car--hero{margin:0 0 var(--ds-space-8)}.ds-car--hero>:not(.ds-car-crop){width:100%;max-width:var(--ds-page-max);margin-inline:auto;padding-inline:var(--ds-page-inset)}.ds-car--hero .ds-car-crop{container-type:inline-size;overflow:hidden}.ds-car--hero .ds-car-crop:has(>.ds-car-scene[data-view=cabin]){height:100dvh;container-type:size}.ds-car--hero .ds-car-scene[data-view=cabin]{--hero-center: 320;--scene-w: max(100cqw, 100cqh * 1024 / 824);width:var(--scene-w);border-radius:0;margin-left:calc((100cqw - var(--scene-w)) / 2);margin-top:clamp(calc(100cqh - var(--scene-w) * 824 / 1024),calc(100cqh / 2 - var(--scene-w) * var(--hero-center) / 1024),0px);transition:margin-top .32s cubic-bezier(.2,.8,.2,1)}.ds-car--hero .ds-car-scene[data-view=cabin][data-screen="14"]{--hero-center: 330}.ds-car--hero .ds-car-scene[data-view=cabin][data-screen="9"]{--hero-center: 370}.ds-car--hero .ds-car-crop:not(:has(>.ds-car-scene[data-view=cabin])){width:100%;max-width:calc(960px + var(--ds-page-inset) * 2);margin-inline:auto;padding:var(--ds-space-4) var(--ds-page-inset) 0}.ds-car--hero[data-handheld]:not([data-phone-hero])>.ds-car-crop{height:auto!important;overflow:visible;container-type:inline-size;padding:0}.ds-car--hero[data-handheld]:not([data-phone-hero]) .ds-car-scene[data-view=cabin]{--scene-w: 100%;width:100%;margin:0;border-radius:0;container-type:inline-size;transition:none}.ds-car--hero[data-phone-hero]>.ds-car-crop.ds-car-crop{display:block;max-width:none;height:100dvh;padding:0;background:var(--ds-color-static-ink)}.ds-car--hero[data-phone-hero] .ds-car-scene[data-view=phone]{width:100%;height:100%;padding:0;border-radius:0;background:none}.ds-car--hero[data-phone-hero] .ds-car-device{width:100%;padding:0;border-radius:0;box-shadow:none;background:none}.ds-car--hero[data-phone-hero] .ds-car-device:before{display:none}.ds-car--hero[data-phone-hero] .ds-car-device-screen{border-radius:0}.ds-car--hero[data-phone-hero] :is(.ds-car-device,.ds-car-device-screen){height:100%}.ds-car--hero[data-phone-hero] .ds-car-slot.ds-car-slot{width:100%;height:100%;padding-top:0;aspect-ratio:auto}.ds-car--hero[data-phone-hero] .ds-car-picker-list{overscroll-behavior-y:contain}.ds-car--hero[data-phone-hero] .ds-car-screen:not([data-stack]){--ds-control-ride: var(--car-control-height, 56px)}.ds-car--hero[data-phone-hero] .ds-car-screen[data-stack]{--ds-control-ride-compact: var(--car-control-height, 56px)}.ds-car-scene[data-view=phone] .ds-car-screen[data-stack]{grid-template-rows:minmax(240px,1fr) minmax(340px,1.2fr) auto}.ds-car-scene[data-view=phone] .ds-car-screen[data-stack] .ds-car-vehicle{height:auto;min-height:240px}.ds-car-scene[data-view=phone] .ds-car-screen[data-stack] .ds-car-map{grid-template-rows:minmax(110px,1fr) auto}.ds-car-scene[data-view=phone] .ds-car-screen[data-stack] .ds-car-map-surface{height:100%;aspect-ratio:auto}.ds-car--hero[data-phone-hero] .ds-car-device--landscape .ds-car-vehicle{padding-left:var(--ds-space-4)}.ds-car--hero[data-phone-hero] .ds-car-device--landscape .ds-car-scene-wrap{margin-left:calc(-1 * var(--ds-space-4))}.ds-car--hero[data-phone-hero] .ds-car-device--landscape .ds-car-theme .ds-button{padding-inline:var(--ds-space-2)}.ds-car--hero[data-phone-hero] .ds-car-device--landscape .ds-car-panel{grid-template-columns:minmax(0,1fr) auto;padding:var(--ds-space-2) var(--ds-space-4)}.ds-car--hero[data-phone-hero] .ds-car-device--landscape .ds-car-panel>:not(.ds-car-actions){grid-column:1 / -1}.ds-car--hero[data-phone-hero] .ds-car-device--landscape .ds-car-panel>.ds-car-eta{grid-column:1}.ds-car--hero[data-phone-hero] .ds-car-device--landscape .ds-car-actions{grid-column:2;grid-row:3;flex-direction:row}.ds-car--hero[data-phone-hero] .ds-car-device--landscape .ds-car-dock{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 var(--ds-space-3);padding:var(--ds-space-1) var(--ds-space-3)}.ds-car--hero[data-phone-hero] .ds-car-device--landscape .ds-car-media{grid-column:1 / -1;grid-row:2}.ds-car--hero[data-phone-hero] .ds-car-device--landscape .ds-car-media .ds-car-now{margin-right:auto}.ds-car--hero[data-phone-hero] .ds-car-device--landscape .ds-car-climate{grid-column:2;grid-row:1}.ds-car-scene[data-view=phone] .ds-car-stage{display:grid;grid-template-columns:clamp(64px,22cqw,96px) minmax(0,1fr);grid-template-rows:auto auto auto;align-content:center;justify-content:stretch;justify-items:start;gap:var(--ds-space-1) var(--ds-space-3);min-width:0;min-height:0;overflow:hidden;padding:var(--ds-space-2) var(--ds-space-4);text-align:left}.ds-car-scene[data-view=phone] .ds-car-stage-art,.ds-car-scene[data-view=phone] .ds-car-app-tile--stage{grid-column:1;grid-row:1 / 4;width:clamp(64px,22cqw,96px);height:clamp(64px,22cqw,96px);align-self:center}.ds-car-scene[data-view=phone] .ds-car-app-tile--stage img{width:56%;height:56%}.ds-car-scene[data-view=phone] .ds-car-stage-title{grid-column:2;min-height:0;align-self:end;margin:0;font-size:max(18px,calc(16px / var(--car-scale, 1)));overflow-wrap:anywhere}.ds-car-scene[data-view=phone] .ds-car-stage-sub{grid-column:2;min-height:0;align-self:start;font-size:max(18px,calc(16px / var(--car-scale, 1)));overflow-wrap:anywhere}.ds-car-scene[data-view=phone] .ds-car-stage-close{grid-column:2;justify-self:start;max-width:100%;min-height:var(--ds-control-height);margin:var(--ds-space-1) 0 0;padding-inline:var(--ds-space-3);line-height:1.2;white-space:normal;text-align:left}.ds-car-scene[data-view=phone] .ds-car-theater{overflow:auto;overscroll-behavior:contain}.ds-car-scene[data-view=phone] .ds-car-theater-movie,.ds-car-scene[data-view=phone] .ds-car-theater-info{min-width:0}.ds-car-scene[data-view=phone] .ds-car-theater-actions .ds-button{min-height:var(--ds-control-height);width:auto;white-space:nowrap}.ds-car-scene[data-view=phone] .ds-car-screen:not([data-stack]) .ds-car-theater-top,.ds-car-scene[data-view=phone] .ds-car-screen:not([data-stack]) .ds-car-theater-bottom{padding:var(--ds-space-2);gap:var(--ds-space-2)}.ds-car-scene[data-view=phone] .ds-car-screen:not([data-stack]) .ds-car-theater-actions{gap:var(--ds-space-1)}.ds-car-scene[data-view=phone] .ds-car-theater-info{overflow-wrap:anywhere}.ds-car:not(.ds-car--hero) .ds-car-scene[data-view=phone]{padding:0;overflow:visible;background:none}.ds-car:not(.ds-car--hero) .ds-car-device--phone{width:100%;padding:0;border-radius:0;background:none;box-shadow:none}.ds-car:not(.ds-car--hero) .ds-car-device--phone:before{display:none}.ds-car:not(.ds-car--hero) .ds-car-device-screen{overflow:visible;border-radius:0}.ds-car:not(.ds-car--hero) .ds-car-device--phone .ds-car-slot{width:100%!important;height:auto!important;padding-top:0;aspect-ratio:384 / 840}.ds-car:not(.ds-car--hero) .ds-car-device--phone.ds-car-device--landscape .ds-car-slot{aspect-ratio:844 / 390;min-height:390px}.ds-car--hero:not([data-phone-hero]) .ds-car-device--landscape .ds-car-slot{min-height:390px}.ds-car-scene[data-view=phone] .ds-car-screen:not([data-stack]){--ds-control-ride: var(--car-control-height, 56px)}.ds-car-scene[data-view=phone] .ds-car-screen[data-stack]{--ds-control-ride-compact: var(--car-control-height, 56px)}.ds-car-scene[data-view=phone] .ds-car-device:before{display:none}.ds-car-scene[data-view=phone] .ds-car-device--landscape .ds-car-vehicle{padding-left:var(--ds-space-4)}.ds-car-scene[data-view=phone] .ds-car-device--landscape .ds-car-scene-wrap{margin-left:calc(-1 * var(--ds-space-4))}.ds-car-scene[data-view=phone] .ds-car-device--landscape .ds-car-theme .ds-button{padding-inline:var(--ds-space-2)}.ds-car-scene[data-view=phone] .ds-car-device--landscape .ds-car-panel{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;align-content:start;padding:var(--ds-space-2) var(--ds-space-4)}.ds-car-scene[data-view=phone] .ds-car-device--landscape .ds-car-panel>:not(.ds-car-actions){grid-column:1 / -1}.ds-car-scene[data-view=phone] .ds-car-device--landscape .ds-car-panel>.ds-car-eta{grid-column:1;grid-row:3;min-width:0}.ds-car-scene[data-view=phone] .ds-car-device--landscape .ds-car-panel .ds-car-eta-time{white-space:nowrap}.ds-car-scene[data-view=phone] .ds-car-device--landscape .ds-car-actions{grid-column:1;grid-row:4;flex-direction:row;flex-wrap:wrap;height:auto;min-width:0;margin-top:0}.ds-car-scene[data-view=phone] .ds-car-device--landscape .ds-car-dock{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 var(--ds-space-3);padding:var(--ds-space-1) var(--ds-space-3)}.ds-car-scene[data-view=phone] .ds-car-device--landscape .ds-car-media{grid-column:1 / -1;grid-row:2}.ds-car-scene[data-view=phone] .ds-car-device--landscape .ds-car-media .ds-car-now{margin-right:auto}.ds-car-scene[data-view=phone] .ds-car-device--landscape .ds-car-climate{grid-column:2;grid-row:1}@media (orientation: portrait) and (max-height: 760px){.ds-car-scene[data-view=phone] .ds-car-screen[data-stack]{grid-template-rows:minmax(190px,.8fr) minmax(280px,1.15fr) auto}.ds-car-scene[data-view=phone] .ds-car-screen[data-stack] .ds-car-vehicle{min-height:190px}.ds-car-scene[data-view=phone] .ds-car-screen[data-stack] .ds-car-map{grid-template-rows:minmax(72px,1fr) auto}.ds-car-screen[data-stack] .ds-car-panel{gap:var(--ds-space-1);padding:var(--ds-space-2) var(--ds-space-4)}.ds-car-screen[data-stack] .ds-car-theater-map{height:120px}.ds-car-screen[data-stack] .ds-car-theater-info{padding:var(--ds-space-3)}}@media (prefers-contrast: more){.ds-car-line{fill:var(--ds-color-text)}.ds-car-map-border{stroke:color-mix(in srgb,var(--ds-color-text) 50%,transparent)}.ds-car-map-highway{stroke:color-mix(in srgb,var(--ds-color-warning) 60%,var(--ds-color-surface))}.ds-car-panel,.ds-car-dock{border-top-color:var(--ds-color-text)}}@media (prefers-reduced-motion: reduce){.ds-car *,.ds-car *:before,.ds-car *:after{animation:none!important;transition:none!important}}.ds-car-scene:is([data-view=cabin],[data-view=full]) .ds-car-stage,.ds-car-screen[data-strip] .ds-car-stage{display:grid;grid-template-columns:minmax(0,min(104px,24cqw,32cqh)) minmax(0,1fr);grid-template-rows:auto auto auto;container-type:size;align-content:center;justify-content:stretch;justify-items:start;gap:var(--ds-space-1) var(--ds-space-3);min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:var(--ds-space-2) var(--ds-space-3);text-align:left}.ds-car-scene:is([data-view=cabin],[data-view=full]) .ds-car-stage-art,.ds-car-scene:is([data-view=cabin],[data-view=full]) .ds-car-app-tile--stage,.ds-car-screen[data-strip] .ds-car-stage-art,.ds-car-screen[data-strip] .ds-car-app-tile--stage{grid-column:1;grid-row:1 / 4;width:100%;max-width:100%;max-height:100%;aspect-ratio:1;height:auto;align-self:center;justify-self:center;flex:none}.ds-car-scene:is([data-view=cabin],[data-view=full]) .ds-car-stage-art,.ds-car-screen[data-strip] .ds-car-stage-art{object-fit:cover}.ds-car-scene:is([data-view=cabin],[data-view=full]) .ds-car-app-tile--stage img,.ds-car-screen[data-strip] .ds-car-app-tile--stage img{width:56%;height:56%}.ds-car-scene:is([data-view=cabin],[data-view=full]) .ds-car-stage-title,.ds-car-screen[data-strip] .ds-car-stage-title{grid-column:2;min-width:0;min-height:0;align-self:end;margin:0;overflow-wrap:anywhere}.ds-car-scene:is([data-view=cabin],[data-view=full]) .ds-car-stage-sub,.ds-car-screen[data-strip] .ds-car-stage-sub{grid-column:2;min-width:0;min-height:0;align-self:start;overflow-wrap:anywhere}.ds-car-scene:is([data-view=cabin],[data-view=full]) .ds-car-stage-close,.ds-car-screen[data-strip] .ds-car-stage-close{grid-column:2;justify-self:start;max-width:100%;min-height:var(--ds-control-height);margin:var(--ds-space-1) 0 0;padding-inline:var(--ds-space-3);line-height:1.2;white-space:normal;text-align:left}.ds-principles-hero{display:grid;grid-template-columns:minmax(200px,.75fr) minmax(0,1.7fr);gap:clamp(20px,4vw,52px);align-items:start;padding:clamp(20px,4vw,44px);background:var(--ds-color-surface);border-radius:var(--ds-radius);overflow:hidden}.ds-principles-hero-lead{position:sticky;top:20px}.ds-principles-hero-lead>span,.ds-sync-kicker,.ds-sync-detail-index{display:block;color:var(--ds-color-muted);font-size:var(--ds-type-small);font-weight:650;letter-spacing:.06em;text-transform:uppercase}.ds-principles-hero-lead>strong{display:block;margin-top:var(--ds-space-4);font-size:clamp(28px,4vw,48px);line-height:1.08;letter-spacing:-.04em}.ds-principles-hero ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;margin:0;padding:0;list-style:none}.ds-principles-hero li{display:grid;grid-template-columns:28px 22px minmax(0,1fr);align-items:center;gap:7px 10px;padding:14px 0;border-top:1px solid var(--ds-color-divider)}.ds-principles-hero-number{color:var(--ds-color-muted);font-family:var(--ds-font-mono, monospace);font-size:12px}.ds-principles-hero li>.ds-icon{color:var(--ds-color-accent)}.ds-principles-hero li>strong{font-weight:650}.ds-principles-hero li>span:last-child{grid-column:3;color:var(--ds-color-muted);font-size:var(--ds-type-small);line-height:1.4}.ds-sync{min-width:0}.ds-sync-heading{max-width:760px;margin-bottom:clamp(22px,4vw,42px)}.ds-sync-heading h2{display:block;margin:10px 0 12px;font-size:clamp(30px,5vw,54px);line-height:1.04;letter-spacing:-.04em}.ds-sync-heading>p{color:var(--ds-color-muted)}.ds-sync-map{min-width:0;padding:clamp(16px,3vw,28px);background:var(--ds-color-surface);border-radius:var(--ds-radius);overflow:hidden}.ds-sync-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ds-sync-stage{position:relative;display:grid;grid-template-rows:42px auto 1fr;gap:8px;min-width:0;padding:14px;background:var(--ds-color-canvas);border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius)}.ds-sync-stage-icon{display:grid;width:36px;height:36px;place-items:center;color:var(--ds-color-accent);background:var(--ds-color-surface);border-radius:50%}.ds-sync-stage>strong{font-size:var(--ds-type-small);line-height:1.35}.ds-sync-stage>span:nth-child(3){color:var(--ds-color-muted);font-size:13px;line-height:1.4}.ds-sync-stage-arrow{position:absolute;z-index:1;top:28px;right:-15px;color:var(--ds-color-muted)}.ds-sync-branch{display:grid;grid-template-columns:1fr 1fr;gap:20%;height:30px;padding-inline:25%}.ds-sync-branch span{border-left:1px solid var(--ds-color-control);border-bottom:1px solid var(--ds-color-control)}.ds-sync-outputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ds-sync-output{min-width:0;padding:18px;border-radius:var(--ds-radius)}.ds-sync-code{background:var(--ds-color-divider)}.ds-sync-figma{background:color-mix(in srgb,var(--ds-color-accent) 12%,var(--ds-color-canvas))}.ds-sync-output-title{display:flex;align-items:center;gap:9px}.ds-sync-output-title>svg{flex:0 0 auto;color:var(--ds-color-accent)}.ds-sync-output p{margin:10px 0 14px;color:var(--ds-color-muted);font-size:var(--ds-type-small)}.ds-sync-label{display:inline-block;padding:4px 8px;background:var(--ds-color-canvas);border-radius:4px;font-size:12px;font-weight:650}.ds-sync-agent{display:flex;align-items:center;gap:12px;margin:14px 0 0;padding:13px 16px;background:var(--ds-color-canvas);border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius)}.ds-sync-agent-mark{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;color:var(--ds-color-accent);background:var(--ds-color-surface);border-radius:50%}.ds-sync-agent>span:nth-child(2){display:grid;gap:2px}.ds-sync-agent small,.ds-sync-agent-note{color:var(--ds-color-muted);font-size:13px}.ds-sync-agent>.ds-icon{margin-left:auto;flex:0 0 auto;color:var(--ds-color-muted)}.ds-sync-agent-note{max-width:190px}.ds-sync-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:30px 0}.ds-sync-detail-grid>div{min-width:0}.ds-sync-detail-grid h3{margin:10px 0 8px;font-size:var(--ds-type-heading)}.ds-sync-detail-grid p{color:var(--ds-color-muted);font-size:var(--ds-type-small)}.ds-sync-live-example{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;padding:18px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius)}.ds-sync-live-example>div:first-child{display:grid;gap:7px}.ds-sync-live-controls{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.ds-sync-live-controls code{color:var(--ds-color-muted);font-size:12px}.ds-sync-footnote{display:flex;align-items:center;gap:8px;margin-top:12px;color:var(--ds-color-muted);font-size:var(--ds-type-small)}.ds-sync-rider-spec{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin-top:14px;padding:18px;background:var(--ds-color-surface);border-radius:var(--ds-radius)}.ds-sync-rider-copy{display:grid;gap:8px;min-width:0}.ds-sync-rider-copy>strong{font-size:var(--ds-type-heading)}.ds-sync-rider-copy p{color:var(--ds-color-muted);font-size:var(--ds-type-small)}.ds-sync-rider-copy code{color:var(--ds-color-muted);font-size:12px;overflow-wrap:anywhere}.ds-sync-rider-spec .ds-car-climate{width:min(100%,240px)}.ds-topic-hero{display:grid;grid-template-columns:minmax(180px,.72fr) minmax(0,1.55fr);align-items:center;gap:clamp(20px,3vw,40px);min-width:0;margin:0 0 var(--ds-space-6);padding:clamp(18px,3vw,30px);border-radius:var(--ds-radius);background:var(--ds-color-surface);overflow:hidden}.ds-topic-hero-copy{min-width:0}.ds-topic-hero-copy>span:first-child,.ds-topic-hero-type{display:block;color:var(--ds-color-muted);font-size:12px;font-weight:650;letter-spacing:.07em;text-transform:uppercase}.ds-topic-hero-copy h2{margin:12px 0 10px;font-size:clamp(24px,3vw,36px);line-height:1.08;letter-spacing:-.035em}.ds-topic-hero-copy p{color:var(--ds-color-muted);font-size:var(--ds-type-small)}.ds-topic-hero-type{margin-top:18px;color:var(--ds-color-accent);letter-spacing:.035em}.ds-topic-hero-preview{min-width:0}.ds-mini-screen--compact{min-height:248px;max-height:min(42vh,400px);overflow:auto;overscroll-behavior:contain;padding:18px}.ds-mini-screen--compact .ds-mini-screen__body{gap:14px}.ds-mini-screen--compact .ds-mini-title{font-size:22px}.ds-topic-hero--buttons{background:color-mix(in srgb,var(--ds-color-accent) 8%,var(--ds-color-surface))}.ds-topic-hero--errors,.ds-topic-hero--accessibility{background:color-mix(in srgb,var(--ds-color-warning) 9%,var(--ds-color-surface))}.ds-topic-hero--status,.ds-topic-hero--states{background:color-mix(in srgb,var(--ds-color-success) 8%,var(--ds-color-surface))}.ds-topic-hero--driving{background:var(--ds-color-text);color:var(--ds-color-canvas)}.ds-topic-hero--driving .ds-topic-hero-copy p,.ds-topic-hero--driving .ds-topic-hero-copy>span:first-child{color:color-mix(in srgb,var(--ds-color-canvas) 72%,transparent)}.ds-topic-hero--driving .ds-topic-hero-type{color:var(--ds-color-focus)}.ds-foundation-hero{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,1.45fr);align-items:center;gap:clamp(20px,4vw,52px);margin-bottom:var(--ds-space-6);padding:clamp(20px,3vw,34px);border-radius:var(--ds-radius);background:var(--ds-color-surface);overflow:hidden}.ds-foundation-hero-copy>span{color:var(--ds-color-muted);font-size:12px;font-weight:650;letter-spacing:.07em;text-transform:uppercase}.ds-foundation-hero-copy h2{margin:10px 0;font-size:clamp(28px,4vw,44px);line-height:1.05;letter-spacing:-.04em}.ds-foundation-hero-copy p{color:var(--ds-color-muted);font-size:var(--ds-type-small)}.ds-foundation-specimen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}.ds-foundation-token{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:5px 10px;min-width:0;padding:10px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-canvas)}.ds-foundation-token>strong{min-width:0;font-size:13px}.ds-foundation-token>code{grid-column:2;min-width:0;color:var(--ds-color-muted);font-size:11px;overflow-wrap:anywhere}.ds-foundation-color{width:36px;height:36px;border:1px solid var(--ds-color-control);border-radius:var(--ds-radius)}.ds-foundation-space-track{display:flex;width:36px;height:36px;align-items:center;overflow:hidden}.ds-foundation-space-track i{display:block;max-width:100%;height:12px;background:var(--ds-color-accent)}.ds-foundation-type{grid-column:1 / -1;min-width:0;line-height:1.05;overflow-wrap:anywhere}.ds-foundation-radius{display:grid;width:40px;height:34px;place-items:center;border:1px solid var(--ds-color-control);background:var(--ds-color-divider)}.ds-foundation-specimen--typography .ds-foundation-token{grid-template-columns:minmax(0,1fr)}.ds-foundation-specimen--typography .ds-foundation-token>code{grid-column:1}.ds-foundation-specimen--radius .ds-foundation-token{grid-template-columns:48px minmax(0,1fr)}.ds-foundation-loading{grid-column:1 / -1;color:var(--ds-color-muted)}.ds-rider-spec{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:20px;margin-block:var(--ds-space-6);padding:clamp(18px,3vw,28px);border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius)}.ds-rider-spec-copy{display:grid;gap:8px;min-width:0}.ds-rider-spec-copy>span{color:var(--ds-color-muted);font-size:12px;font-weight:650;letter-spacing:.06em;text-transform:uppercase}.ds-rider-spec-copy>strong{font-size:var(--ds-type-heading)}.ds-rider-spec-copy p{color:var(--ds-color-muted);font-size:var(--ds-type-small)}.ds-rider-spec-copy code{color:var(--ds-color-muted);font-size:12px;overflow-wrap:anywhere}.ds-rider-spec-demo{min-width:0}.ds-rider-spec-demo .ds-car-climate{width:min(100%,260px);margin-inline:auto}.ds-rider-button-demo,.ds-rider-summary-demo{display:grid;justify-items:start;gap:14px}.ds-rider-summary-demo .ds-car-trip-copy{width:100%}.ds-rider-theme-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.ds-rider-theme-list li{display:grid;gap:5px;padding:10px;border-radius:var(--ds-radius);background:var(--ds-color-surface)}.ds-rider-theme-list strong{font-size:var(--ds-type-small)}.ds-rider-theme-list span{color:var(--ds-color-muted);font-size:12px}@media (max-width: 767px){.ds-principles-hero{grid-template-columns:minmax(0,1fr);padding:20px}.ds-principles-hero-lead{position:static}.ds-principles-hero ol{grid-template-columns:minmax(0,1fr)}.ds-principles-hero li{grid-template-columns:24px 22px minmax(0,1fr)}.ds-sync-flow{grid-template-columns:minmax(0,1fr);gap:8px}.ds-sync-stage{grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:2px 10px;padding:10px 12px}.ds-sync-stage-icon{grid-row:1 / 3}.ds-sync-stage>span:nth-child(3){grid-column:2}.ds-sync-stage-arrow{top:auto;right:16px;bottom:-15px;transform:rotate(90deg)}.ds-sync-branch{height:20px;padding-inline:25%}.ds-sync-outputs{grid-template-columns:minmax(0,1fr)}.ds-sync-agent{align-items:flex-start;flex-wrap:wrap}.ds-sync-agent-note{flex-basis:100%;max-width:none;padding-left:46px}.ds-sync-detail-grid{grid-template-columns:minmax(0,1fr);gap:20px}.ds-sync-live-example{align-items:flex-start;flex-direction:column}.ds-sync-rider-spec{grid-template-columns:minmax(0,1fr)}.ds-sync-rider-spec .ds-car-climate{width:100%}.ds-topic-hero,.ds-foundation-hero{grid-template-columns:minmax(0,1fr);gap:18px}.ds-topic-hero-copy h2{font-size:28px}.ds-mini-screen--compact{min-height:220px;max-height:360px;padding:14px}.ds-foundation-specimen{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-rider-spec{grid-template-columns:minmax(0,1fr)}.ds-rider-spec-demo .ds-car-climate{width:100%}}.design-system-page{font-family:var(--ds-font);font-size:17px;line-height:1.6}.ds-doc-page-header h1{font-size:clamp(34px,4vw,44px);line-height:1.08;letter-spacing:-.035em}.ds-doc-page-header>p,.ds-doc-section>p,.ds-doc-overview-directory>p{font-size:17px;line-height:1.65}.ds-doc-section h2,.ds-doc-overview-directory>h2,.ds-doc-directory-group h2{font-size:clamp(25px,2.6vw,30px);line-height:1.18;letter-spacing:-.025em}.ds-doc-section h3,.ds-doc-overview-directory h3{font-size:21px;line-height:1.3;letter-spacing:-.012em}.ds-doc-sidebar a,.ds-doc-sidebar-group summary,.ds-doc-contract-state,.ds-doc-mobile-nav-label{font-size:15px}.ds-doc-sidebar a{line-height:1.4}.ds-foundation-hero,.ds-principles-hero,.ds-sync-map{border:0;background:transparent}.ds-principles-hero{padding-inline:0}.ds-principles-hero li{grid-template-columns:22px minmax(0,1fr);border-top:0}.ds-principles-hero li>span:last-child{grid-column:2}.ds-topic-hero--buttons,.ds-topic-hero--errors,.ds-topic-hero--accessibility,.ds-topic-hero--status,.ds-topic-hero--states{background:transparent}.ds-topic-hero--driving{background:transparent;color:var(--ds-color-text)}.ds-topic-hero--driving .ds-topic-hero-copy p,.ds-topic-hero--driving .ds-topic-hero-copy>span:first-child{color:var(--ds-color-muted)}.ds-topic-hero--driving .ds-topic-hero-type{color:var(--ds-color-accent)}.ds-topic-hero{grid-template-columns:minmax(190px,.68fr) minmax(0,1.32fr);gap:clamp(24px,4vw,56px);padding:clamp(10px,2vw,22px) 0;border:0;border-radius:0;background:transparent;overflow:visible}.ds-topic-hero-copy>span:first-child,.ds-topic-hero-type,.ds-foundation-hero-copy>span{font-size:13px;letter-spacing:.075em}.ds-topic-hero-copy h2{font-size:clamp(28px,3vw,38px);line-height:1.08}.ds-topic-hero-copy p{max-width:34ch}.ds-topic-hero-copy p,.ds-foundation-hero-copy p{font-size:16px;line-height:1.6}.ds-mini-screen--compact{min-height:0;max-height:none;overflow:visible;padding:0;border:0;border-radius:0;background:transparent;color:var(--ds-color-text);box-shadow:none}.ds-mini-screen--compact .ds-mini-screen__body{gap:16px}.ds-mini-screen--compact .ds-mini-title{font-size:clamp(22px,2.3vw,28px);line-height:1.2;letter-spacing:-.025em}.ds-topic-hero-preview{width:100%;align-self:center}.ds-topic-hero-preview>.ds-mini-screen--compact{width:100%;max-width:none}.ds-mini-screen__eyebrow,.ds-mini-screen .ds-mini-subtitle,.ds-mini-screen .ds-status{font-size:15px;line-height:1.5}.ds-foundation-hero-copy h2{font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-.035em}.ds-foundation-token{gap:7px 12px;padding:12px}.ds-foundation-token>strong{font-size:15px;line-height:1.35}.ds-foundation-token>code,.ds-sync-live-controls code,.ds-sync-rider-copy code,.ds-rider-spec-copy code{font-size:13px;line-height:1.45}.ds-sync-heading h2{font-size:clamp(34px,5vw,58px);line-height:1.04;letter-spacing:-.045em}.ds-sync-heading>p,.ds-sync-detail-grid p,.ds-sync-rider-copy p,.ds-rider-spec-copy p{font-size:16px;line-height:1.6}.ds-sync-stage>strong,.ds-sync-output-title,.ds-sync-detail-grid h3,.ds-sync-rider-copy>strong,.ds-rider-spec-copy>strong{font-size:18px;line-height:1.35}.ds-sync-stage>span:nth-child(3),.ds-sync-agent small,.ds-sync-agent-note,.ds-sync-label,.ds-rider-theme-list span{font-size:14px;line-height:1.45}.ds-sync-output p{font-size:15px;line-height:1.55}.ds-doc-style-specimens,.ds-doc-quick-checks,.ds-doc-ai-steps,.ds-guidance-points{font-size:16px;line-height:1.55}.ds-guidance-case>p,.ds-guidance-caption,.ds-doc-driving-note{font-size:16px;line-height:1.55}@media (max-width: 767px){.ds-topic-hero{grid-template-columns:minmax(0,1fr);gap:18px;padding-block:8px 18px}.ds-foundation-hero{gap:18px;padding:20px}.ds-mini-screen--compact{min-height:0;max-height:none;padding:0}.ds-topic-hero-copy h2{font-size:30px}.ds-foundation-specimen{grid-template-columns:repeat(2,minmax(0,1fr))}}.ride-case-study-scroll.ds-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:56px;height:56px;min-width:56px;min-height:56px;padding:0;border-radius:50%;background:var(--ds-color-accent);color:var(--ds-color-on-accent)}.ride-case-study-scroll__arrow{animation:ride-case-study-arrow-bounce 1.6s ease-in-out infinite}.ride-case-study-prototype{scroll-margin-top:96px}.ride-case-study-progress{position:fixed;inset:0 auto auto 0;z-index:60;width:100%;height:2px;transform-origin:left center;background:var(--ds-color-accent);pointer-events:none}.ride-case-study-stat{min-width:0;padding-block:1rem 1.25rem}.ride-case-study-stat__value{margin:.35rem 0 0;color:var(--ds-color-accent);font-size:clamp(56px,9vw,112px);font-weight:600;line-height:.92;letter-spacing:-.065em;font-variant-numeric:tabular-nums}.ride-case-study-stat__value>span:first-child{display:inline-block;min-width:3ch}.ride-case-study-theme-selector{display:flex;max-width:100%;flex-wrap:wrap;justify-content:flex-start;gap:4px}.ride-case-study-theme-selector .ds-button{min-height:38px;padding:6px 11px;font-size:14px;white-space:nowrap}.ride-case-study-specimens{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,2vw,24px);min-width:0}.ride-case-study-specimen{min-width:0;margin:0}.ride-case-study-specimen--trip,.ride-case-study-specimen--climate{grid-column:span 7}.ride-case-study-specimen--actions,.ride-case-study-specimen--music{grid-column:span 5}.ride-case-study-static__frame{min-width:0;height:auto;overflow:visible}.ride-case-study-static__screen{position:relative!important;display:block!important;width:100%;height:auto!important;min-height:0!important;overflow:visible!important;padding:clamp(16px,2.2vw,26px);border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-canvas);color:var(--ds-color-text)}.ride-case-study-static__screen .ds-car-panel{width:100%;height:auto;min-width:0;min-height:0;max-height:none;overflow:visible!important}.ride-case-study-comparison{min-width:0;margin:0}.ride-case-study-comparison__samples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:clamp(12px,2vw,24px)}.ride-case-study-comparison__sample{display:flex;min-width:0;flex-direction:column;gap:8px}.ride-case-study-comparison__identity{margin:0;color:var(--ds-color-muted);font-size:14px;font-weight:600;line-height:1.35}.ride-case-study-comparison .ride-case-study-static__screen{display:flex!important;min-height:190px!important;flex:1;align-items:center;padding:clamp(18px,2.4vw,30px);min-width:0}.ride-case-study-comparison .ds-car-panel{margin:0}.ride-case-study-comparison .ds-car-trip-copy{gap:10px}.ride-case-study-comparison .ds-car-status{font-size:clamp(18px,2vw,25px)}.ride-case-study-comparison .ds-car-destination{font-size:clamp(20px,2.5vw,32px);line-height:1.1}.ride-case-study-car-info{width:100%;height:286px;min-height:0;overflow:hidden;border-radius:var(--ds-radius);background:var(--ride-app-surface, var(--ds-color-canvas))}.ride-case-study-feedback-panel{display:grid;width:100%;justify-items:start;gap:16px}.ride-case-study-feedback-panel .ds-ride-action-feedback{min-height:54px;font-size:clamp(18px,2vw,24px)}.ride-case-study-climate-compare{display:grid;width:100%;min-height:120px;align-content:center;gap:16px}.ride-case-study-climate-compare .ds-car-climate{justify-content:flex-start;flex-wrap:wrap;gap:10px}.ride-case-study-climate-compare .ds-car-temp{font-size:clamp(24px,2.4vw,32px)}.ride-case-study-static__screen .ds-car-trip-copy{min-width:0}.ride-case-study-static__screen .ds-car-destination-row{align-items:center;flex-wrap:wrap;gap:8px 12px}.ride-case-study-static__screen .ds-car-destination,.ride-case-study-static__screen .ds-car-destination-sub{min-width:0;white-space:normal;overflow-wrap:anywhere}.ride-case-study-static__screen .ds-car-panel .ds-car-actions{min-width:0;flex-wrap:wrap!important}.ride-case-study-static__screen .ds-car-panel .ds-car-actions>.ds-button{flex:0 1 auto!important;width:auto!important;min-width:0!important;max-width:100%!important;white-space:normal!important;text-align:left}.ride-case-study-trip-panel .ds-car-eta{min-height:0}.ride-case-study-action-panel{gap:clamp(16px,2vw,24px)}.ride-case-study-action-panel .ds-car-actions{gap:8px}.ride-case-study-stop-feedback{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:8px 14px;padding-top:14px;border-top:1px solid var(--ds-color-divider)}.ride-case-study-stop-feedback__label,.ride-case-study-climate-panel__label{color:var(--ds-color-muted);font-size:var(--ds-type-small);font-weight:600}.ride-case-study-music-panel{display:flex;min-height:112px;align-items:center}.ride-case-study-music-panel .ds-car-media{width:100%;min-width:0}.ride-case-study-music-panel .ds-car-media-row,.ride-case-study-music-panel .ds-car-now,.ride-case-study-music-panel .ds-car-now-text{min-width:0}.ride-case-study-music-panel .ds-car-now-text strong,.ride-case-study-music-panel .ds-car-now-text>span{overflow-wrap:anywhere;white-space:normal}.ride-case-study-climate-panel{display:flex;min-height:112px;flex-direction:column;justify-content:center;gap:14px}.ride-case-study-climate-panel .ds-car-climate{min-width:0;flex-wrap:wrap;justify-content:flex-start;gap:4px}.ride-case-study-specimen__caption{display:grid;gap:4px;padding:10px 2px 0;font-size:14px;line-height:1.4}.ride-case-study-comparison__caption{display:grid;gap:5px;max-width:68ch;padding:12px 2px 0;font-size:15px;line-height:1.45}.ride-case-study-comparison__caption strong,.ride-case-study-specimen__caption strong{color:var(--ds-color-text);font-weight:600}.ride-case-study-static__frame *,.ride-case-study-static__frame *:before,.ride-case-study-static__frame *:after{animation:none!important;transition:none!important}@keyframes ride-case-study-arrow-bounce{0%,to{transform:translateY(-3px)}50%{transform:translateY(3px)}}@media (max-width: 767px){.ride-case-study-specimen--trip,.ride-case-study-specimen--actions,.ride-case-study-specimen--music,.ride-case-study-specimen--climate{grid-column:1 / -1}.ride-case-study-static__screen{padding:16px}.ride-case-study-comparison__samples{grid-template-columns:1fr;gap:18px}.ride-case-study-comparison .ride-case-study-static__screen{min-height:172px!important;padding:18px}.ride-case-study-car-info{height:260px}}@media (prefers-reduced-motion: reduce){.ride-case-study-scroll__arrow{animation:none}}.review-app{font-family:var(--ds-font);--review-text: 18px;--review-small: 16px;font-size:var(--review-text);line-height:1.6}.component-review .ds-product-header{position:sticky;top:0;z-index:30}.component-review-workspace{grid-template-columns:repeat(12,minmax(0,1fr))}@media (min-width: 1024px){.component-review{display:flex;height:100dvh;flex-direction:column;overflow:hidden}.component-review>.ds-product-header{flex:none}.component-review-main{flex:1}}.review-app :is([class~="text-[10px]"],[class~="text-[11px]"],[class~="text-[12px]"],[class~="text-[13px]"],[class~="text-[14px]"]){font-size:var(--review-small);line-height:1.5}.review-app :is([class~="text-[15px]"],[class~="text-[16px]"],[class~="text-[17px]"],.review-check-row button,input,select,textarea){font-size:var(--review-text);line-height:1.5}.review-app :is(button,select,summary,a,.review-check-row label){min-height:44px}.review-app input:not([type=checkbox]){min-height:44px}.review-app .review-check-row label{width:44px}.review-app input[type=checkbox]{width:22px;height:22px;flex-shrink:0}.review-app .review-check-row svg{width:20px;height:20px}.review-app :is([class~="text-[#8e8e93]"],[class~="text-[#a1a1a6]"]){color:#c7c7cc}.review-app :is(input,textarea)::placeholder{color:#b8b8be;opacity:1}.review-app :is(button,input,select,textarea,summary,a):focus-visible{outline:3px solid var(--ds-color-focus);outline-offset:3px}.review-app [data-testid=figma-frame] label{grid-template-columns:minmax(0,1fr);gap:4px}.review-app [data-testid=figma-frame] select{padding-right:28px}.component-review-actions{flex-wrap:wrap}.component-review-actions .ds-button{padding-inline:var(--ds-space-3)}.review-app .ds-grid>*{min-width:0}.review-app a{overflow-wrap:anywhere}.review-app main a{display:inline-flex;align-items:center}.review-app main a:has(img,video){display:block}.review-app .review-step-tab>span:first-child{flex-direction:row;justify-content:flex-start;gap:var(--ds-space-2)}.review-app .review-step-tab>span:last-child{margin-top:var(--ds-space-1)}.review-app nav[aria-label="Review steps"]{row-gap:var(--ds-space-2)}.review-app .review-step-tab{display:flex;justify-content:space-between;align-items:center;padding-inline:var(--ds-space-3)}@media (min-width: 768px){.review-app .review-step-tab{display:block}.component-review-actions .ds-button{padding-inline:var(--ds-space-4)}}.review-app *:not(.ds-car,.ds-car *),.review-app *:not(.ds-car,.ds-car *):before,.review-app *:not(.ds-car,.ds-car *):after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.screen-review{min-height:100dvh;color:var(--ds-color-text);font:var(--ds-type-body)/1.4 var(--ds-font)}.screen-review-content{padding-bottom:var(--ds-space-8)}.screen-review-page-title{display:flex;min-height:52px;align-items:center;gap:var(--ds-space-3);margin-bottom:var(--ds-space-3)}.screen-review-page-title h1{font-size:var(--ds-type-page);font-weight:600;letter-spacing:-.025em}.screen-review :is(input,select,textarea){min-width:0;color:var(--ds-color-text);font:inherit}.screen-review select option{color:var(--ds-color-text);background:var(--ds-color-surface)}.screen-review :is(input:not([type=checkbox]),select,textarea){min-height:var(--ds-control-height);border:1px solid var(--ds-color-control);border-radius:var(--ds-radius);background:var(--ds-color-surface);padding:var(--ds-space-2) var(--ds-space-3)}.screen-review textarea{display:block;width:100%;resize:vertical;line-height:1.3;overflow-wrap:anywhere}.screen-review textarea::placeholder,.screen-review input::placeholder{color:#b8b8be;opacity:1}.screen-review-meta{align-items:end;padding-block:var(--ds-space-4);border-bottom:1px solid var(--ds-color-divider)}.screen-review-meta>*{grid-column:span 12;min-width:0}.screen-review-control{display:grid;gap:var(--ds-space-2);min-width:0}.screen-review-control>span{color:var(--ds-color-muted);font-size:var(--ds-type-small)}.screen-review-control :is(select,input){width:100%}.screen-review-delete{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-2)}.screen-review-workspace{align-items:start;padding-top:var(--ds-space-4)}.screen-review-checks{min-width:0}.screen-review-check-heading{display:flex;justify-content:flex-start;gap:var(--ds-space-4);padding-bottom:var(--ds-space-2);color:var(--ds-color-muted);font-size:var(--ds-type-small);font-weight:600}.screen-review-verdict-key{padding-block:var(--ds-space-2) var(--ds-space-4);color:var(--ds-color-muted);font-size:var(--ds-type-small)}.screen-review-check-grid{row-gap:0}.screen-review-check{display:grid;grid-column:span 12;grid-template-columns:minmax(0,1fr);align-content:start;align-items:start;gap:var(--ds-space-3) var(--ds-space-2);min-width:0;padding-block:var(--ds-space-4);border-bottom:1px solid var(--ds-color-divider)}.screen-review-checks>p:last-child{padding-block:var(--ds-space-3) 0}.screen-review-question{grid-column:1 / -1;min-width:0;overflow-wrap:anywhere}.screen-review-question h2{display:block;margin-right:var(--ds-space-2);font-size:var(--ds-type-body);font-weight:600}.screen-review-question h2 .ds-icon{width:18px;height:18px}.screen-review-question p{display:block;margin-top:var(--ds-space-1);color:var(--ds-color-muted);font-size:var(--ds-type-small);line-height:1.4}.screen-review-verdict{min-width:0}.screen-review-verdict select{width:100%;padding-right:var(--ds-space-8)}.screen-review-notes{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;align-items:center;gap:var(--ds-space-2)}.screen-review-notes textarea{padding-inline:var(--ds-space-2);font-size:var(--ds-type-small);line-height:1.35}.screen-review-mobile-label{display:block;margin-bottom:var(--ds-space-1);color:var(--ds-color-muted);font-size:var(--ds-type-small)}.screen-review-fixed{display:inline-flex;min-height:var(--ds-control-height);width:fit-content;align-items:center;gap:var(--ds-space-2);color:var(--ds-color-text);font-size:var(--ds-type-small);white-space:nowrap}.screen-review-fixed input{width:20px;height:20px;accent-color:var(--ds-color-text)}.screen-review-ai{display:flex;min-width:0;flex-direction:column;gap:var(--ds-space-3);padding-top:var(--ds-space-4);border-top:1px solid var(--ds-color-divider);border-radius:var(--ds-radius)}.screen-review-ai>div:first-child{min-height:48px;flex-direction:column;align-items:flex-start}.screen-review-ai h2{font-size:var(--ds-type-section)}.screen-review-ai textarea{min-height:220px;flex:1;resize:none;padding:var(--ds-space-4);font-size:var(--ds-type-small);line-height:1.5}@media (min-width: 768px){.screen-review-content{padding-bottom:var(--ds-space-6)}.screen-review-page-title{min-height:44px;margin-bottom:var(--ds-space-1)}.screen-review-meta>.screen-review-control{grid-column:span 4}.screen-review-meta>.ds-button{grid-column:span 2}.screen-review-meta>.screen-review-task{grid-column:span 8}.screen-review-workspace{padding-top:var(--ds-space-3)}.screen-review-check-heading{justify-content:space-between}.screen-review-verdict-key{padding-bottom:var(--ds-space-3)}.screen-review-check-grid{row-gap:var(--ds-space-2)}.screen-review-check{grid-column:span 6;grid-template-columns:minmax(104px,.85fr) minmax(0,1.15fr);row-gap:var(--ds-space-2);padding-block:var(--ds-space-3);border-radius:var(--ds-radius)}.screen-review-question h2{display:inline-flex;align-items:center;gap:var(--ds-space-2)}.screen-review-question p{display:inline;margin-top:0}.screen-review-mobile-label{display:none}.screen-review-notes{grid-template-columns:minmax(0,1fr) auto}.screen-review-ai>div:first-child{flex-direction:row;align-items:center;flex-wrap:wrap}.screen-review-ai textarea{min-height:260px}}.screen-review-guided .screen-review-page-title{min-height:80px;margin:0}.screen-review-guided .screen-review-meta{gap:var(--ds-space-4);padding-block:var(--ds-space-6)}.screen-review-guided .screen-review-meta>.screen-review-picker{grid-column:span 8}.screen-review-guided .screen-review-meta>.review-new{grid-column:span 4}.screen-review-guided .screen-review-meta>.review-delete-toggle{justify-self:start}.screen-review-guided .screen-review-delete{padding-top:var(--ds-space-3)}.review-empty{display:grid;justify-items:start;gap:var(--ds-space-4);padding-block:var(--ds-space-12)}.review-empty h2{font-size:var(--ds-type-section);font-weight:600}.review-empty p{color:var(--ds-color-muted)}.review-storage-error{padding-block:var(--ds-space-4)}.review-scorecard{align-items:center;padding-block:var(--ds-space-4);row-gap:var(--ds-space-3)}.review-scorecard>*{grid-column:span 12;min-width:0}.review-progress{display:grid;gap:var(--ds-space-2)}.review-progress strong{font-size:20px;font-weight:600}.review-progress progress{width:100%;height:var(--ds-space-2);overflow:hidden;border:0;border-radius:var(--ds-radius);background:var(--ds-color-surface);accent-color:var(--ds-color-accent)}.review-progress progress::-webkit-progress-bar{background:var(--ds-color-surface)}.review-progress progress::-webkit-progress-value{background:var(--ds-color-accent)}.review-progress progress::-moz-progress-bar{background:var(--ds-color-accent)}.review-counts{display:flex;flex-wrap:wrap;gap:var(--ds-space-2)}.review-count-chip{display:inline-flex;min-height:var(--ds-control-height);align-items:center;gap:var(--ds-space-2);border-radius:var(--ds-radius);padding:var(--ds-space-2) var(--ds-space-3);color:var(--ds-color-on-accent);font-size:var(--ds-type-small);font-weight:600}.review-count-chip[data-tone=works]{background:var(--ds-color-success)}.review-count-chip[data-tone=improve]{background:var(--ds-color-warning)}.review-count-chip[data-tone=blocker]{background:var(--ds-color-danger)}.review-readiness{display:flex;align-items:center;min-height:var(--ds-control-height)}.review-handoff-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-3)}.review-check-list.ds-grid{row-gap:0;align-items:start}.review-check-card{display:grid;grid-column:span 12;min-width:0;gap:var(--ds-space-3);padding:var(--ds-space-3) 0;border-top:1px solid var(--ds-color-divider);overflow-wrap:anywhere}.review-check-card:first-child{border-top:0;padding-top:0}.review-check-card[data-verdict=works]{--review-tone: var(--ds-color-success)}.review-check-card[data-verdict=improve]{--review-tone: var(--ds-color-warning)}.review-check-card[data-verdict=blocker]{--review-tone: var(--ds-color-danger)}.review-card-text{display:grid;gap:var(--ds-space-1);min-width:0}.review-card-text h2 .ds-icon{color:var(--review-tone, currentColor)}.review-card-text h2{display:flex;align-items:center;gap:var(--ds-space-2);font-size:18px;font-weight:650;line-height:1.3}.review-card-question{color:var(--ds-color-muted);font-size:var(--ds-type-small);line-height:1.4}.review-verdicts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-space-2)}.review-verdicts button{min-height:var(--ds-control-height);padding-inline:var(--ds-space-2);border:1px solid var(--ds-color-control);border-radius:var(--ds-radius);background:transparent;color:var(--ds-color-text);font:600 var(--ds-type-body) var(--ds-font);cursor:pointer}.review-verdicts button:hover{background:var(--ds-color-divider)}.review-verdicts button[aria-pressed=true]{color:var(--ds-color-on-accent);border-color:transparent}.review-verdicts button[data-verdict=works][aria-pressed=true]{background:var(--ds-color-success)}.review-verdicts button[data-verdict=improve][aria-pressed=true]{background:var(--ds-color-warning)}.review-verdicts button[data-verdict=blocker][aria-pressed=true]{background:var(--ds-color-danger)}.review-card-notes{display:grid;gap:var(--ds-space-2);min-width:0}.review-card-notes textarea{min-height:56px;line-height:1.4}.review-card-fixed{display:inline-flex;min-height:var(--ds-control-height);align-items:center;gap:var(--ds-space-2)}.review-card-fixed input{width:20px;height:20px;accent-color:var(--review-tone)}@media (min-width: 768px){.screen-review-guided .screen-review-meta>.screen-review-picker{grid-column:span 7}.screen-review-guided .screen-review-meta>.review-new{grid-column:span 2}.screen-review-guided .screen-review-meta>.review-delete-toggle{grid-column:11 / span 2;justify-self:end}.screen-review-guided .screen-review-meta>.screen-review-name,.screen-review-guided .screen-review-meta>.screen-review-task{grid-column:span 6;grid-row:2}.review-scorecard>.review-progress{grid-column:span 4}.review-scorecard>.review-counts{grid-column:span 8}.review-scorecard>.review-readiness{grid-column:span 6}.review-scorecard>.review-handoff-actions{grid-column:span 6;justify-content:flex-end}.review-check-card{grid-column:span 12}}@media (min-width: 1200px){.review-scorecard>.review-progress{grid-column:span 3}.review-scorecard>.review-counts{grid-column:span 4}.review-scorecard>.review-readiness{grid-column:span 3}.review-scorecard>.review-handoff-actions{grid-column:span 2}.review-check-card{grid-column:span 12;grid-template-columns:minmax(0,5fr) minmax(300px,3fr) minmax(0,4fr);align-items:center;padding:var(--ds-space-3) 0}.review-card-notes{grid-template-columns:minmax(0,1fr) auto;align-items:center}.review-card-notes textarea{min-height:44px}}@media (prefers-reduced-motion: reduce){.review-check-card{transition:none}}@media (forced-colors: active){.review-verdicts button[aria-pressed=true]{border:2px solid Highlight;color:HighlightText;background:Highlight}}.screen-review-layout{align-items:start;row-gap:var(--ds-space-6)}.screen-review-side{display:grid;gap:var(--ds-space-2);min-width:0}@media (min-width: 1024px){.screen-review-side>.ds-grid{grid-template-columns:minmax(0,1fr)}.screen-review-guided .screen-review-meta,.screen-review-guided .screen-review-meta>*,.review-scorecard>*{grid-column:1!important;grid-row:auto!important;justify-self:stretch!important}.screen-review-guided .screen-review-meta{padding-block:0}.screen-review-guided .screen-review-meta>.review-delete-toggle{justify-self:start!important}.review-scorecard{padding-block:0;row-gap:var(--ds-space-4)}.review-scorecard>.review-handoff-actions{justify-content:flex-start;flex-wrap:wrap}.review-counts{flex-wrap:wrap}.review-check-card{grid-column:span 12}}@media (min-width: 1200px){.review-check-card{grid-template-columns:minmax(0,5fr) minmax(260px,3fr) minmax(0,4fr)}}.screen-review-guided .screen-review-page-title{padding-top:40px;min-height:0;margin-bottom:var(--ds-space-4)}@media (min-width: 1024px){.screen-review-guided .screen-review-page-title{padding-top:50px}}.review-check-list+.review-browser-note{margin-top:var(--ds-space-6)}.review-verdicts button{padding-inline:var(--ds-space-1);font-size:var(--ds-type-small);white-space:nowrap}@media (min-width: 1200px){.review-check-card{grid-template-columns:minmax(0,5fr) minmax(230px,3fr) minmax(0,4fr)}}.design-system-page .ds-figma-export{grid-column:1 / -1;min-width:0}.design-system-page .ds-figma-export__intro{max-width:68ch;margin-block:0 var(--ds-space-6)}.design-system-page .ds-figma-export__grid{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-space-6) var(--ds-grid-gap);align-items:start}.design-system-page .ds-figma-export__area{grid-column:span 5;min-width:0;padding:var(--ds-space-4);border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius-medium);background:var(--ds-color-surface)}.design-system-page .ds-figma-export__area:nth-child(2){grid-column:span 4}.design-system-page .ds-figma-export__area h3{margin:0 0 var(--ds-space-2)}.design-system-page .ds-figma-export__area>p{margin:0 0 var(--ds-space-4);max-width:58ch}.design-system-page .ds-figma-export__preview{margin-block:var(--ds-space-3);min-width:0;border-block:1px solid var(--ds-color-divider)}.design-system-page .ds-figma-export__preview summary{padding:var(--ds-space-3) 0;color:var(--ds-color-text);font-weight:650;cursor:pointer}.design-system-page .ds-figma-export__preview summary::marker{color:var(--ds-color-accent)}.design-system-page .ds-figma-export__preview pre{max-width:100%;max-height:32rem;overflow:auto;margin:0 0 var(--ds-space-4);padding:var(--ds-space-4);border-radius:var(--ds-radius);background:var(--ds-color-canvas);color:var(--ds-color-text);font:inherit;font-size:.9em;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.design-system-page .ds-figma-export__download{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-space-2) var(--ds-space-3);margin-top:var(--ds-space-4)}.design-system-page .ds-figma-export__download-control{display:inline-flex;min-height:var(--ds-control-height);align-items:center;justify-content:center;gap:var(--ds-space-2);margin-top:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-4);border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-surface);color:var(--ds-color-text);font:600 var(--ds-type-body)/1.35 var(--ds-font);text-decoration:none}.design-system-page .ds-figma-export__download-control:hover{border-color:var(--ds-color-accent);background:var(--ds-color-surface)}.design-system-page .ds-figma-export__status{flex-basis:100%;margin:0;color:var(--ds-color-muted);font-size:.9em}.design-system-page .ds-figma-export__guidelines{display:grid;gap:var(--ds-space-4);margin:0;padding:0;list-style:none}.design-system-page .ds-figma-export__guideline{min-width:0;padding-top:var(--ds-space-3);border-top:1px solid var(--ds-color-divider)}.design-system-page .ds-figma-export__guideline:first-child{border-top:0}.design-system-page .ds-figma-export__guideline .ds-figma-export__preview{margin-top:0}.design-system-page .ds-figma-export__note{margin-top:var(--ds-space-4)!important;color:var(--ds-color-muted);font-size:.92em}@media (max-width: 1100px){.design-system-page .ds-figma-export__area,.design-system-page .ds-figma-export__area:nth-child(2){grid-column:span 6}}@media (max-width: 767px){.design-system-page .ds-figma-export__grid{grid-template-columns:minmax(0,1fr)}.design-system-page .ds-figma-export__area,.design-system-page .ds-figma-export__area:nth-child(2){grid-column:1 / -1;padding:var(--ds-space-4)}}.design-system-page .ds-figma-guide{--figma-ink: var(--ds-color-text);--figma-muted: var(--ds-color-muted);--figma-line: var(--ds-color-divider);--figma-blue: var(--ds-color-accent);grid-column:1 / -1;display:block;width:100%;min-width:0;padding:0 0 clamp(48px,8vw,88px);color:var(--figma-ink)}.ds-figma-guide__rail{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:8px;color:var(--figma-muted);font:600 10px/1.2 var(--ds-font);letter-spacing:.12em;writing-mode:vertical-rl;text-transform:uppercase}.ds-figma-guide__rail-rule{width:1px;min-height:78px;flex:1;background:var(--figma-line)}.ds-figma-guide__content{min-width:0;max-width:1000px}.ds-figma-guide__hero{padding:0 0 clamp(28px,4vw,44px)}.ds-figma-guide__eyebrow,.ds-figma-guide__section-heading,.ds-figma-guide__file-title,.ds-figma-guide__skill-meta,.ds-figma-guide__command{display:flex;align-items:center;justify-content:space-between;gap:20px}.ds-figma-guide__eyebrow{padding-bottom:15px;border-bottom:1px solid var(--figma-line);color:var(--figma-muted);font-size:11px;font-weight:650;letter-spacing:.11em}.ds-figma-guide__hero h1{margin:clamp(30px,5vw,56px) 0 20px;max-width:850px;font-size:clamp(42px,7.2vw,88px);font-weight:620;line-height:.98;letter-spacing:-.065em}.ds-figma-guide__hero h1 em{color:var(--figma-blue);font-style:normal}.ds-figma-guide__hero>p{max-width:62ch;margin:0;color:var(--figma-muted);font-size:16px;line-height:1.55}.ds-figma-guide__hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin-top:24px}.ds-figma-guide__hero-actions .ds-button{min-height:46px}.ds-figma-guide__feedback{color:var(--figma-muted);font-size:14px}.ds-figma-guide__switch{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.ds-figma-guide__switch a{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--figma-line);border-radius:var(--ds-radius, 4px);color:var(--figma-muted);font-size:13px;text-decoration:none}.ds-figma-guide__switch a[aria-current=page]{border-color:var(--figma-blue);color:var(--figma-ink)}.ds-figma-guide__section{padding:30px 0 0;border-top:1px solid var(--figma-line)}.ds-figma-guide__section-heading{align-items:flex-end;margin-bottom:24px}.ds-figma-guide__index{display:block;margin-bottom:10px;color:var(--figma-blue);font-size:10px;font-weight:700;letter-spacing:.12em}.ds-figma-guide__section-heading h2,.ds-figma-guide__howto h2{margin:0;font-size:clamp(24px,3vw,34px);font-weight:610;line-height:1.1;letter-spacing:-.04em}.ds-figma-guide__section-heading>p{max-width:35ch;margin:0 0 2px;color:var(--figma-muted);font-size:14px;line-height:1.5}.ds-figma-guide__file-list{margin:0;padding:0;border-top:0;list-style:none}.ds-figma-guide__file{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:20px 0 22px;border-bottom:1px solid var(--figma-line)}.ds-figma-guide__file-number{padding-top:4px;color:var(--figma-muted);font:500 13px/1.3 var(--ds-font);font-variant-numeric:tabular-nums}.ds-figma-guide__file-main{min-width:0}.ds-figma-guide__file-title>div,.ds-figma-guide__skill-meta>div{min-width:0}.ds-figma-guide__file-kind{display:inline-flex;align-items:center;gap:6px;color:var(--figma-muted);font-size:10px;font-weight:700;letter-spacing:.1em}.ds-figma-guide__file-title h3,.ds-figma-guide__skill-meta h3{margin:0;font-size:19px;font-weight:600;letter-spacing:-.025em}.ds-figma-guide__download{display:inline-flex;flex:0 0 auto;align-items:center;gap:7px;color:var(--figma-blue);font-size:13px;font-weight:620;text-decoration:none}.ds-figma-guide__download:hover{text-decoration:underline;text-underline-offset:3px}.ds-figma-guide__preview{margin-top:14px;border-top:1px solid var(--figma-line)}.ds-figma-guide__preview summary{display:flex;justify-content:space-between;gap:12px;min-height:44px;align-items:center;padding:8px 0;color:var(--figma-muted);cursor:pointer;font-size:14px;font-weight:550;list-style-position:inside}.ds-figma-guide__preview[open] summary svg{transform:rotate(180deg)}.ds-figma-guide__preview summary svg{transition:transform .18s ease}.ds-figma-guide__preview pre{max-height:340px;overflow:auto;margin:0 0 12px;padding:14px 0;border:0;background:transparent;color:var(--figma-muted);font:14px/1.6 var(--ds-font);white-space:pre-wrap;overflow-wrap:anywhere}.ds-figma-guide__topic-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding-top:12px}.ds-figma-guide__topic-links>span:first-child{color:var(--figma-muted);font-size:11px;letter-spacing:.04em}.ds-figma-guide__topic-links a{display:inline-flex;align-items:center;gap:4px;color:var(--figma-ink);font-size:14px;text-decoration:none}.ds-figma-guide__topic-links a:hover{color:var(--figma-blue)}.ds-figma-guide__more-topics{color:var(--figma-muted);font-size:12px}.ds-figma-guide__howto{display:grid;grid-template-columns:minmax(180px,.72fr) minmax(0,1.3fr);gap:24px clamp(24px,5vw,70px);margin-top:clamp(44px,7vw,82px);padding:27px 0 0;border-top:1px solid var(--figma-line)}.ds-figma-guide__howto-title{align-self:start}.ds-figma-guide__steps{display:grid;gap:0;margin:0;padding:0;list-style:none}.ds-figma-guide__steps li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:0;color:var(--figma-muted);font-size:14px;line-height:1.5}.ds-figma-guide__steps li:first-child{padding-top:2px}.ds-figma-guide__steps li:last-child{border:0}.ds-figma-guide__steps b{color:var(--figma-blue);font-size:11px;font-variant-numeric:tabular-nums}.ds-figma-guide__steps strong{color:var(--figma-ink);font-weight:620}.ds-figma-guide__steps code,.ds-figma-guide__command code{padding:3px 6px;border-radius:3px;background:color-mix(in srgb,var(--figma-blue) 14%,transparent);color:var(--figma-ink);font:600 12px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.ds-figma-guide__fineprint{grid-column:2;max-width:68ch;margin:-6px 0 0;color:var(--figma-muted);font-size:12px;line-height:1.55}.ds-figma-guide__snapshot{display:flex;align-items:flex-start;gap:11px;max-width:72ch;margin:clamp(30px,5vw,56px) 0 0;padding-top:15px;border-top:0;color:var(--figma-muted);font-size:12px;line-height:1.55}.ds-figma-guide__snapshot-mark{width:8px;height:8px;flex:0 0 auto;margin-top:4px;border-radius:50%;background:var(--figma-blue)}.ds-figma-guide__select-wrap{display:grid;min-width:min(100%,260px);gap:6px;color:var(--figma-muted);font-size:12px}.ds-figma-guide__select-wrap select{min-height:44px;width:100%;padding:0 35px 0 12px;border:1px solid var(--figma-line);border-radius:var(--ds-radius, 4px);background:var(--ds-color-surface);color:var(--figma-ink);font:600 14px/1.3 var(--ds-font)}.ds-figma-guide__skill-file{padding:20px 0 22px;border:0}.ds-figma-guide__command{justify-content:flex-start;margin-top:18px;padding:11px 0;border:0}.ds-figma-guide__command>span:first-child{color:var(--figma-muted);font-size:10px;font-weight:700;letter-spacing:.1em}.ds-figma-guide__line-count{margin-left:auto;color:var(--figma-muted);font-size:11px}.ds-figma-guide__skill-file .ds-figma-export__download{margin-top:16px}.ds-figma-guide__skill-file .ds-figma-export__download-control{margin-top:0}.ds-figma-guide__skill-file .ds-figma-export__status{margin-top:8px}.ds-figma-guide__skill-section+.ds-figma-guide__howto{margin-top:54px}.ds-figma-guide__skill-file .ds-figma-export__download{margin-top:12px}.ds-figma-guide__recommendations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:1000px;margin-top:36px;padding-top:28px;border-top:1px solid var(--figma-line)}.ds-figma-guide__recommendations h2{display:flex;align-items:center;gap:8px;font-size:18px;margin:0 0 12px}.ds-figma-guide__recommendations>div:first-child h2 svg{color:var(--ds-color-success)}.ds-figma-guide__recommendations>div:last-child h2 svg{color:var(--ds-color-danger)}.ds-figma-guide__recommendations ul{display:grid;gap:10px;margin:0;padding-left:20px;color:var(--figma-muted);line-height:1.55}@media (max-width: 720px){.design-system-page .ds-figma-guide{display:block}.ds-figma-guide__rail{display:none}.ds-figma-guide__content{width:100%}.ds-figma-guide__eyebrow{font-size:9px}.ds-figma-guide__section-heading{align-items:flex-start;flex-direction:column}.ds-figma-guide__section-heading>p{max-width:54ch}.ds-figma-guide__file{grid-template-columns:minmax(0,1fr);gap:0}.ds-figma-guide__file-title,.ds-figma-guide__skill-meta{align-items:flex-start}.ds-figma-guide__file-title{gap:12px}.ds-figma-guide__download{font-size:12px}.ds-figma-guide__howto{grid-template-columns:1fr;gap:20px}.ds-figma-guide__fineprint{grid-column:1;margin-top:0}.ds-figma-guide__select-wrap{width:100%}.ds-figma-guide__skill-file{padding:16px}.ds-figma-guide__recommendations{grid-template-columns:minmax(0,1fr);gap:26px}}@media (prefers-reduced-motion: reduce){.ds-figma-guide__preview summary svg{transition:none}}@media (max-width: 420px){.ds-figma-guide__file-title,.ds-figma-guide__skill-meta{align-items:flex-start;flex-direction:column}.ds-figma-guide__command{flex-wrap:wrap}}.design-system-page .ds-divider-study{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-space-8) var(--ds-grid-gap);align-items:start}.design-system-page .ds-divider-study__intro{grid-column:span 3;padding-top:var(--ds-space-2)}.design-system-page .ds-divider-study__intro h2,.design-system-page .ds-divider-study__intro p,.design-system-page .ds-divider-study__group h3,.design-system-page .ds-divider-study__guidance p{margin:0}.design-system-page .ds-divider-study__intro h2{margin-bottom:var(--ds-space-2);color:var(--ds-color-text);font-size:clamp(24px,2.4vw,30px);line-height:1.2;letter-spacing:-.025em}.design-system-page .ds-divider-study__intro>p:last-child{max-width:24rem;color:var(--ds-color-muted);font-size:15px;line-height:1.5}.design-system-page .ds-divider-study__example{grid-column:span 6;min-width:0}.design-system-page .ds-divider-study__group-heading{display:flex;align-items:baseline;gap:var(--ds-space-3);margin-bottom:var(--ds-space-4)}.design-system-page .ds-divider-study__group h3{color:var(--ds-color-text);font-size:18px;font-weight:650;line-height:1.3}.design-system-page .ds-divider-study__details{display:grid;gap:var(--ds-space-3);margin:0}.design-system-page .ds-divider-study__details>div{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ds-space-4)}.design-system-page .ds-divider-study__details dt{color:var(--ds-color-muted);font-size:14px}.design-system-page .ds-divider-study__details dd{margin:0;color:var(--ds-color-text);font-size:15px;text-align:right}.design-system-page .ds-divider-study__guidance{grid-column:span 9;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-space-4) var(--ds-grid-gap)}.design-system-page .ds-divider-study__guidance p{color:var(--ds-color-muted);font-size:14px;line-height:1.5}.design-system-page .ds-divider-study__guidance strong{color:var(--ds-color-text);font-weight:650}@media (min-width: 768px) and (max-width: 1023px){.design-system-page .ds-divider-study__intro{grid-column:span 4}.design-system-page .ds-divider-study__example{grid-column:span 8}.design-system-page .ds-divider-study__guidance{grid-column:span 12}}@media (max-width: 767px){.design-system-page .ds-divider-study{gap:var(--ds-space-6)}.design-system-page .ds-divider-study__intro,.design-system-page .ds-divider-study__example,.design-system-page .ds-divider-study__guidance{grid-column:1 / -1}.design-system-page .ds-divider-study__guidance{grid-template-columns:minmax(0,1fr);gap:var(--ds-space-2)}.design-system-page .ds-divider-study__details>div{align-items:flex-start}}.design-system-page .ds-message-study{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-space-4) var(--ds-grid-gap);width:100%;min-width:0;margin-block:0 var(--ds-space-8);color:var(--ds-color-text)}.design-system-page .ds-message-study>*{grid-column:1 / -1;min-width:0}.design-system-page .ds-message-study h2,.design-system-page .ds-message-study h3,.design-system-page .ds-message-study p{margin-top:0}.design-system-page .ds-message-study button,.design-system-page .ds-message-study table{font:inherit}.design-system-page .ds-message-study button:focus-visible{outline:3px solid var(--ds-color-accent);outline-offset:3px}.design-system-page .ds-message-study__intro{display:flex;align-items:center;justify-content:space-between;gap:16px}.design-system-page .ds-message-study__intro h2{margin:0;font-size:clamp(23px,2.5vw,30px);letter-spacing:-.03em}.design-system-page .ds-message-study__reset,.design-system-page .ds-message-study__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-surface);color:var(--ds-color-text);cursor:pointer}.design-system-page .ds-message-study__reset{flex:none;font-size:14px}.design-system-page .ds-message-study__button--danger{border-color:#a75c4d;background:#783f37;color:#fff4ed}.design-system-page .ds-message-study__button:disabled{opacity:.55;cursor:not-allowed}.design-system-page .ds-message-study__matrix{display:grid;gap:10px}.design-system-page .ds-message-study__matrix h3{margin:0;font-size:20px}.design-system-page .ds-message-study__matrix table{width:100%;table-layout:fixed;border-collapse:collapse}.design-system-page .ds-message-study__matrix th,.design-system-page .ds-message-study__matrix td{overflow-wrap:anywhere;padding:12px 14px;border-bottom:1px solid var(--ds-color-divider);text-align:left;vertical-align:top;line-height:1.4}.design-system-page .ds-message-study__matrix thead th{color:var(--ds-color-muted);font-size:13px;font-weight:650}.design-system-page .ds-message-study__matrix thead th:first-child{width:27%}.design-system-page .ds-message-study__matrix thead th:nth-child(2){width:22%}.design-system-page .ds-message-study__matrix thead th:nth-child(3){width:51%}.design-system-page .ds-message-study__matrix tbody th{font-weight:500}.design-system-page .ds-message-study__matrix tbody th button{padding:0;border:0;background:none;color:var(--ds-color-text);text-align:left;font-weight:650;cursor:pointer}.design-system-page .ds-message-study__matrix tbody tr{transition:background-color .14s ease}.design-system-page .ds-message-study__matrix tbody tr:hover,.design-system-page .ds-message-study__matrix tbody tr.is-selected{background:color-mix(in srgb,var(--ds-color-accent) 9%,var(--ds-color-surface))}.design-system-page .ds-message-study__matrix tbody tr.is-selected th button{color:var(--ds-color-accent)}.design-system-page .ds-message-study__example-nav{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;padding:12px 14px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:color-mix(in srgb,var(--ds-color-accent) 5%,var(--ds-color-surface))}.design-system-page .ds-message-study__example-nav>label{color:var(--ds-color-muted);font-size:13px;font-weight:650}.design-system-page .ds-message-study__example-nav select{min-width:190px;min-height:40px;padding:0 34px 0 11px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-surface);color:var(--ds-color-text);font:inherit}.design-system-page .ds-message-study__example-nav select:focus-visible,.design-system-page .ds-message-study__stepper button:focus-visible{outline:3px solid var(--ds-color-accent);outline-offset:3px}.design-system-page .ds-message-study__stepper{display:flex;align-items:center;gap:8px;margin-left:auto}.design-system-page .ds-message-study__stepper button{min-height:38px;padding:0 11px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-surface);color:var(--ds-color-text);cursor:pointer}.design-system-page .ds-message-study__stepper span{min-width:38px;color:var(--ds-color-muted);font-size:12px;text-align:center;font-variant-numeric:tabular-nums}.design-system-page .ds-message-study__example{display:grid;gap:17px;padding:clamp(16px,2vw,24px);border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:color-mix(in srgb,var(--ds-color-surface) 70%,transparent)}.design-system-page .ds-message-study__try-hint{margin:0;color:var(--ds-color-muted);font-size:13px}.design-system-page .ds-message-study__try-hint strong{color:var(--ds-color-accent)}.design-system-page .ds-message-study__example-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.design-system-page .ds-message-study__example-heading h3{margin:0;font-size:22px}.design-system-page .ds-message-study__example-heading p{margin:4px 0 0;color:var(--ds-color-muted)}.design-system-page .ds-message-study__example-heading>span{max-width:440px;color:var(--ds-color-muted);font-size:14px;line-height:1.45;text-align:right}.design-system-page .ds-message-study__live-example{display:grid;justify-items:start;gap:12px}.design-system-page .ds-message-study__live-example>p{max-width:760px;margin:0;color:var(--ds-color-muted);line-height:1.5}.design-system-page .ds-message-study__album{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:15px;width:min(100%,620px)}.design-system-page .ds-message-study__album>div:last-child{display:grid;gap:5px}.design-system-page .ds-message-study__album>div:last-child span{color:var(--ds-color-muted);font-size:11px;font-weight:700;letter-spacing:.07em}.design-system-page .ds-message-study__album>div:last-child strong{font-size:18px}.design-system-page .ds-message-study__art{position:relative;display:flex;min-height:98px;align-items:flex-end;justify-content:space-around;overflow:hidden;padding:8px 12px 0;border-radius:var(--ds-radius);background:linear-gradient(165deg,#b9c9bf,#d4c7a6 40%,#8b9e90 41%,#738a82 63%,#415d60 64%,#34474d)}.design-system-page .ds-message-study__art i{z-index:1;width:16%;height:42%;border-radius:45% 45% 0 0;background:#667968}.design-system-page .ds-message-study__art i:nth-child(2){height:60%;background:#536d69}.design-system-page .ds-message-study__art i:nth-child(3){height:35%;background:#7c8670}.design-system-page .ds-message-study__art b{position:absolute;right:0;bottom:0;left:0;height:24%;background:#b3a384}.design-system-page .ds-message-study__text-button{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 4px;border:0;background:none;color:var(--ds-color-accent);cursor:pointer}.design-system-page .ds-message-study__anchor-choice{display:flex;gap:4px;padding:4px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius)}.design-system-page .ds-message-study__anchor-choice button{min-height:36px;padding:0 12px;border:0;border-radius:calc(var(--ds-radius) - 2px);background:transparent;color:var(--ds-color-muted);cursor:pointer}.design-system-page .ds-message-study__anchor-choice button[aria-pressed=true]{background:var(--ds-color-surface);color:var(--ds-color-text);box-shadow:inset 0 0 0 1px var(--ds-color-divider)}.design-system-page .ds-message-study__anchor,.design-system-page .ds-message-study__tooltip-anchor{position:relative}.design-system-page .ds-message-study__menu,.design-system-page .ds-message-study__popover,.design-system-page .ds-message-study__tooltip{position:absolute;z-index:3;top:calc(100% + 7px);left:0;display:grid;min-width:210px;gap:4px;padding:8px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-surface);box-shadow:0 12px 32px #0006}.design-system-page .ds-message-study__menu button{padding:10px;border:0;border-radius:4px;background:none;color:var(--ds-color-text);text-align:left;cursor:pointer}.design-system-page .ds-message-study__menu button:hover{background:color-mix(in srgb,var(--ds-color-accent) 10%,var(--ds-color-surface))}.design-system-page .ds-message-study__popover{gap:8px}.design-system-page .ds-message-study__popover span{color:var(--ds-color-muted);font-size:13px;line-height:1.4}.design-system-page .ds-message-study__tooltip{top:auto;bottom:calc(100% + 8px);width:max-content;max-width:min(280px,calc(100vw - 40px));padding:9px 11px;font-size:13px;line-height:1.4}.design-system-page .ds-message-study__tooltip[hidden]{display:none}.design-system-page .ds-message-study__platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-grid-gap);padding-top:12px;border-top:1px solid var(--ds-color-divider)}.design-system-page .ds-message-study__platforms p{display:flex;align-items:baseline;gap:7px;margin:0;color:var(--ds-color-muted);font-size:13px;line-height:1.4}.design-system-page .ds-message-study__platforms strong{flex:none;color:var(--ds-color-text)}.design-system-page .ds-message-study__banner,.design-system-page .ds-message-study__notification{display:flex;align-items:flex-start;gap:12px;width:100%;padding:14px;border-left:3px solid var(--ds-color-accent);background:color-mix(in srgb,var(--ds-color-accent) 9%,var(--ds-color-surface))}.design-system-page .ds-message-study__banner>svg,.design-system-page .ds-message-study__notification>svg{flex:none;margin-top:2px}.design-system-page .ds-message-study__banner>div,.design-system-page .ds-message-study__notification>div{flex:1}.design-system-page .ds-message-study__banner p,.design-system-page .ds-message-study__notification p{margin:4px 0 0;color:var(--ds-color-muted);line-height:1.45}.design-system-page .ds-message-study__banner>button,.design-system-page .ds-message-study__sheet-heading>button{display:grid;width:36px;height:36px;flex:none;place-items:center;border:1px solid var(--ds-color-divider);border-radius:50%;background:var(--ds-color-surface);color:var(--ds-color-text);cursor:pointer}.design-system-page .ds-message-study__banner-reset{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.design-system-page .ds-message-study__banner-reset span,.design-system-page .ds-message-study__note{color:var(--ds-color-muted)}.design-system-page .ds-message-study__banner-reset button{min-height:40px;padding:0 12px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-surface);color:var(--ds-color-text);cursor:pointer}.design-system-page .ds-message-study__snackbar{display:flex;align-items:center;gap:14px;padding:10px 12px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-surface)}.design-system-page .ds-message-study__snackbar span{flex:1}.design-system-page .ds-message-study__snackbar button{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:0 8px;border:0;background:none;color:var(--ds-color-accent);cursor:pointer}.design-system-page .ds-message-study__status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.design-system-page .ds-message-study__decision{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-grid-gap);padding-top:6px}.design-system-page .ds-message-study__decision p{margin:0;color:var(--ds-color-muted);line-height:1.5}.design-system-page .ds-message-study__decision strong{color:var(--ds-color-text)}.design-system-page .ds-message-study__dialog,.design-system-page .ds-message-study__sheet{color:var(--ds-color-text);border:1px solid var(--ds-color-divider);background:var(--ds-color-surface)}.design-system-page .ds-message-study__dialog{width:min(500px,calc(100vw - 32px));max-width:none;padding:0;border-radius:var(--ds-radius);box-shadow:0 24px 90px #0008}.design-system-page .ds-message-study__dialog::backdrop,.design-system-page .ds-message-study__sheet::backdrop{background:#090b0acc}.design-system-page .ds-message-study__dialog-content{display:grid;gap:14px;padding:clamp(22px,4vw,34px)}.design-system-page .ds-message-study__dialog-content h3,.design-system-page .ds-message-study__sheet-content h3{margin:0;font-size:25px;letter-spacing:-.025em}.design-system-page .ds-message-study__dialog-content p,.design-system-page .ds-message-study__sheet-content>p{margin:0;color:var(--ds-color-muted);line-height:1.5}.design-system-page .ds-message-study__dialog-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:5px}.design-system-page .ds-message-study__sheet{position:fixed;inset:auto 0 0;width:100%;max-width:none;max-height:min(80dvh,700px);margin:0;padding:0;border-radius:18px 18px 0 0;box-shadow:0 -18px 60px #0006}.design-system-page .ds-message-study__sheet-content{display:grid;gap:16px;width:min(700px,100%);margin-inline:auto;padding:14px 22px 26px}.design-system-page .ds-message-study__sheet-grip{width:40px;height:4px;justify-self:center;border-radius:4px;background:var(--ds-color-muted);opacity:.6}.design-system-page .ds-message-study__sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.design-system-page .ds-message-study__sheet-option{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:none;color:var(--ds-color-text);text-align:left;cursor:pointer}.design-system-page .ds-message-study__sheet-option span{display:grid;gap:4px}.design-system-page .ds-message-study__sheet-option small{color:var(--ds-color-muted)}.design-system-page .ds-message-study__sheet-content>.ds-message-study__button{justify-self:end}@media (max-width:767px){.design-system-page .ds-message-study{gap:var(--ds-space-4)}.design-system-page .ds-message-study__matrix thead{display:none}.design-system-page .ds-message-study__matrix table,.design-system-page .ds-message-study__matrix tbody{display:block;width:100%}.design-system-page .ds-message-study__matrix tbody{display:grid;gap:9px}.design-system-page .ds-message-study__matrix tbody tr{display:grid;gap:7px;padding:12px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius)}.design-system-page .ds-message-study__matrix tbody th,.design-system-page .ds-message-study__matrix tbody td{display:grid;grid-template-columns:minmax(112px,.38fr) minmax(0,1fr);gap:10px;padding:0;border:0}.design-system-page .ds-message-study__matrix tbody th:before,.design-system-page .ds-message-study__matrix tbody td:before{content:attr(data-label);color:var(--ds-color-muted);font-size:12px;font-weight:600}.design-system-page .ds-message-study__example-heading{display:grid;gap:7px}.design-system-page .ds-message-study__example-heading>span{text-align:left}.design-system-page .ds-message-study__example-nav{align-items:stretch}.design-system-page .ds-message-study__example-nav>label{flex-basis:100%}.design-system-page .ds-message-study__example-nav select{flex:1;min-width:0}.design-system-page .ds-message-study__stepper{margin-left:0}.design-system-page .ds-message-study__stepper button{padding-inline:9px}.design-system-page .ds-message-study__album{grid-template-columns:minmax(100px,140px) minmax(0,1fr)}.design-system-page .ds-message-study__platforms,.design-system-page .ds-message-study__decision{grid-template-columns:1fr;gap:9px}.design-system-page .ds-message-study__platforms p{display:block}.design-system-page .ds-message-study__platforms strong{margin-right:6px}}@media (prefers-reduced-motion:reduce){.design-system-page .ds-message-study *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.design-system-page .ds-carplay{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-space-6) var(--ds-grid-gap);min-width:0;margin-block:var(--ds-space-3) var(--ds-space-8)}.design-system-page .ds-carplay>*,.design-system-page .ds-carplay__catalog,.design-system-page .ds-carplay__rules,.design-system-page .ds-carplay__checks,.design-system-page .ds-carplay__notes{min-width:0;grid-column:1 / -1}.design-system-page .ds-carplay__section-head{display:flex;align-items:end;justify-content:space-between;gap:var(--ds-space-3);margin-bottom:var(--ds-space-3)}.design-system-page .ds-carplay__section-head h3,.design-system-page .ds-carplay__section-head p{margin:0}.design-system-page .ds-carplay__section-head h3{color:var(--ds-color-text);font-size:clamp(22px,2.4vw,29px);line-height:1.2;letter-spacing:-.03em}.design-system-page .ds-carplay__section-head p{margin-top:5px;color:var(--ds-color-muted);font-size:15px;line-height:1.45}.design-system-page .ds-carplay__count{flex:none;color:var(--ds-color-muted);font-size:14px;white-space:nowrap}.design-system-page .ds-carplay__workspace{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-grid-gap);align-items:start}.design-system-page .ds-carplay__visual{grid-column:span 6;display:grid;gap:var(--ds-space-3);min-width:0}.design-system-page .ds-carplay__chooser{grid-column:span 3;display:grid;gap:var(--ds-space-2);min-width:0}.design-system-page .ds-carplay__chooser-head{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-2)}.design-system-page .ds-carplay__chooser-head h4,.design-system-page .ds-carplay__chooser-head p{margin:0}.design-system-page .ds-carplay__chooser-head h4{color:var(--ds-color-text);font-size:17px}.design-system-page .ds-carplay__chooser-head p{margin-top:3px;color:var(--ds-color-muted);font-size:14px}.design-system-page .ds-carplay__mock{overflow:hidden;padding:8px;border:1px solid #26373b;border-radius:19px;background:#11191c;box-shadow:0 12px 26px #111f2324}.design-system-page .ds-carplay__mock-top{display:flex;height:28px;align-items:center;justify-content:space-between;padding:0 10px 6px;color:#c1ceca;font-size:12px;letter-spacing:.01em}.design-system-page .ds-carplay__mock-brand,.design-system-page .ds-carplay__mock-system{display:inline-flex;align-items:center;gap:7px}.design-system-page .ds-carplay__mock-brand i{width:8px;height:8px;border-radius:50%;background:#a8c4b0}.design-system-page .ds-carplay__mock-system i{width:16px;height:9px;border:1px solid #d4dfd8;border-radius:2px;background:linear-gradient(90deg,#d4dfd8 58%,transparent 58%)}.design-system-page .ds-carplay__mock-body{position:relative;display:flex;min-height:360px;flex-direction:column;justify-content:center;overflow:hidden;border:1px solid rgba(231,238,228,.11);border-radius:12px;background:#1b282c;color:#f3f3e9}.design-system-page .ds-carplay__mock-title{margin:0 0 14px;color:#f4f4eb;font-size:clamp(20px,2.3vw,25px);line-height:1.16;letter-spacing:-.02em}.design-system-page .ds-carplay__screen-content{width:100%;padding:clamp(18px,3vw,32px)}.design-system-page .ds-carplay__preview-action{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 20px;border:1px solid rgba(230,237,227,.35);border-radius:7px;background:#344247;color:#f2f3e9;font:inherit;font-size:16px;font-weight:600;cursor:pointer}.design-system-page .ds-carplay__preview-action.is-primary{border-color:#e5bc75;background:#e5bc75;color:#243035}.design-system-page .ds-carplay__preview-action:hover{filter:brightness(1.08)}.design-system-page .ds-carplay__preview-action:focus-visible,.design-system-page .ds-carplay__mock-tile:focus-visible,.design-system-page .ds-carplay__mock-list-row:focus-visible,.design-system-page .ds-carplay__mock-tabs button:focus-visible,.design-system-page .ds-carplay__map-controls button:focus-visible,.design-system-page .ds-carplay__map-row:focus-visible,.design-system-page .ds-carplay__filter:focus-visible,.design-system-page .ds-carplay__template-choice:focus-visible,.design-system-page .ds-carplay__reset:focus-visible{outline:3px solid #e5bc75;outline-offset:2px}.design-system-page .ds-carplay__preview-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.design-system-page .ds-carplay__preview-feedback{position:absolute;right:12px;bottom:10px;left:12px;margin:0;color:#9fb0ac;font-size:11px;line-height:1.35;text-align:center}.design-system-page .ds-carplay__sheet-scene,.design-system-page .ds-carplay__alert-scene{position:absolute;inset:0;display:grid;place-items:center;padding:22px}.design-system-page .ds-carplay__dimmed-content{position:absolute;inset:0;padding:30px;color:#aebbb7}.design-system-page .ds-carplay__dimmed-content h3{margin:0 0 8px;font-size:22px}.design-system-page .ds-carplay__dimmed-content p{margin:0;font-size:16px}.design-system-page .ds-carplay__sheet-scene:after,.design-system-page .ds-carplay__alert-scene:after{position:absolute;inset:0;content:"";background:#080e109e}.design-system-page .ds-carplay__sheet,.design-system-page .ds-carplay__alert{position:relative;z-index:1;width:min(100%,460px);padding:23px;border:1px solid rgba(232,239,229,.16);border-radius:13px;background:#2c3a3e;text-align:center;box-shadow:0 15px 36px #0000004d}.design-system-page .ds-carplay__sheet h3,.design-system-page .ds-carplay__alert h3{margin:0;color:#f4f4eb;font-size:23px}.design-system-page .ds-carplay__sheet p,.design-system-page .ds-carplay__alert p{margin:8px 0 17px;color:#bdc9c3;font-size:15px;line-height:1.45}.design-system-page .ds-carplay__sheet .ds-carplay__preview-action,.design-system-page .ds-carplay__alert .ds-carplay__preview-action{width:100%;margin-top:9px}.design-system-page .ds-carplay__alert-mark{display:grid;width:38px;height:38px;place-items:center;margin:0 auto 13px;border:1px solid #e5bc75;border-radius:50%;color:#e5bc75;font-size:23px}.design-system-page .ds-carplay__mock-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.design-system-page .ds-carplay__mock-tile{display:grid;min-width:0;min-height:104px;place-content:center;gap:9px;padding:8px;border:1px solid rgba(231,238,228,.19);border-radius:9px;background:#29383c;color:#eef0e8;font:inherit;font-size:14px;cursor:pointer}.design-system-page .ds-carplay__mock-tile b{color:#e5bc75;font-size:27px;font-weight:500}.design-system-page .ds-carplay__mock-list{display:grid}.design-system-page .ds-carplay__mock-list-row{display:grid;width:100%;min-height:69px;grid-template-columns:40px minmax(0,1fr) 20px;align-items:center;gap:13px;padding:8px 5px;border:0;border-top:1px solid rgba(231,238,228,.17);background:transparent;color:#f0f1e9;text-align:left;font:inherit;font-size:16px;cursor:pointer}.design-system-page .ds-carplay__mock-list-row:hover,.design-system-page .ds-carplay__map-row:hover{background:#e6ede314}.design-system-page .ds-carplay__mock-list-row small{display:block;margin-top:4px;color:#abbab4;font-size:13px}.design-system-page .ds-carplay__mock-list-row>b{color:#b4c1ba;font-size:23px;font-weight:400}.design-system-page .ds-carplay__list-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:7px;background:#40524f;color:#e8c683;font-size:16px}.design-system-page .ds-carplay__info-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.design-system-page .ds-carplay__info-list div{min-height:92px;padding:15px;border:1px solid rgba(231,238,228,.17);border-radius:8px;background:#253338}.design-system-page .ds-carplay__info-list dt{color:#aebdb6;font-size:14px}.design-system-page .ds-carplay__info-list dd{margin:9px 0 0;color:#f1f2e9;font-size:19px;font-weight:650}.design-system-page .ds-carplay__tab-scene{display:flex;min-height:360px;flex-direction:column}.design-system-page .ds-carplay__tab-scene .ds-carplay__screen-content{flex:1}.design-system-page .ds-carplay__simple-row{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid rgba(231,238,228,.16);color:#edf0e8;font-size:16px}.design-system-page .ds-carplay__simple-row b{color:#aebbb6;font-size:22px;font-weight:400}.design-system-page .ds-carplay__mock-tabs{display:flex;justify-content:space-around;border-top:1px solid rgba(231,238,228,.18);background:#172226}.design-system-page .ds-carplay__mock-tabs button{display:grid;min-width:100px;min-height:70px;place-content:center;gap:3px;border:0;background:transparent;color:#dce4dc;font:inherit;font-size:13px;cursor:pointer}.design-system-page .ds-carplay__mock-tabs b{color:#e5bc75;font-size:19px;font-weight:500}.design-system-page .ds-carplay__now-playing{display:grid;grid-template-columns:minmax(130px,.72fr) minmax(0,1fr);align-items:center;gap:24px;width:min(100%,720px);margin:0 auto;padding:26px}.design-system-page .ds-carplay__album-art{position:relative;display:grid;aspect-ratio:1;place-items:center;overflow:hidden;border-radius:9px;background:linear-gradient(135deg,#e4ba72 0 34%,#52706b 34% 61%,#263e42 61%);color:#152327;box-shadow:0 9px 20px #00000047}.design-system-page .ds-carplay__album-art span{z-index:1;font-size:13px;font-weight:750;letter-spacing:.12em;line-height:1.35;text-align:center}.design-system-page .ds-carplay__album-art i{position:absolute;right:-18%;bottom:-26%;width:78%;height:78%;border:1px solid rgba(235,235,215,.44);border-radius:50%;box-shadow:0 0 0 15px #ebebd70f,0 0 0 31px #ebebd70f}.design-system-page .ds-carplay__track-info h3{margin:0;color:#f4f4eb;font-size:clamp(20px,2.5vw,27px)}.design-system-page .ds-carplay__track-info p{margin:6px 0 20px;color:#bcc9c2;font-size:16px}.design-system-page .ds-carplay__track-progress{height:4px;overflow:hidden;border-radius:4px;background:#52605f}.design-system-page .ds-carplay__track-progress i{display:block;width:36%;height:100%;background:#e5bc75}.design-system-page .ds-carplay__track-info small{display:block;margin-top:7px;color:#aebbb6;font-size:12px}.design-system-page .ds-carplay__transport{display:flex;grid-column:1 / -1;justify-content:center;gap:35px}.design-system-page .ds-carplay__transport button{width:58px;height:58px;border:1px solid rgba(231,238,228,.22);border-radius:50%;background:#344247;color:#f3f4ec;font-size:19px;cursor:pointer}.design-system-page .ds-carplay__transport button:nth-child(2){width:66px;height:66px;border-color:#e5bc75;background:#e5bc75;color:#243035;font-size:22px}.design-system-page .ds-carplay__search-field{display:flex;min-height:53px;align-items:center;gap:12px;padding-inline:15px;border:1px solid rgba(231,238,228,.22);border-radius:8px;background:#243237;color:#e5bc75}.design-system-page .ds-carplay__search-field span{font-size:22px}.design-system-page .ds-carplay__search-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#f1f2ea;font:inherit;font-size:15px}.design-system-page .ds-carplay__search-field input::placeholder{color:#aebbb6}.design-system-page .ds-carplay__empty-result{margin:0;padding:14px 0;color:#c1ccc6;font-size:15px}.design-system-page .ds-carplay__contact{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:20px;width:min(100%,650px);margin:auto;padding:32px}.design-system-page .ds-carplay__contact-avatar{display:grid;width:88px;height:88px;place-items:center;border-radius:50%;background:#b1c2b2;color:#1e3031;font-size:25px;font-weight:700}.design-system-page .ds-carplay__contact h3,.design-system-page .ds-carplay__voice h3,.design-system-page .ds-carplay__widget h3{margin:0;color:#f4f4eb;font-size:25px}.design-system-page .ds-carplay__contact p,.design-system-page .ds-carplay__voice p{margin:7px 0 0;color:#bcc9c2;font-size:16px;line-height:1.5}.design-system-page .ds-carplay__contact .ds-carplay__preview-actions{grid-column:1 / -1}.design-system-page .ds-carplay__voice{display:grid;justify-items:center;gap:12px;padding:34px 20px 48px;text-align:center}.design-system-page .ds-carplay__voice-mark{display:flex;height:65px;align-items:center;justify-content:center;gap:5px}.design-system-page .ds-carplay__voice-mark i{width:5px;height:20px;border-radius:8px;background:#70817d}.design-system-page .ds-carplay__voice-mark i:nth-child(2),.design-system-page .ds-carplay__voice-mark i:nth-child(4){height:34px}.design-system-page .ds-carplay__voice-mark i:nth-child(3){height:54px}.design-system-page .ds-carplay__voice-mark.is-listening i{background:#e5bc75}.design-system-page .ds-carplay__map-scene{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.8fr);overflow:hidden}.design-system-page .ds-carplay__map-art{position:relative;min-height:350px;overflow:hidden;background-color:#344742;background-image:linear-gradient(31deg,transparent 44%,rgba(186,197,169,.16) 44.5% 46%,transparent 46.5%),repeating-linear-gradient(0deg,transparent 0 38px,rgba(224,224,192,.07) 39px 41px),repeating-linear-gradient(90deg,transparent 0 52px,rgba(224,224,192,.06) 53px 55px)}.design-system-page .ds-carplay__map-road{position:absolute;display:block;height:18px;border-block:1px solid rgba(239,228,191,.4);background:#66776b;transform-origin:center}.design-system-page .ds-carplay__map-road--one{top:28%;left:-15%;width:140%;transform:rotate(-15deg)}.design-system-page .ds-carplay__map-road--two{top:64%;left:-20%;width:145%;transform:rotate(25deg)}.design-system-page .ds-carplay__map-route{position:absolute;top:22%;left:48%;width:65px;height:190px;border:6px solid #edc875;border-right-color:transparent;border-bottom-color:transparent;border-radius:60% 0 0;transform:rotate(28deg)}.design-system-page .ds-carplay__map-pin{position:absolute;display:grid;width:32px;height:32px;place-items:center;border:2px solid #eff1e9;border-radius:50% 50% 50% 3px;background:#c47e58;color:#fff;font-size:13px;transform:rotate(-45deg)}.design-system-page .ds-carplay__map-pin--one{top:32%;left:50%}.design-system-page .ds-carplay__map-pin--two{top:67%;left:24%}.design-system-page .ds-carplay__map-pin:first-letter{transform:rotate(45deg)}.design-system-page .ds-carplay__map-label{position:absolute;top:12%;left:12%;color:#d3d9c6;font-size:12px;font-weight:700;letter-spacing:.15em}.design-system-page .ds-carplay__map-side{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:22px 17px 48px;background:#1d2a2e}.design-system-page .ds-carplay__map-side h3{margin:0 0 13px;color:#f4f4eb;font-size:20px}.design-system-page .ds-carplay__map-row{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;width:100%;min-height:54px;padding:8px 4px;border:0;border-top:1px solid rgba(231,238,228,.16);background:transparent;color:#e9ede5;text-align:left;font:inherit;font-size:14px;cursor:pointer}.design-system-page .ds-carplay__map-row span{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:#e5bc75;color:#263439;font-size:13px}.design-system-page .ds-carplay__map-row b{font-weight:500}.design-system-page .ds-carplay__map-side>.ds-carplay__preview-action{margin-top:10px}.design-system-page .ds-carplay__map-controls{position:absolute;right:calc(36% + 14px);bottom:20px;z-index:2;display:flex;gap:7px}.design-system-page .ds-carplay__map-controls button{min-width:43px;min-height:43px;border:1px solid rgba(240,243,231,.35);border-radius:7px;background:#233238;color:#f1f1e8;font:inherit;cursor:pointer}.design-system-page .ds-carplay__map-controls button:last-child{min-width:58px;font-size:13px}.design-system-page .ds-carplay__mock--navigation-map .ds-carplay__map-side{display:none}.design-system-page .ds-carplay__mock--navigation-map .ds-carplay__map-art{grid-column:1 / -1}.design-system-page .ds-carplay__widget{width:min(100%,500px);margin:auto;padding:25px;border:1px solid rgba(231,238,228,.18);border-radius:12px;background:#29383b}.design-system-page .ds-carplay__widget>span{display:block;margin-bottom:11px;color:#e5bc75;font-size:12px;font-weight:700;letter-spacing:.1em}.design-system-page .ds-carplay__widget p{margin:9px 0 0;color:#c4cec6;font-size:15px}.design-system-page .ds-carplay__widget .ds-carplay__preview-action{margin-top:20px}.design-system-page .ds-carplay__detail-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px var(--ds-grid-gap)}.design-system-page .ds-carplay__detail-meta>div{padding-top:11px;border-top:1px solid var(--ds-color-divider)}.design-system-page .ds-carplay__detail-meta h4{margin:0 0 5px;color:var(--ds-color-text);font-size:15px}.design-system-page .ds-carplay__detail-meta p{margin:0;color:var(--ds-color-muted);font-size:14px;line-height:1.45}.design-system-page .ds-carplay__availability{display:inline-block;margin-bottom:9px;color:var(--ds-color-accent);font-size:13px;font-weight:650}.design-system-page .ds-carplay__source{font-size:13px!important}.design-system-page .ds-carplay__controls{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:7px}.design-system-page .ds-carplay__sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.design-system-page .ds-carplay__filter{width:100%;min-height:43px;padding:0 11px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-surface);color:var(--ds-color-text);font:inherit;font-size:14px}.design-system-page .ds-carplay__selector{display:grid;max-height:390px;gap:4px;overflow:auto;padding:1px 3px 1px 1px}.design-system-page .ds-carplay__template-choice{display:flex;min-height:42px;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ds-color-text);text-align:left;font:inherit;cursor:pointer}.design-system-page .ds-carplay__template-choice:hover{background:var(--ds-color-surface)}.design-system-page .ds-carplay__template-choice.is-selected{border-color:var(--ds-color-divider);background:var(--ds-color-surface)}.design-system-page .ds-carplay__template-name{font-size:14px;font-weight:650}.design-system-page .ds-carplay__template-kind{color:var(--ds-color-muted);font-size:12px;white-space:nowrap}.design-system-page .ds-carplay__empty{margin:0;padding:12px;color:var(--ds-color-muted);font-size:14px;line-height:1.45}.design-system-page .ds-carplay__reset{min-height:36px;padding-inline:10px;border:1px solid var(--ds-color-divider);border-radius:6px;background:transparent;color:var(--ds-color-text);font:inherit;font-size:13px;cursor:pointer}.design-system-page .ds-carplay__reset:hover{background:var(--ds-color-surface)}.design-system-page .ds-carplay__live{grid-column:1 / -1;min-height:20px;margin:0;color:var(--ds-color-muted);font-size:13px}.design-system-page .ds-carplay__rules,.design-system-page .ds-carplay__checks,.design-system-page .ds-carplay__notes{padding-top:var(--ds-space-4);border-top:1px solid var(--ds-color-divider)}.design-system-page .ds-carplay__rules h3,.design-system-page .ds-carplay__checks h3,.design-system-page .ds-carplay__notes h3{margin:0 0 var(--ds-space-3);color:var(--ds-color-text);font-size:23px}.design-system-page .ds-carplay__rule-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--ds-grid-gap);margin:0;padding:0;list-style:none}.design-system-page .ds-carplay__rule-list li{padding:12px 0;border-top:1px solid var(--ds-color-divider);color:var(--ds-color-text);font-size:16px;line-height:1.5}.design-system-page .ds-carplay__rule-list strong{color:var(--ds-color-accent)}.design-system-page .ds-carplay__notes-intro{margin:-8px 0 var(--ds-space-3);color:var(--ds-color-muted);font-size:15px;line-height:1.5}.design-system-page .ds-carplay__source{color:var(--ds-color-muted)}.design-system-page .ds-carplay__mock{padding:8px 8px 0;border-color:#26364b;border-radius:15px;background:#101820;box-shadow:0 16px 34px #0f20312e}.design-system-page .ds-carplay__mock-top{height:27px;padding:0 9px 6px;color:#b9c7d7;font-size:11px;letter-spacing:.035em}.design-system-page .ds-carplay__mock-brand{font-weight:650}.design-system-page .ds-carplay__mock-system{color:#f5f8fc;font-variant-numeric:tabular-nums}.design-system-page .ds-carplay__mock-system svg{color:#a9c9ff}.design-system-page .ds-carplay__mock-body{min-height:380px;justify-content:flex-start;border:1px solid #2e3e50;border-radius:9px 9px 0 0;background:#182330;color:#f5f7fa}.design-system-page .ds-carplay__system-rail{position:absolute;z-index:5;inset:0 auto 0 0;display:flex;width:53px;flex-direction:column;align-items:center;gap:8px;padding:10px 5px;border-right:1px solid #354355;background:#111a24}.design-system-page .ds-carplay__rail-clock{margin-bottom:5px;color:#edf4fc;font-size:11px;font-variant-numeric:tabular-nums}.design-system-page .ds-carplay__system-rail button{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:8px;background:transparent;color:#c6d2e0;cursor:pointer}.design-system-page .ds-carplay__system-rail button:hover,.design-system-page .ds-carplay__system-rail button:focus-visible{background:#26384e;color:#fff}.design-system-page .ds-carplay__system-rail button svg{width:19px;height:19px}.design-system-page .ds-carplay__rail-divider{width:27px;border-top:1px solid #405064}.design-system-page .ds-carplay__screen-chrome{position:absolute;z-index:3;top:0;right:0;left:53px;display:flex;height:43px;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid #344256;background:#1a2736;color:#f5f8fc;font-size:15px;font-weight:650}.design-system-page .ds-carplay__screen-chrome>button{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:7px;background:transparent;color:#8db9ff;cursor:pointer}.design-system-page .ds-carplay__screen-chrome svg{width:18px;height:18px}.design-system-page .ds-carplay__chrome-indicator{display:inline-flex;align-items:center;gap:5px;margin-left:auto;color:#b3c0cf;font-size:10px;font-weight:500}.design-system-page .ds-carplay__screen-content{padding:58px 27px 36px}.design-system-page .ds-carplay__mock-body>.ds-carplay__screen-content{width:calc(100% - 53px);margin-left:53px}.design-system-page .ds-carplay__mock-title,.design-system-page .ds-carplay__sheet h3,.design-system-page .ds-carplay__alert h3,.design-system-page .ds-carplay__map-side h3,.design-system-page .ds-carplay__contact h3,.design-system-page .ds-carplay__voice h3,.design-system-page .ds-carplay__widget h3{color:#f7f9fc}.design-system-page .ds-carplay__preview-action{border-color:#4f6075;border-radius:8px;background:#2a3a4e;color:#f5f8fc}.design-system-page .ds-carplay__preview-action.is-primary{border-color:#3f8cff;background:#2478ed;color:#fff}.design-system-page .ds-carplay__preview-action:focus-visible,.design-system-page .ds-carplay__mock-tile:focus-visible,.design-system-page .ds-carplay__mock-list-row:focus-visible,.design-system-page .ds-carplay__mock-tabs button:focus-visible,.design-system-page .ds-carplay__map-controls button:focus-visible,.design-system-page .ds-carplay__map-row:focus-visible,.design-system-page .ds-carplay__system-rail button:focus-visible,.design-system-page .ds-carplay__screen-chrome button:focus-visible{outline:3px solid #83b7ff;outline-offset:2px}.design-system-page .ds-carplay__preview-feedback{position:static;min-height:32px;padding:8px 10px;border:1px solid #26364b;border-top:0;border-radius:0 0 9px 9px;background:#111a24;color:#c3d0df;font-size:11px;text-align:left}.design-system-page .ds-carplay__sheet-scene,.design-system-page .ds-carplay__alert-scene,.design-system-page .ds-carplay__tab-scene,.design-system-page .ds-carplay__map-scene{top:43px;left:53px;width:calc(100% - 53px)}.design-system-page .ds-carplay__sheet-scene,.design-system-page .ds-carplay__alert-scene{padding:18px}.design-system-page .ds-carplay__dimmed-content{padding:28px;color:#c1ccd9}.design-system-page .ds-carplay__sheet-scene:after,.design-system-page .ds-carplay__alert-scene:after{background:#050b12ad}.design-system-page .ds-carplay__sheet,.design-system-page .ds-carplay__alert{border-color:#415168;border-radius:12px;background:#202e3f}.design-system-page .ds-carplay__sheet p,.design-system-page .ds-carplay__alert p{color:#c5d0dc}.design-system-page .ds-carplay__alert-mark{border-color:#8db9ff;color:#8db9ff}.design-system-page .ds-carplay__mock-tile{border-color:#3b4d62;border-radius:10px;background:#233246;color:#f1f5fa}.design-system-page .ds-carplay__mock-tile b{display:grid;place-items:center;color:#81b3ff}.design-system-page .ds-carplay__mock-tile svg{width:25px;height:25px;stroke-width:1.8}.design-system-page .ds-carplay__mock-list-row{border-color:#3b4a5c;color:#f2f6fb}.design-system-page .ds-carplay__mock-list-row small{color:#b4c2d2}.design-system-page .ds-carplay__mock-list-row>b{display:grid;place-items:center;color:#92baff}.design-system-page .ds-carplay__mock-list-row>b svg{width:19px;height:19px}.design-system-page .ds-carplay__list-icon{background:#2a3c53;color:#96bdff}.design-system-page .ds-carplay__list-icon svg{width:19px;height:19px}.design-system-page .ds-carplay__info-list div{border-color:#3a4a5d;background:#202e3f}.design-system-page .ds-carplay__info-list dt{color:#bdc9d8}.design-system-page .ds-carplay__info-list dd{color:#f6f8fb}.design-system-page .ds-carplay__tab-scene{min-height:0}.design-system-page .ds-carplay__tab-scene .ds-carplay__screen-content{padding-top:20px}.design-system-page .ds-carplay__simple-row{border-color:#3b4a5c;color:#f2f6fb}.design-system-page .ds-carplay__simple-row b{display:grid;color:#93baff}.design-system-page .ds-carplay__simple-row svg{width:18px}.design-system-page .ds-carplay__mock-tabs{border-color:#3b4a5c;background:#121d29}.design-system-page .ds-carplay__mock-tabs button{color:#c8d3e0}.design-system-page .ds-carplay__mock-tabs button[aria-pressed=true]{color:#8ebaff;background:#1d2d40}.design-system-page .ds-carplay__mock-tabs b{display:grid;place-items:center;color:currentColor}.design-system-page .ds-carplay__mock-tabs svg{width:19px;height:19px}.design-system-page .ds-carplay__now-playing{padding-top:58px}.design-system-page .ds-carplay__now-playing,.design-system-page .ds-carplay__contact,.design-system-page .ds-carplay__voice,.design-system-page .ds-carplay__widget{margin-left:53px;width:calc(100% - 53px)}.design-system-page .ds-carplay__contact,.design-system-page .ds-carplay__voice,.design-system-page .ds-carplay__widget{max-width:none}.design-system-page .ds-carplay__album-art{background:linear-gradient(145deg,#a8c8f5 0 39%,#536d9b 39% 65%,#1c2b43 65%);color:#15253b}.design-system-page .ds-carplay__album-art i{border-color:#f5f9ff8c}.design-system-page .ds-carplay__track-info p,.design-system-page .ds-carplay__track-info small{color:#c3cfde}.design-system-page .ds-carplay__track-progress{background:#526174}.design-system-page .ds-carplay__track-progress i{background:#69a5ff}.design-system-page .ds-carplay__transport button{display:grid;place-items:center;border-color:#53647a;background:#26374b;color:#f3f7fc}.design-system-page .ds-carplay__transport button svg{width:21px;height:21px}.design-system-page .ds-carplay__transport button:nth-child(2){border-color:#3884f5;background:#2478ed;color:#fff}.design-system-page .ds-carplay__search-field{border-color:#45576c;background:#202e3f;color:#8ebaff}.design-system-page .ds-carplay__search-field svg{width:19px;height:19px}.design-system-page .ds-carplay__search-field input{color:#f4f7fb}.design-system-page .ds-carplay__search-field input::placeholder{color:#b5c1cf}.design-system-page .ds-carplay__map-art{background-color:#344558;background-image:linear-gradient(31deg,transparent 44%,rgba(193,212,232,.17) 44.5% 46%,transparent 46.5%),repeating-linear-gradient(0deg,transparent 0 38px,rgba(221,233,245,.08) 39px 41px),repeating-linear-gradient(90deg,transparent 0 52px,rgba(221,233,245,.07) 53px 55px)}.design-system-page .ds-carplay__map-road{border-color:#dce8f780;background:#657c95}.design-system-page .ds-carplay__map-route{border-top-color:#75aaff;border-left-color:#75aaff}.design-system-page .ds-carplay__map-pin{background:#2677e8}.design-system-page .ds-carplay__map-label{color:#e0eaf5}.design-system-page .ds-carplay__map-side{background:#1b2939}.design-system-page .ds-carplay__map-row{border-color:#3b4a5c;color:#edf3fa}.design-system-page .ds-carplay__map-row span{background:#347fe6;color:#fff}.design-system-page .ds-carplay__map-controls button{border-color:#53647a;background:#1d2a3a;color:#f3f7fc}.design-system-page .ds-carplay__contact-avatar{background:#34577f;color:#e9f2ff}.design-system-page .ds-carplay__voice-mark.is-listening i{background:#75aaff}.design-system-page .ds-carplay__widget{border-color:#3b4c60;background:#202e3f}.design-system-page .ds-carplay__widget>span{color:#94bbf4}.design-system-page .ds-carplay__widget p{color:#c8d3e0}.design-system-page .ds-carplay__mock--navigation-map .ds-carplay__map-art{top:0}@media (min-width: 768px) and (max-width: 1023px){.design-system-page .ds-carplay__visual{grid-column:span 7}.design-system-page .ds-carplay__chooser{grid-column:span 5}.design-system-page .ds-carplay__selector{max-height:420px}.design-system-page .ds-carplay__mock-body{min-height:330px}.design-system-page .ds-carplay__map-scene{grid-template-columns:minmax(0,1fr) minmax(165px,.8fr)}}@media (max-width: 767px){.design-system-page .ds-carplay{gap:var(--ds-space-4)}.design-system-page .ds-carplay__section-head{align-items:flex-start;flex-direction:column;gap:5px}.design-system-page .ds-carplay__workspace{grid-template-columns:minmax(0,1fr)}.design-system-page .ds-carplay__visual,.design-system-page .ds-carplay__chooser{grid-column:1 / -1}.design-system-page .ds-carplay__selector{grid-template-columns:repeat(2,minmax(0,1fr));max-height:245px}.design-system-page .ds-carplay__template-choice{min-width:0;min-height:44px;padding:7px}.design-system-page .ds-carplay__template-kind{display:none}.design-system-page .ds-carplay__mock{padding:6px;border-radius:14px}.design-system-page .ds-carplay__mock-body{min-height:355px}.design-system-page .ds-carplay__mock-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.design-system-page .ds-carplay__mock-tile{min-height:78px;padding:5px 2px;font-size:12px}.design-system-page .ds-carplay__mock-tile b{font-size:22px}.design-system-page .ds-carplay__info-list{grid-template-columns:1fr;gap:7px}.design-system-page .ds-carplay__info-list div{display:flex;min-height:56px;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px}.design-system-page .ds-carplay__info-list dd{margin:0;text-align:right;font-size:16px}.design-system-page .ds-carplay__now-playing{grid-template-columns:minmax(95px,.68fr) minmax(0,1fr);gap:14px;padding:17px}.design-system-page .ds-carplay__transport{gap:19px}.design-system-page .ds-carplay__contact{grid-template-columns:68px minmax(0,1fr);gap:13px;padding:20px}.design-system-page .ds-carplay__contact-avatar{width:62px;height:62px;font-size:19px}.design-system-page .ds-carplay__map-scene{grid-template-columns:minmax(0,1fr) minmax(135px,.82fr)}.design-system-page .ds-carplay__map-art{min-height:355px}.design-system-page .ds-carplay__map-side{padding:13px 9px 45px}.design-system-page .ds-carplay__map-side h3{font-size:17px}.design-system-page .ds-carplay__map-row{grid-template-columns:22px minmax(0,1fr);gap:6px;font-size:12px}.design-system-page .ds-carplay__map-row span{width:21px;height:21px}.design-system-page .ds-carplay__map-controls{right:calc(38% + 6px);gap:4px}.design-system-page .ds-carplay__map-controls button{min-width:35px;min-height:38px}.design-system-page .ds-carplay__map-controls button:last-child{min-width:43px}.design-system-page .ds-carplay__detail-meta,.design-system-page .ds-carplay__rule-list{grid-template-columns:1fr}.design-system-page .ds-carplay__controls{grid-template-columns:minmax(0,1fr) 110px}.design-system-page .ds-carplay__count{white-space:normal}}@media (max-width: 420px){.design-system-page .ds-carplay__mock-body{min-height:325px}.design-system-page .ds-carplay__map-scene{grid-template-columns:minmax(0,1fr)}.design-system-page .ds-carplay__map-art{min-height:195px}.design-system-page .ds-carplay__map-side{padding:12px 12px 45px}.design-system-page .ds-carplay__map-side h3{margin-bottom:5px}.design-system-page .ds-carplay__map-row{min-height:38px}.design-system-page .ds-carplay__map-controls{right:9px;bottom:9px}.design-system-page .ds-carplay__mock--navigation-map .ds-carplay__map-art{min-height:325px}}@media (prefers-reduced-motion: reduce){.design-system-page .ds-carplay__preview-action,.design-system-page .ds-carplay__template-choice{transition:none}}.ds-car-platform-notes{grid-column:1 / -1;display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:32px var(--ds-grid-gap);min-width:0;margin-block:48px 16px;padding-block:32px 0;border-top:0}.ds-car-platform-notes>section{grid-column:span 6;min-width:0}.ds-car-platform-notes h2{display:flex;align-items:center;gap:12px;margin:0 0 20px;font-size:22px;font-weight:650;line-height:1.3;letter-spacing:-.02em}.ds-car-platform-notes svg{flex:none}.ds-car-platform-notes ul{display:grid;gap:12px;margin:0;padding-left:20px;color:var(--ds-color-muted);font-size:16px;line-height:1.65}.ds-car-platform-notes li{padding-left:4px;overflow-wrap:anywhere}.ds-car-platform-notes li::marker{color:var(--ds-color-muted)}@media (min-width:1024px){.ds-car-platform-notes>section:first-child{grid-column:span 5}.ds-car-platform-notes>section:last-child{grid-column:span 4}}@media (max-width:767px){.ds-car-platform-notes>section{grid-column:1 / -1}}.ds-car-platform-notes--single>section:first-child{grid-column:1 / -1;max-width:72ch}.design-system-page .ds-accessibility-guide,.design-system-page .ds-accessibility-topic-picker{grid-column:1 / -1;min-width:0}.design-system-page .ds-accessibility-guide{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:clamp(28px,4vw,56px) var(--ds-grid-gap);margin-block:var(--ds-space-4) var(--ds-space-8)}.design-system-page .ds-accessibility-topic-picker{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-space-4) var(--ds-grid-gap);padding-block:var(--ds-space-4);border-block:1px solid var(--ds-color-divider)}.design-system-page .ds-accessibility-topic-picker>h2{grid-column:1 / -1;margin:0;color:var(--ds-color-text);font-size:clamp(23px,2.8vw,32px);line-height:1.2;letter-spacing:-.035em}.design-system-page .ds-accessibility-topic-picker__controls{grid-column:span 3;display:grid;align-content:start;gap:var(--ds-space-2);min-width:0}.design-system-page .ds-accessibility-topic-picker__controls label{color:var(--ds-color-text);font-size:16px;font-weight:650;line-height:1.45}.design-system-page .ds-accessibility-topic-picker__controls select{width:100%;min-height:48px;padding:10px 40px 10px 12px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-surface);color:var(--ds-color-text);font:inherit;font-size:16px}.design-system-page .ds-accessibility-topic-picker__controls select:focus-visible,.design-system-page .ds-topic-accessibility__link:focus-visible,.design-system-page .ds-accessibility-guide__index a:focus-visible,.design-system-page .ds-accessibility-detail__anchor:focus-visible,.design-system-page .ds-a11y-demo-button:focus-visible,.design-system-page .ds-a11y-visual button:focus-visible,.design-system-page .ds-a11y-demo-form input:focus-visible{outline:3px solid var(--ds-color-focus, var(--ds-color-accent));outline-offset:3px}.design-system-page .ds-a11y-feedback-demo,.design-system-page .ds-a11y-progress-demo,.design-system-page .ds-a11y-tabs-demo,.design-system-page .ds-a11y-media-demo{display:grid;width:min(100%,420px);gap:12px;color:var(--ds-color-text)}.design-system-page .ds-a11y-feedback-demo>strong,.design-system-page .ds-a11y-progress-demo strong,.design-system-page .ds-a11y-tabs-demo strong,.design-system-page .ds-a11y-slide strong{font-size:16px;line-height:1.35}.design-system-page .ds-a11y-feedback-demo__actions{display:flex;flex-wrap:wrap;gap:8px}.design-system-page .ds-a11y-feedback-demo__actions button,.design-system-page .ds-a11y-tabs-demo__list button{min-height:44px;padding:8px 12px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-surface);color:var(--ds-color-text);font:inherit;font-size:14px;cursor:pointer}.design-system-page .ds-a11y-feedback-demo__actions button:disabled{cursor:not-allowed;opacity:.6}.design-system-page .ds-a11y-feedback-demo__status{min-height:1.4em;margin:0;color:var(--ds-color-muted);font-size:14px}.design-system-page .ds-a11y-progress-demo__label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.design-system-page .ds-a11y-progress-demo__label span,.design-system-page .ds-a11y-slide>span,.design-system-page .ds-a11y-mini-card span{color:var(--ds-color-muted);font-size:14px;line-height:1.4}.design-system-page .ds-a11y-progress-demo progress{width:100%;height:12px;accent-color:var(--ds-color-accent)}.design-system-page .ds-a11y-tabs-demo__list{display:flex;flex-wrap:wrap;gap:6px}.design-system-page .ds-a11y-tabs-demo__list button[aria-selected=true]{border-color:var(--ds-color-accent);box-shadow:inset 0 -2px var(--ds-color-accent);font-weight:700}.design-system-page .ds-a11y-tabs-demo [role=tabpanel]{min-height:54px;padding:12px;border-inline-start:3px solid var(--ds-color-accent);background:color-mix(in srgb,var(--ds-color-surface) 88%,var(--ds-color-accent));font-size:14px;line-height:1.45}.design-system-page .ds-a11y-native-dialog{width:min(440px,calc(100vw - 32px));max-width:none;padding:24px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-surface);color:var(--ds-color-text);box-shadow:0 18px 52px color-mix(in srgb,var(--ds-color-text) 24%,transparent)}.design-system-page .ds-a11y-native-dialog::backdrop{background:color-mix(in srgb,var(--ds-color-text) 42%,transparent)}.design-system-page .ds-a11y-native-dialog h4{margin:0;font-size:19px}.design-system-page .ds-a11y-native-dialog p{margin:8px 0 16px;color:var(--ds-color-muted);font-size:14px;line-height:1.45}.design-system-page .ds-a11y-native-dialog label{display:grid;gap:6px;margin-bottom:14px;font-size:14px;font-weight:650}.design-system-page .ds-a11y-native-dialog input{min-height:44px;padding:8px 10px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-surface);color:var(--ds-color-text);font:inherit}.design-system-page .ds-a11y-banner-demo{display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;padding:14px;border-inline-start:4px solid var(--ds-color-accent);background:color-mix(in srgb,var(--ds-color-surface) 86%,var(--ds-color-accent));color:var(--ds-color-text)}.design-system-page .ds-a11y-banner-demo>div{display:grid;gap:4px}.design-system-page .ds-a11y-banner-demo span{color:var(--ds-color-muted);font-size:14px;line-height:1.4}.design-system-page .ds-a11y-banner-demo button{min-height:44px;flex:0 0 auto;padding:8px 12px;border:1px solid var(--ds-color-accent);border-radius:var(--ds-radius);background:var(--ds-color-surface);color:var(--ds-color-text);font:inherit;font-size:14px;font-weight:650;cursor:pointer}.design-system-page .ds-a11y-slide,.design-system-page .ds-a11y-mini-card{display:grid;width:min(100%,360px);gap:7px;padding:12px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-surface)}.design-system-page .ds-a11y-media-demo__count{color:var(--ds-color-accent);font-size:13px;font-weight:700}.design-system-page .ds-a11y-progress-track{display:block;width:min(100%,240px);height:10px;overflow:hidden;border-radius:10px;background:var(--ds-color-divider)}.design-system-page .ds-a11y-progress-track i{display:block;height:100%;background:var(--ds-color-muted)}.design-system-page .ds-accessibility-topic-picker__example{grid-column:span 9;display:grid;gap:var(--ds-space-3);min-width:0}.design-system-page .ds-accessibility-topic-picker__example>h3{margin:0;color:var(--ds-color-text);font-size:clamp(19px,2vw,24px);line-height:1.3}.design-system-page .ds-topic-accessibility{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:var(--ds-space-2) var(--ds-grid-gap);min-width:0;padding-top:var(--ds-space-3);border-top:1px solid var(--ds-color-divider)}.design-system-page .ds-topic-accessibility__heading{grid-column:span 3}.design-system-page .ds-topic-accessibility__heading h2{margin:0;color:var(--ds-color-text);font-size:17px;line-height:1.4}.design-system-page .ds-topic-accessibility ul{grid-column:span 6;display:grid;gap:6px;margin:0;padding-left:1.15em;color:var(--ds-color-text);font-size:15px;line-height:1.45}.design-system-page .ds-topic-accessibility li::marker{color:var(--ds-color-accent)}.design-system-page .ds-topic-accessibility__link{grid-column:4 / -1;justify-self:start;color:var(--ds-color-accent);font-size:15px;font-weight:650;text-underline-offset:.2em}.design-system-page .ds-accessibility-topic-picker__example>a{justify-self:start;color:var(--ds-color-accent);font-size:15px;font-weight:650;text-underline-offset:.2em}.design-system-page .ds-a11y-example{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-grid-gap);min-width:0}.design-system-page .ds-a11y-example__side{display:grid;grid-column:1 / -1;align-content:start;gap:var(--ds-space-2);min-width:0}@media (min-width: 768px){.design-system-page .ds-a11y-example__side{grid-column:span 6}}@media (min-width: 1024px){.design-system-page .ds-a11y-example__side:first-child{grid-column:span 5}.design-system-page .ds-a11y-example__side:last-child{grid-column:span 4}}.design-system-page .ds-a11y-example__side h4{margin:0;color:var(--ds-color-text);font-size:16px;font-weight:700}.design-system-page .ds-a11y-example__caption{margin:0;color:var(--ds-color-muted);font-size:14px;line-height:1.45}.design-system-page .ds-a11y-visual{position:relative;display:flex;min-height:152px;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--ds-space-2);overflow:hidden;padding:var(--ds-space-3);border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-surface);color:var(--ds-color-text)}.design-system-page .ds-a11y-visual--dont{align-items:center;background:color-mix(in srgb,var(--ds-color-surface) 86%,var(--ds-color-divider))}.design-system-page .ds-a11y-visual__hint,.design-system-page .ds-a11y-visual__note{max-width:48ch;margin:0;color:var(--ds-color-muted);font-size:14px;line-height:1.45}.design-system-page .ds-a11y-demo-button,.design-system-page .ds-a11y-target-button,.design-system-page .ds-a11y-structure-demo button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:9px 14px;border:1px solid var(--ds-color-accent);border-radius:var(--ds-radius);background:var(--ds-color-surface);color:var(--ds-color-text);font:inherit;font-size:15px;font-weight:650;cursor:pointer}.design-system-page .ds-a11y-visual button:hover{filter:brightness(1.08)}.design-system-page .ds-a11y-mock__dim{position:absolute;inset:0;background:color-mix(in srgb,var(--ds-color-text) 38%,transparent)}.design-system-page .ds-a11y-mock__card{z-index:1;padding:14px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-surface);color:var(--ds-color-text);line-height:1.5}.design-system-page .ds-a11y-mock__icon-button{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--ds-color-divider);border-radius:50%;color:var(--ds-color-muted);font-size:22px}.design-system-page .ds-a11y-visual__toolbar{display:flex;gap:8px}.design-system-page .ds-a11y-visual__toolbar button,.design-system-page .ds-a11y-demo-form button{min-height:40px;padding:7px 12px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-surface);color:var(--ds-color-text);font:inherit;font-size:14px;cursor:pointer}.design-system-page .ds-a11y-visual__toolbar button[aria-pressed=true]{border-color:var(--ds-color-accent);box-shadow:inset 0 -2px var(--ds-color-accent)}.design-system-page .ds-a11y-scale-copy{max-width:34ch;margin:0;color:var(--ds-color-text);font-size:16px;line-height:1.45}.design-system-page .ds-a11y-scale-copy.is-large{font-size:26px}.design-system-page .ds-a11y-low-contrast{padding:8px;background:var(--ds-color-surface);color:color-mix(in srgb,var(--ds-color-text) 30%,var(--ds-color-surface));font-size:16px}.design-system-page .ds-a11y-target-button{min-width:160px;min-height:48px}.design-system-page .ds-a11y-tiny-target{display:grid;width:18px;height:18px;place-items:center;border:1px solid var(--ds-color-muted);color:var(--ds-color-muted)}.design-system-page .ds-a11y-motion-demo{display:flex;align-items:center;gap:var(--ds-space-3)}.design-system-page .ds-a11y-motion-demo button{min-height:44px;padding:8px 12px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-surface);color:var(--ds-color-text);font:inherit;cursor:pointer}.design-system-page .ds-a11y-motion-dot{display:block;width:24px;height:24px;flex:0 0 auto;border-radius:50%;background:var(--ds-color-accent)}.design-system-page .ds-a11y-motion-dot.is-moving{animation:ds-a11y-drift 1.2s ease-in-out infinite alternate}@keyframes ds-a11y-drift{to{transform:translate(60px)}}.design-system-page .ds-a11y-demo-form{display:grid;width:min(100%,360px);grid-template-columns:1fr auto;gap:8px}.design-system-page .ds-a11y-demo-form label,.design-system-page .ds-a11y-form-message{grid-column:1 / -1}.design-system-page .ds-a11y-demo-form label{color:var(--ds-color-text);font-size:15px;font-weight:650}.design-system-page .ds-a11y-demo-form input{min-width:0;min-height:44px;padding:8px 10px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-surface);color:var(--ds-color-text);font:inherit}.design-system-page .ds-a11y-demo-form input[aria-invalid=true]{border-color:var(--ds-color-danger, var(--ds-color-accent))}.design-system-page .ds-a11y-form-message{min-height:1.4em;color:var(--ds-color-text);font-size:14px}.design-system-page .ds-a11y-mock__field{display:block;width:min(100%,220px);height:38px;border:2px solid var(--ds-color-danger, var(--ds-color-accent));border-radius:var(--ds-radius)}.design-system-page .ds-a11y-mock__error{color:var(--ds-color-danger, var(--ds-color-accent));font-size:14px}.design-system-page .ds-a11y-structure-demo{display:grid;gap:8px}.design-system-page .ds-a11y-structure-demo strong{color:var(--ds-color-text);font-size:18px}.design-system-page .ds-a11y-structure-demo p{margin:0;color:var(--ds-color-muted);font-size:14px}.design-system-page .ds-a11y-mock__line{display:block;width:min(100%,230px);height:8px;border-radius:4px;background:var(--ds-color-divider)}.design-system-page .ds-a11y-mock__line--short{width:min(52%,130px);height:13px;margin-bottom:8px}.design-system-page .ds-accessibility-guide__index{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:var(--ds-space-2) var(--ds-space-4);padding-block:var(--ds-space-3);border-block:1px solid var(--ds-color-divider)}.design-system-page .ds-accessibility-guide__index a{color:var(--ds-color-accent);font-size:15px;line-height:1.5;text-decoration-thickness:1px;text-underline-offset:.2em}.design-system-page .ds-accessibility-detail{grid-column:1 / -1;display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-space-3) var(--ds-grid-gap);scroll-margin-top:2rem;padding-top:var(--ds-space-6);border-top:1px solid var(--ds-color-divider)}.design-system-page .ds-accessibility-guide__disclosure-controls{grid-column:1 / -1;display:flex;justify-content:flex-end}.design-system-page .ds-accessibility-guide__disclosure-controls button{min-height:44px;padding:8px 16px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:transparent;color:var(--ds-color-text);font:inherit;cursor:pointer}.design-system-page .ds-accessibility-guide__disclosure-controls button:focus-visible{outline:3px solid var(--ds-color-accent);outline-offset:3px}.design-system-page .ds-accessibility-detail h2,.design-system-page .ds-accessibility-detail__intro,.design-system-page .ds-accessibility-detail__platforms,.design-system-page .ds-accessibility-detail__check{grid-column:1 / -1;margin:0}.design-system-page .ds-accessibility-detail h2{color:var(--ds-color-text);font-size:clamp(21px,2vw,26px);line-height:1.25;letter-spacing:-.025em}.design-system-page .ds-accessibility-detail__anchor{color:inherit;text-decoration:none}.design-system-page .ds-accessibility-detail__intro{max-width:64ch;color:var(--ds-color-muted);font-size:16px;line-height:1.5}.design-system-page .ds-accessibility-detail__check{color:var(--ds-color-text);font-size:15px;line-height:1.5}.design-system-page .ds-accessibility-detail__check strong{color:var(--ds-color-accent)}.design-system-page .ds-accessibility-detail__platforms{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-space-2) var(--ds-grid-gap)}.design-system-page .ds-accessibility-detail__platforms details{grid-column:span 3;align-self:start;min-width:0}.design-system-page .ds-accessibility-detail__platforms summary{min-height:44px;padding-block:10px;color:var(--ds-color-text);font-size:15px;font-weight:650;cursor:pointer}.design-system-page .ds-accessibility-detail__platforms summary:focus-visible{outline:2px solid var(--ds-color-focus, var(--ds-color-accent));outline-offset:3px}.design-system-page .ds-accessibility-detail__platforms p{margin:0 0 var(--ds-space-3);color:var(--ds-color-muted);font-size:15px;line-height:1.5}.design-system-page .ds-accessibility-detail:focus{outline:none}.design-system-page .ds-accessibility-detail:focus-visible{outline:2px solid var(--ds-color-focus, var(--ds-color-accent));outline-offset:6px}@media (prefers-reduced-motion: reduce){.design-system-page .ds-a11y-motion-dot.is-moving,.design-system-page .ds-a11y-scale-copy{animation:none;transition:none}}@media (min-width: 768px) and (max-width: 1023px){.design-system-page .ds-accessibility-detail__platforms details{grid-column:span 4}.design-system-page .ds-accessibility-topic-picker__controls{grid-column:span 4}.design-system-page .ds-accessibility-topic-picker__example{grid-column:span 8}.design-system-page .ds-topic-accessibility{grid-template-columns:repeat(8,minmax(0,1fr))}.design-system-page .ds-topic-accessibility__heading,.design-system-page .ds-topic-accessibility ul{grid-column:span 8}.design-system-page .ds-topic-accessibility__link{grid-column:1 / -1}}@media (max-width: 767px){.design-system-page .ds-accessibility-topic-picker__controls,.design-system-page .ds-accessibility-topic-picker__example{grid-column:1 / -1}.design-system-page .ds-a11y-example{grid-template-columns:1fr}.design-system-page .ds-a11y-visual{min-height:132px}.design-system-page .ds-a11y-banner-demo{align-items:flex-start;flex-direction:column}.design-system-page .ds-topic-accessibility{grid-template-columns:1fr}.design-system-page .ds-topic-accessibility__heading,.design-system-page .ds-topic-accessibility ul,.design-system-page .ds-topic-accessibility__link{grid-column:1 / -1}.design-system-page .ds-accessibility-detail__platforms details{grid-column:1 / -1}}.design-system-page .ds-progress-study{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-space-6) var(--ds-grid-gap);margin-block:0 var(--ds-space-8);color:var(--ds-color-text)}.design-system-page .ds-progress-study>*{min-width:0}.design-system-page .ds-progress-study__intro,.design-system-page .ds-progress-study__demo,.design-system-page .ds-progress-study__examples,.design-system-page .ds-progress-study__steps,.design-system-page .ds-progress-study__guidance,.design-system-page .ds-progress-study__motion-note{grid-column:1 / -1}.design-system-page .ds-progress-study__intro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);align-items:end;gap:var(--ds-grid-gap);padding-block:var(--ds-space-4) var(--ds-space-6);border-bottom:1px solid var(--ds-color-divider)}.design-system-page .ds-progress-study__intro h2,.design-system-page .ds-progress-study__intro p,.design-system-page .ds-progress-study__timing p,.design-system-page .ds-progress-study__demo-head h3,.design-system-page .ds-progress-study__demo-head p,.design-system-page .ds-progress-study__measure h4,.design-system-page .ds-progress-study__example h3,.design-system-page .ds-progress-study__example p,.design-system-page .ds-progress-study__steps h3,.design-system-page .ds-progress-study__steps p,.design-system-page .ds-progress-study__guidance h3,.design-system-page .ds-progress-study__guidance-item h4{margin:0}.design-system-page .ds-progress-study__eyebrow{margin:0 0 var(--ds-space-2);color:var(--ds-color-accent);font-size:14px;font-weight:700;letter-spacing:.07em;line-height:1.35;text-transform:uppercase}.design-system-page .ds-progress-study__intro h2{max-width:740px;font-family:var(--font-display, "Instrument Sans", sans-serif);font-size:clamp(34px,5vw,58px);font-weight:650;letter-spacing:-.045em;line-height:1.04}.design-system-page .ds-progress-study__intro>div:first-child>p:last-child{max-width:650px;margin-top:var(--ds-space-3);color:var(--ds-color-muted);font-size:18px;line-height:1.55}.design-system-page .ds-progress-study__timing{display:grid;grid-template-columns:5px 1fr;gap:var(--ds-space-2) var(--ds-space-3);align-items:start;padding:var(--ds-space-4);background:var(--ds-color-surface)}.design-system-page .ds-progress-study__timing-mark{grid-row:1 / 3;width:4px;height:100%;min-height:72px;background:var(--ds-color-accent)}.design-system-page .ds-progress-study__timing p{display:grid;gap:3px;font-size:15px;line-height:1.45}.design-system-page .ds-progress-study__timing p strong{font-size:16px}.design-system-page .ds-progress-study__timing p span{color:var(--ds-color-muted)}.design-system-page .ds-progress-study__demo{display:grid;gap:var(--ds-space-4);padding:var(--ds-space-4);border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius)}.design-system-page .ds-progress-study__demo-head{display:flex;align-items:end;justify-content:space-between;gap:var(--ds-space-4);padding-bottom:var(--ds-space-4);border-bottom:1px solid var(--ds-color-divider)}.design-system-page .ds-progress-study__demo-head h3,.design-system-page .ds-progress-study__steps h3,.design-system-page .ds-progress-study__guidance-head h3{font-family:var(--font-display, "Instrument Sans", sans-serif);font-size:clamp(23px,3vw,32px);letter-spacing:-.03em;line-height:1.2}.design-system-page .ds-progress-study__demo-head>div:first-child>p:last-child{margin-top:var(--ds-space-1);color:var(--ds-color-muted);font-size:16px;line-height:1.5}.design-system-page .ds-progress-study__actions,.design-system-page .ds-progress-study__step-actions{display:flex;flex-wrap:wrap;gap:var(--ds-space-2)}.design-system-page .ds-progress-study__button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-surface);color:var(--ds-color-text);font:inherit;font-size:15px;font-weight:600;cursor:pointer}.design-system-page .ds-progress-study__button--primary{border-color:var(--ds-color-accent);background:var(--ds-color-accent);color:var(--ds-color-canvas, var(--ds-color-surface))}.design-system-page .ds-progress-study__button:disabled{opacity:.55;cursor:not-allowed}.design-system-page .ds-progress-study__button:focus-visible,.design-system-page .ds-progress-study__guidance-item summary:focus-visible{outline:3px solid var(--ds-color-accent);outline-offset:3px}.design-system-page .ds-progress-study__measured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-grid-gap)}.design-system-page .ds-progress-study__measure{display:grid;align-content:start;gap:var(--ds-space-4);min-width:0;padding:var(--ds-space-4);background:var(--ds-color-surface)}.design-system-page .ds-progress-study__measure-title{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--ds-space-1) var(--ds-space-3)}.design-system-page .ds-progress-study__measure-title h4{font-size:20px}.design-system-page .ds-progress-study__measure-title>span,.design-system-page .ds-progress-study__value-row>span:last-child{color:var(--ds-color-muted);font-size:14px}.design-system-page .ds-progress-study__task-label{font-size:16px;font-weight:650}.design-system-page .ds-progress-study__linear-track{height:10px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--ds-color-accent) 18%,var(--ds-color-surface))}.design-system-page .ds-progress-study__linear-track>span{display:block;width:100%;height:100%;border-radius:inherit;background:var(--ds-color-accent);transform-origin:left center}.design-system-page .ds-progress-study__value-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ds-space-2)}.design-system-page .ds-progress-study__value-row>span:first-child{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.design-system-page .ds-progress-study__circle-row{display:flex;align-items:center;gap:var(--ds-space-4)}.design-system-page .ds-progress-study__ring-wrap{position:relative;display:grid;width:118px;height:118px;flex:0 0 118px;place-items:center}.design-system-page .ds-progress-study__ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.design-system-page .ds-progress-study__ring circle{fill:none;stroke-width:8}.design-system-page .ds-progress-study__ring-track{stroke:color-mix(in srgb,var(--ds-color-accent) 18%,var(--ds-color-surface))}.design-system-page .ds-progress-study__ring-value{stroke:var(--ds-color-accent);stroke-dasharray:264;stroke-linecap:round}.design-system-page .ds-progress-study__ring-wrap>span{font-size:23px;font-weight:700;font-variant-numeric:tabular-nums}.design-system-page .ds-progress-study__circle-row>p{display:grid;gap:var(--ds-space-1);font-size:15px;line-height:1.5}.design-system-page .ds-progress-study__circle-row>p span{color:var(--ds-color-muted)}.design-system-page .ds-progress-study__feedback{min-height:24px;margin:0;color:var(--ds-color-muted);font-size:14px;line-height:1.5}.design-system-page .ds-progress-study__examples{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--ds-grid-gap)}.design-system-page .ds-progress-study__example{display:grid;grid-column:span 4;align-content:start;gap:var(--ds-space-3);min-width:0;padding:var(--ds-space-4);border-top:2px solid var(--ds-color-accent)}.design-system-page .ds-progress-study__example--skeleton{grid-column:span 5}.design-system-page .ds-progress-study__example--dots{grid-column:span 3}.design-system-page .ds-progress-study__example h3{font-size:20px;line-height:1.25}.design-system-page .ds-progress-study__example>p,.design-system-page .ds-progress-study__example-note{font-size:15px;line-height:1.5}.design-system-page .ds-progress-study__example-note{color:var(--ds-color-muted)}.design-system-page .ds-progress-study__example-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3)}.design-system-page .ds-progress-study__spinner{width:30px;height:30px;flex:0 0 30px;border:3px solid color-mix(in srgb,var(--ds-color-accent) 20%,transparent);border-top-color:var(--ds-color-accent);border-radius:50%;animation:ds-progress-spin .85s linear infinite!important}.design-system-page .ds-progress-study__skeleton-preview{display:flex;align-items:center;gap:var(--ds-space-3);min-height:78px;padding:var(--ds-space-3);background:var(--ds-color-surface)}.design-system-page .ds-progress-study__skeleton-avatar,.design-system-page .ds-progress-study__skeleton-lines i{display:block;background:color-mix(in srgb,var(--ds-color-accent) 13%,var(--ds-color-surface))}.design-system-page .ds-progress-study__skeleton-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:50%}.design-system-page .ds-progress-study__skeleton-lines{display:grid;flex:1;gap:8px}.design-system-page .ds-progress-study__skeleton-lines i{height:8px;border-radius:4px}.design-system-page .ds-progress-study__skeleton-lines i:nth-child(2){width:84%}.design-system-page .ds-progress-study__skeleton-lines i:nth-child(3){width:58%}.design-system-page .ds-progress-study__dots-status{display:flex;align-items:center;gap:12px;min-height:44px;font-weight:600}.design-system-page .ds-progress-study__dots-status>span{display:inline-flex;gap:4px}.design-system-page .ds-progress-study__dots-status i{width:6px;height:6px;border-radius:50%;background:var(--ds-color-accent);animation:ds-progress-dot 1.2s ease-in-out infinite!important}.design-system-page .ds-progress-study__dots-status i:nth-child(2){animation-delay:.16s}.design-system-page .ds-progress-study__dots-status i:nth-child(3){animation-delay:.32s}.design-system-page .ds-progress-study__steps{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--ds-grid-gap);align-items:center;padding-block:var(--ds-space-5);border-block:1px solid var(--ds-color-divider)}.design-system-page .ds-progress-study__steps-copy>p:not(.ds-progress-study__eyebrow){max-width:480px;margin-top:var(--ds-space-2);color:var(--ds-color-muted);font-size:16px;line-height:1.55}.design-system-page .ds-progress-study__step-actions{margin-top:var(--ds-space-4)}.design-system-page .ds-progress-study__step-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ds-space-2);margin:0;padding:0;list-style:none}.design-system-page .ds-progress-study__step-list li{display:grid;gap:var(--ds-space-2);min-width:0;padding-top:var(--ds-space-3);border-top:2px solid var(--ds-color-divider)}.design-system-page .ds-progress-study__step-list li.is-current,.design-system-page .ds-progress-study__step-list li.is-complete{border-color:var(--ds-color-accent)}.design-system-page .ds-progress-study__step-marker{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--ds-color-divider);border-radius:50%;font-size:14px;font-weight:700}.design-system-page .ds-progress-study__step-list li.is-current .ds-progress-study__step-marker,.design-system-page .ds-progress-study__step-list li.is-complete .ds-progress-study__step-marker{border-color:var(--ds-color-accent);background:var(--ds-color-accent);color:var(--ds-color-canvas, var(--ds-color-surface))}.design-system-page .ds-progress-study__step-list li>span:last-child{display:grid;gap:4px}.design-system-page .ds-progress-study__step-list strong{font-size:14px;line-height:1.3}.design-system-page .ds-progress-study__step-list small{color:var(--ds-color-muted);font-size:13px}.design-system-page .ds-progress-study__guidance{display:grid;gap:var(--ds-space-4)}.design-system-page .ds-progress-study__guidance-head{display:flex;align-items:end;justify-content:space-between;gap:var(--ds-space-4)}.design-system-page .ds-progress-study__guidance-head>p{max-width:440px;margin:0;color:var(--ds-color-muted);font-size:15px;line-height:1.5}.design-system-page .ds-progress-study__guidance-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--ds-space-4) var(--ds-grid-gap)}.design-system-page .ds-progress-study__guidance-item{grid-column:span 4;min-width:0;padding-top:var(--ds-space-3);border-top:1px solid var(--ds-color-divider)}.design-system-page .ds-progress-study__guidance-item h4{font-size:18px;line-height:1.3}.design-system-page .ds-progress-study__guidance-item dl{display:grid;gap:var(--ds-space-3);margin:var(--ds-space-3) 0}.design-system-page .ds-progress-study__guidance-item dl div{display:grid;gap:3px}.design-system-page .ds-progress-study__guidance-item dt{font-size:14px;font-weight:700}.design-system-page .ds-progress-study__guidance-item dd{margin:0;color:var(--ds-color-muted);font-size:14px;line-height:1.5}.design-system-page .ds-progress-study__guidance-item details{border-top:1px solid var(--ds-color-divider);padding-top:var(--ds-space-2)}.design-system-page .ds-progress-study__guidance-item summary{min-height:40px;align-content:center;font-size:14px;font-weight:650;cursor:pointer}.design-system-page .ds-progress-study__platforms{padding-top:var(--ds-space-2)}.design-system-page .ds-progress-study__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.design-system-page .ds-progress-study__motion-note{margin:0;padding-top:var(--ds-space-3);border-top:1px solid var(--ds-color-divider);color:var(--ds-color-muted);font-size:14px;line-height:1.55}@keyframes ds-progress-spin{to{transform:rotate(360deg)}}@keyframes ds-progress-dot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion: reduce){.design-system-page .ds-progress-study__spinner,.design-system-page .ds-progress-study__dots-status i{animation:none!important}}@media (min-width: 768px) and (max-width: 1023px){.design-system-page .ds-progress-study__intro{grid-template-columns:minmax(0,1fr) minmax(220px,.65fr)}.design-system-page .ds-progress-study__example,.design-system-page .ds-progress-study__example--dots,.design-system-page .ds-progress-study__example--skeleton,.design-system-page .ds-progress-study__guidance-item{grid-column:span 6}}@media (max-width: 767px){.design-system-page .ds-progress-study{gap:var(--ds-space-4)}.design-system-page .ds-progress-study__intro,.design-system-page .ds-progress-study__demo-head,.design-system-page .ds-progress-study__guidance-head{align-items:flex-start}.design-system-page .ds-progress-study__intro{grid-template-columns:minmax(0,1fr)}.design-system-page .ds-progress-study__intro h2{font-size:clamp(32px,10vw,46px)}.design-system-page .ds-progress-study__demo{padding:var(--ds-space-3)}.design-system-page .ds-progress-study__demo-head,.design-system-page .ds-progress-study__guidance-head{flex-direction:column}.design-system-page .ds-progress-study__actions{width:100%}.design-system-page .ds-progress-study__button{flex:1 1 auto}.design-system-page .ds-progress-study__measured-grid,.design-system-page .ds-progress-study__steps{grid-template-columns:minmax(0,1fr)}.design-system-page .ds-progress-study__measure{padding:var(--ds-space-3)}.design-system-page .ds-progress-study__examples,.design-system-page .ds-progress-study__guidance-grid{grid-template-columns:minmax(0,1fr)}.design-system-page .ds-progress-study__example,.design-system-page .ds-progress-study__example--skeleton,.design-system-page .ds-progress-study__example--dots,.design-system-page .ds-progress-study__guidance-item{grid-column:1 / -1}.design-system-page .ds-progress-study__step-list{grid-template-columns:repeat(2,minmax(0,1fr))}.design-system-page .ds-progress-study__step-actions{width:100%}}.design-system-page .ds-flow-specimen{--ds-article-columns: 9;--ds-grid-gap: 16px;grid-column:1 / -1;min-width:0;margin-block:var(--ds-space-4, 16px) var(--ds-space-8, 32px);color:var(--ds-color-text);font-family:var(--ds-font, "Instrument Sans", sans-serif)}.design-system-page .ds-flow-specimen,.design-system-page .ds-flow-specimen *{box-sizing:border-box}.design-system-page .ds-flow-specimen__layout{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-grid-gap);align-items:start;min-width:0}.design-system-page .ds-flow-specimen__main{grid-column:span 6;min-width:0}.design-system-page .ds-flow-specimen__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ds-space-4, 16px);padding-block:var(--ds-space-4, 16px) var(--ds-space-6, 24px);border-bottom:1px solid var(--ds-color-divider)}.design-system-page .ds-flow-specimen__header h2,.design-system-page .ds-flow-specimen__task h3,.design-system-page .ds-flow-specimen__summary h3{margin:0;color:var(--ds-color-text);font-family:var(--ds-font, "Instrument Sans", sans-serif);font-weight:var(--ds-type-weight-strong, 650)}.design-system-page .ds-flow-specimen__header h2{font-size:clamp(24px,3vw,32px);line-height:1.2;letter-spacing:-.025em}.design-system-page .ds-flow-specimen__header p,.design-system-page .ds-flow-specimen__summary>p{margin:8px 0 0;color:var(--ds-color-muted);font-size:var(--ds-type-body, 17px);line-height:1.5}.design-system-page .ds-flow-specimen__reset,.design-system-page .ds-flow-specimen__step,.design-system-page .ds-flow-specimen__quantity button,.design-system-page .ds-flow-specimen__back,.design-system-page .ds-flow-specimen__next{font:inherit;cursor:pointer}.design-system-page .ds-flow-specimen__reset{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius, 4px);background:transparent;color:var(--ds-color-text);font-size:15px;font-weight:600;white-space:nowrap}.design-system-page .ds-flow-specimen__reset svg,.design-system-page .ds-flow-specimen__quantity svg,.design-system-page .ds-flow-specimen__actions svg{width:18px;height:18px;flex:0 0 auto}.design-system-page .ds-flow-specimen__navigation{padding-block:var(--ds-space-4, 16px);border-bottom:1px solid var(--ds-color-divider)}.design-system-page .ds-flow-specimen__navigation ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.design-system-page .ds-flow-specimen__step{display:flex;min-width:0;min-height:48px;align-items:center;gap:8px;padding:8px 4px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--ds-color-muted);font-size:16px;font-weight:600;text-align:left}.design-system-page .ds-flow-specimen__step[aria-current=step]{border-bottom-color:var(--ds-color-accent);color:var(--ds-color-text);font-weight:700}.design-system-page .ds-flow-specimen__step:disabled{cursor:default;opacity:1}.design-system-page .ds-flow-specimen__step:not(:disabled){cursor:pointer}.design-system-page .ds-flow-specimen__step svg{width:18px;height:18px;color:var(--ds-color-accent);flex:0 0 auto}.design-system-page .ds-flow-specimen__step-meta{padding-block:16px 4px;color:var(--ds-color-muted);font-size:15px;font-weight:600}.design-system-page .ds-flow-specimen__task{min-width:0;padding-top:10px}.design-system-page .ds-flow-specimen__task-heading h3{font-size:24px;line-height:1.25}.design-system-page .ds-flow-specimen__task-heading p{margin:8px 0 0;color:var(--ds-color-muted);font-size:16px;line-height:1.5}.design-system-page .ds-flow-specimen__cart-item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:16px;padding-block:24px;border-bottom:1px solid var(--ds-color-divider)}.design-system-page .ds-flow-specimen__product-mark{display:grid;width:64px;aspect-ratio:1;place-items:center;border:1px solid var(--ds-color-divider);background:var(--ds-color-surface);color:var(--ds-color-accent);font-size:28px;font-weight:700}.design-system-page .ds-flow-specimen__product-copy{display:grid;min-width:0;gap:5px;overflow-wrap:anywhere}.design-system-page .ds-flow-specimen__product-copy strong{font-size:17px}.design-system-page .ds-flow-specimen__product-copy span,.design-system-page .ds-flow-specimen__hint{color:var(--ds-color-muted);font-size:15px;line-height:1.5}.design-system-page .ds-flow-specimen__quantity{display:flex;align-items:center;gap:8px}.design-system-page .ds-flow-specimen__quantity button{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius, 4px);background:transparent;color:var(--ds-color-text)}.design-system-page .ds-flow-specimen__quantity button:disabled{cursor:not-allowed;opacity:.55}.design-system-page .ds-flow-specimen__quantity span{min-width:24px;font-weight:650;text-align:center}.design-system-page .ds-flow-specimen__fields{display:grid;gap:20px;max-width:560px;padding-top:24px}.design-system-page .ds-flow-specimen__fields label{display:grid;gap:8px;min-width:0;color:var(--ds-color-text);font-size:16px;font-weight:600}.design-system-page .ds-flow-specimen__fields input,.design-system-page .ds-flow-specimen__fields select{width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid var(--ds-color-control);border-radius:var(--ds-radius, 4px);background:var(--ds-color-canvas);color:var(--ds-color-text);font:inherit;font-size:16px}.design-system-page .ds-flow-specimen__fields [aria-invalid=true]{border-color:var(--ds-color-danger)}.design-system-page .ds-flow-specimen__error{color:var(--ds-color-danger);font-size:15px;font-weight:500;line-height:1.45}.design-system-page .ds-flow-specimen__hint{margin:-8px 0 0}.design-system-page .ds-flow-specimen__review{display:grid;gap:0;margin:12px 0 0}.design-system-page .ds-flow-specimen__review>div{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(0,1.3fr);gap:16px;padding-block:14px;border-bottom:1px solid var(--ds-color-divider);line-height:1.5}.design-system-page .ds-flow-specimen__review dt{color:var(--ds-color-muted)}.design-system-page .ds-flow-specimen__review dd{min-width:0;margin:0;overflow-wrap:anywhere;font-weight:600}.design-system-page .ds-flow-specimen__actions{display:flex;justify-content:space-between;gap:12px;padding-top:24px}.design-system-page .ds-flow-specimen__back,.design-system-page .ds-flow-specimen__next{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:10px;padding:10px 16px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius, 4px);font-size:16px;font-weight:650}.design-system-page .ds-flow-specimen__back{background:transparent;color:var(--ds-color-text)}.design-system-page .ds-flow-specimen__next{margin-left:auto;border-color:var(--ds-color-accent);background:var(--ds-color-accent);color:var(--ds-color-on-accent)}.design-system-page .ds-flow-specimen__notice{min-height:24px;margin:10px 0 0;color:var(--ds-color-muted);font-size:15px;line-height:1.5}.design-system-page .ds-flow-specimen__finished{display:flex;align-items:flex-start;gap:14px;margin-top:22px;padding:18px;border:1px solid var(--ds-color-divider);background:var(--ds-color-surface)}.design-system-page .ds-flow-specimen__finished-mark{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--ds-color-accent);color:var(--ds-color-on-accent)}.design-system-page .ds-flow-specimen__finished-mark svg{width:18px;height:18px}.design-system-page .ds-flow-specimen__finished strong{display:block;margin-top:4px}.design-system-page .ds-flow-specimen__finished p{margin:6px 0 0;color:var(--ds-color-muted);line-height:1.5}.design-system-page .ds-flow-specimen__summary{grid-column:span 3;min-width:0;margin-top:116px;padding:20px;border:1px solid var(--ds-color-divider);background:var(--ds-color-surface)}.design-system-page .ds-flow-specimen__summary h3{padding-bottom:16px;border-bottom:1px solid var(--ds-color-divider);font-size:20px}.design-system-page .ds-flow-specimen__summary-item,.design-system-page .ds-flow-specimen__summary-line,.design-system-page .ds-flow-specimen__summary-total{display:flex;justify-content:space-between;gap:12px;padding-block:14px;line-height:1.45}.design-system-page .ds-flow-specimen__summary-item{align-items:flex-start}.design-system-page .ds-flow-specimen__summary-item span{min-width:0;overflow-wrap:anywhere}.design-system-page .ds-flow-specimen__summary-line{color:var(--ds-color-muted)}.design-system-page .ds-flow-specimen__summary-total{margin-top:4px;border-top:1px solid var(--ds-color-divider);font-size:18px}.design-system-page .ds-flow-specimen__summary>p{font-size:14px}.design-system-page .ds-flow-specimen button:focus-visible,.design-system-page .ds-flow-specimen input:focus-visible,.design-system-page .ds-flow-specimen select:focus-visible{outline:3px solid var(--ds-color-focus);outline-offset:3px}@media (max-width: 1050px){.design-system-page .ds-flow-specimen{--ds-article-columns: 12;--ds-grid-gap: 12px}.design-system-page .ds-flow-specimen__main{grid-column:span 8}.design-system-page .ds-flow-specimen__summary{grid-column:span 4}}@media (max-width: 720px){.design-system-page .ds-flow-specimen__layout{grid-template-columns:minmax(0,1fr)}.design-system-page .ds-flow-specimen__main,.design-system-page .ds-flow-specimen__summary{grid-column:1}.design-system-page .ds-flow-specimen__header{flex-direction:column}.design-system-page .ds-flow-specimen__summary{margin-top:0}}@media (max-width: 480px){.design-system-page .ds-flow-specimen__navigation ol{grid-template-columns:repeat(2,minmax(0,1fr))}.design-system-page .ds-flow-specimen__step{border-bottom-width:2px}.design-system-page .ds-flow-specimen__cart-item{grid-template-columns:52px minmax(0,1fr);gap:12px}.design-system-page .ds-flow-specimen__product-mark{width:52px}.design-system-page .ds-flow-specimen__quantity{grid-column:2}.design-system-page .ds-flow-specimen__review>div{grid-template-columns:minmax(78px,.6fr) minmax(0,1.4fr);gap:10px}.design-system-page .ds-flow-specimen__actions{flex-wrap:wrap}}.ds-settings-specimen{--settings-rule: color-mix(in srgb, var(--ds-color-text) 14%, transparent);--settings-wash: color-mix(in srgb, var(--ds-color-accent) 9%, var(--ds-color-surface));width:100%;color:var(--ds-color-text);font-family:var(--ds-font)}.ds-settings-specimen *,.ds-settings-specimen *:before,.ds-settings-specimen *:after{box-sizing:border-box}.ds-settings-specimen__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(28px,4vw,56px) var(--ds-grid-gap)}.ds-settings-specimen__profile,.ds-settings-specimen__right{min-width:0;grid-column:1 / -1}.ds-settings-specimen__right{display:grid;align-content:start;gap:clamp(32px,4vw,52px)}.ds-settings-specimen__section-heading{display:grid;gap:var(--ds-space-2);margin-bottom:var(--ds-space-6)}.ds-settings-specimen__kicker{color:var(--ds-color-accent);font-size:13px;font-weight:700;letter-spacing:.075em;text-transform:uppercase}.ds-settings-specimen h2{margin:0;color:var(--ds-color-text);font:650 clamp(23px,2.2vw,30px)/1.2 var(--ds-font);letter-spacing:-.035em}.ds-settings-specimen__section-heading>p,.ds-settings-specimen__preview-copy p{max-width:50ch;margin:0;color:var(--ds-color-muted);font-size:var(--ds-type-small);line-height:1.55}.ds-settings-specimen__profile-form{display:grid;gap:var(--ds-space-3)}.ds-settings-specimen__field{display:grid;gap:var(--ds-space-2);color:var(--ds-color-text);font-size:var(--ds-type-small);font-weight:650}.ds-settings-specimen__field .ds-field{width:100%;min-height:48px;padding:10px 14px;border:1px solid var(--settings-rule);border-radius:var(--ds-radius);background:var(--ds-color-surface);color:var(--ds-color-text);font:500 17px/1.4 var(--ds-font)}.ds-settings-specimen__field .ds-field[aria-invalid=true]{border-color:var(--ds-color-danger)}.ds-settings-specimen__field .ds-field:focus-visible,.ds-settings-specimen__button:focus-visible,.ds-settings-specimen__switch:focus-visible{outline:3px solid var(--ds-color-focus);outline-offset:3px}.ds-settings-specimen__hint{margin:0;color:var(--ds-color-muted);font-size:14px;line-height:1.5}.ds-settings-specimen__error{margin:0;color:var(--ds-color-danger);font-size:14px;line-height:1.45}.ds-settings-specimen__actions{display:flex;flex-wrap:wrap;gap:var(--ds-space-2);margin-top:var(--ds-space-2)}.ds-settings-specimen__button{min-height:44px;padding:9px 16px;border:1px solid var(--settings-rule);border-radius:var(--ds-radius);background:transparent;color:var(--ds-color-text);font:650 15px/1.2 var(--ds-font);cursor:pointer;transition:background-color .14s ease,border-color .14s ease}.ds-settings-specimen__button:hover{background:color-mix(in srgb,var(--ds-color-text) 7%,transparent);border-color:var(--ds-color-control)}.ds-settings-specimen__button--primary{border-color:var(--ds-color-accent);background:var(--ds-color-accent);color:var(--ds-color-on-accent)}.ds-settings-specimen__button--primary:hover{background:color-mix(in srgb,var(--ds-color-accent) 84%,var(--ds-color-text))}.ds-settings-specimen__feedback{min-height:1.5em;margin:0;color:var(--ds-color-success);font-size:14px;line-height:1.5}.ds-settings-specimen__account-detail{display:grid;gap:var(--ds-space-2);margin-top:clamp(32px,4vw,52px);padding-top:var(--ds-space-6);border-top:1px solid var(--settings-rule)}.ds-settings-specimen__detail-label{color:var(--ds-color-muted);font-size:14px}.ds-settings-specimen__detail-value{font-size:17px;font-weight:650;overflow-wrap:anywhere}.ds-settings-specimen__rows{border-top:1px solid var(--settings-rule)}.ds-settings-specimen__toggle-row{display:flex;min-height:82px;align-items:center;justify-content:space-between;gap:var(--ds-space-6);padding:var(--ds-space-4) 0;border-bottom:1px solid var(--settings-rule);cursor:pointer}.ds-settings-specimen__toggle-copy{display:grid;gap:5px}.ds-settings-specimen__row-title{color:var(--ds-color-text);font-size:16px;font-weight:650}.ds-settings-specimen__switch{position:relative;flex:0 0 52px;width:52px;height:30px;margin:0;appearance:none;border:1px solid var(--ds-color-control);border-radius:var(--ds-radius-round);background:color-mix(in srgb,var(--ds-color-control) 28%,var(--ds-color-surface));cursor:pointer;transition:background-color .14s ease,border-color .14s ease}.ds-settings-specimen__switch:before{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--ds-color-text);content:"";transition:transform .14s ease}.ds-settings-specimen__switch:checked{border-color:var(--ds-color-accent);background:var(--ds-color-accent)}.ds-settings-specimen__switch:checked:before{background:var(--ds-color-on-accent);transform:translate(22px)}.ds-settings-specimen__note{margin:var(--ds-space-4) 0 0;color:var(--ds-color-muted);font-size:14px;line-height:1.5}.ds-settings-specimen__preferences{padding-top:var(--ds-space-6);border-top:1px solid var(--settings-rule)}.ds-settings-specimen__preferences .ds-settings-specimen__section-heading{margin-bottom:var(--ds-space-4)}.ds-settings-specimen__preview{display:flex;align-items:flex-start;gap:var(--ds-space-4);padding:18px;border:1px solid var(--settings-rule);border-radius:var(--ds-radius-medium);background:var(--settings-wash)}.ds-settings-specimen__preview-mark{display:grid;flex:0 0 48px;width:48px;height:48px;place-items:center;border:1px solid color-mix(in srgb,var(--ds-color-accent) 45%,transparent);border-radius:50%;color:var(--ds-color-accent);font-size:12px;font-weight:750;letter-spacing:.04em}.ds-settings-specimen__preview-copy{display:grid;gap:var(--ds-space-2);padding-top:2px}.ds-settings-specimen__preview-copy strong{font-size:16px;line-height:1.35}@media (min-width: 768px){.ds-settings-specimen__profile{grid-column:span 5}.ds-settings-specimen__right{grid-column:span 7}}@media (min-width: 1024px){.ds-settings-specimen__grid{grid-template-columns:repeat(9,minmax(0,1fr))}.ds-settings-specimen__profile{grid-column:span 4}.ds-settings-specimen__right{grid-column:span 5}}@media (max-width: 480px){.ds-settings-specimen__toggle-row{gap:var(--ds-space-3)}.ds-settings-specimen__preview{padding:var(--ds-space-4)}}@media (prefers-reduced-motion: reduce){.ds-settings-specimen *,.ds-settings-specimen *:before,.ds-settings-specimen *:after{transition-duration:.01ms!important}}.ds-button-usage{grid-column:1 / -1;display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:34px var(--ds-grid-gap);min-width:0;margin-block:34px}.ds-button-usage>*{grid-column:1 / -1;min-width:0;margin:0}.ds-button-usage__intro{display:grid;gap:12px;max-width:62ch}.ds-button-usage h2{margin:0;font-size:clamp(26px,3vw,36px);line-height:1.08;letter-spacing:-.04em}.ds-button-usage__intro>p,.ds-button-usage__example p,.ds-button-usage__details li{margin:0;color:var(--ds-color-muted);line-height:1.55}.ds-button-usage__groups{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:40px var(--ds-grid-gap)}.ds-button-usage__group{grid-column:span 6;min-width:0}.ds-button-usage__group h3{margin:0 0 10px;font-size:19px;letter-spacing:-.025em}.ds-button-usage__example{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:14px;padding-block:17px}.ds-button-usage__sample{display:flex;min-height:44px;align-items:flex-start}.ds-button-usage__example h4{margin:0 0 4px;font-size:16px;font-weight:650}.ds-button-usage__example p{font-size:14px}.ds-button-usage__example small{display:block;margin-top:8px;color:var(--ds-color-text);font-size:13px}.ds-button-usage__toggle{display:grid;justify-items:start;gap:9px}.ds-button-usage__menu{position:relative}.ds-button-usage__menu-items{position:absolute;z-index:20;top:calc(100% + 8px);left:0;display:grid;width:210px;max-width:calc(100vw - 48px);padding:6px;border:1px solid var(--ds-color-control);border-radius:var(--ds-radius);background:var(--ds-color-surface)}.ds-button-usage__menu-items button{min-height:44px;padding:8px;border:0;background:transparent;color:var(--ds-color-text);text-align:left;font:inherit;cursor:pointer}.ds-button-usage__menu-items button:hover{background:color-mix(in srgb,var(--ds-color-text) 10%,transparent)}.ds-button-usage__removed{min-height:44px;display:inline-flex;align-items:center;color:var(--ds-color-muted)}.ds-button-usage__feedback{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.ds-button-usage__feedback p{flex:1 1 240px;min-height:1.5em;margin:0;color:var(--ds-color-muted)}.ds-button-usage [aria-pressed=true]{color:var(--ds-color-on-accent);background:var(--ds-color-accent)}.ds-button-usage__details{grid-column:1 / -1;padding-top:18px}.ds-button-usage__details summary{width:fit-content;min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:600}.ds-button-usage__details ul{display:grid;gap:10px;margin:12px 0 14px;padding-left:20px}.ds-button-usage__accessibility-link{min-height:44px;display:inline-flex;align-items:center;color:var(--ds-color-focus);text-underline-offset:4px}@media (min-width: 768px) and (max-width: 1023px){.ds-button-usage__group{grid-column:span 6}.ds-button-usage__details{grid-column:span 8}}@media (min-width: 1024px){.ds-button-usage__group:first-child{grid-column:span 4}.ds-button-usage__group:last-child{grid-column:span 5}}@media (max-width: 767px){.ds-button-usage__groups{grid-template-columns:minmax(0,1fr);gap:30px}.ds-button-usage__group,.ds-button-usage__details{grid-column:1 / -1}.ds-button-usage__example{grid-template-columns:minmax(0,1fr);gap:8px}.ds-button-usage__sample{min-height:40px}}.design-system-page .ds-button-graphic{display:grid;place-items:center;width:100%;min-width:0;margin:0 0 clamp(24px,3.5vw,42px);padding:0;overflow:visible;outline-offset:8px}.design-system-page .ds-button-graphic__visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.design-system-page .ds-button-graphic__stage{--scroll-progress: 0;display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));grid-template-rows:minmax(136px,auto) minmax(92px,auto) minmax(76px,auto);align-items:center;column-gap:clamp(8px,1.4vw,18px);row-gap:28px;width:100%;min-width:0;padding:10px 0 18px}.design-system-page .ds-button-graphic__primary{grid-area:1 / 1 / 2 / 8;justify-self:start;width:min(100%,540px);min-width:0;min-height:146px;justify-content:center;gap:17px;padding:28px clamp(20px,3vw,38px);border:1px solid var(--ds-color-accent);border-radius:calc(var(--ds-radius-large) * 1.5);background:var(--ds-color-accent);color:var(--ds-color-on-accent);font-size:clamp(30px,4vw,42px);font-weight:650;letter-spacing:-.045em;line-height:1.05;box-shadow:0 16px 34px #0000004d;transform:translate3d(0,calc(var(--scroll-progress) * -12px),0) rotate(calc(var(--scroll-progress) * -.3deg));transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease,background-color .18s ease}.design-system-page .ds-button-graphic__primary>.ds-icon{width:32px;height:32px}.design-system-page .ds-button-graphic__primary:hover:not(:disabled){transform:translate3d(0,calc(var(--scroll-progress) * -12px),0) rotate(calc(var(--scroll-progress) * -.3deg));border-color:var(--ds-color-accent);background:var(--ds-color-accent);box-shadow:0 16px 34px #0000004d}.design-system-page .ds-button-graphic__primary:active:not(:disabled){transform:translate3d(0,calc(var(--scroll-progress) * -12px + 1px),0) rotate(calc(var(--scroll-progress) * -.3deg)) scale(.975);box-shadow:0 5px 14px #00000042}.design-system-page .ds-button-graphic__secondary,.design-system-page .ds-button-graphic__tertiary{min-width:0;justify-content:center;gap:12px;padding-inline:20px;font-weight:600;letter-spacing:-.02em;transition:transform .36s cubic-bezier(.2,.8,.2,1),color .16s ease,background-color .16s ease,border-color .16s ease}.design-system-page .ds-button-graphic__secondary{grid-area:2 / 3 / 3 / 9;justify-self:start;width:min(100%,390px);min-height:88px;border-radius:var(--ds-radius-large);font-size:clamp(21px,2.4vw,25px);transform:translate3d(0,calc(var(--scroll-progress) * 8px),0) rotate(calc(var(--scroll-progress) * .22deg))}.design-system-page .ds-button-graphic__tertiary{grid-area:3 / 5 / 4 / 10;justify-self:start;width:min(100%,330px);min-height:74px;border-radius:var(--ds-radius);font-size:clamp(19px,2.1vw,22px);transform:translate3d(0,calc(var(--scroll-progress) * 13px),0) rotate(calc(var(--scroll-progress) * -.2deg))}.design-system-page .ds-button-graphic__secondary>.ds-icon,.design-system-page .ds-button-graphic__tertiary>.ds-icon{width:24px;height:24px}.design-system-page .ds-button-graphic__secondary:hover:not(:disabled),.design-system-page .ds-button-graphic__tertiary:hover:not(:disabled){background:transparent}.design-system-page .ds-button-graphic__secondary:hover:not(:disabled){border-color:var(--ds-color-control)}.design-system-page .ds-button-graphic__tertiary:hover:not(:disabled){border-color:transparent}.design-system-page .ds-button-graphic__secondary:active:not(:disabled),.design-system-page .ds-button-graphic__tertiary:active:not(:disabled){background:color-mix(in srgb,var(--ds-color-text) 18%,transparent)}.design-system-page .ds-button-graphic__secondary:focus-visible,.design-system-page .ds-button-graphic__tertiary:focus-visible,.design-system-page .ds-button-graphic__primary:focus-visible{outline:3px solid var(--ds-color-focus);outline-offset:4px}.design-system-page .ds-button-graphic__status{position:absolute}@media (max-width: 767px){.design-system-page .ds-button-graphic__stage{display:flex;flex-direction:column;align-items:center;gap:28px;padding:10px 0 14px}.design-system-page .ds-button-graphic__primary{width:100%;min-height:126px}.design-system-page .ds-button-graphic__secondary{width:88%;min-height:74px;align-self:flex-end}.design-system-page .ds-button-graphic__tertiary{width:78%;min-height:66px;align-self:flex-start}}@media (min-width: 768px) and (max-width: 1023px){.design-system-page .ds-button-graphic__primary{grid-area:1 / 1 / 2 / 10}.design-system-page .ds-button-graphic__secondary{grid-area:2 / 4 / 3 / 11}.design-system-page .ds-button-graphic__tertiary{grid-area:3 / 7 / 4 / 13}}@media (prefers-reduced-motion: reduce){.design-system-page .ds-button-graphic__primary,.design-system-page .ds-button-graphic__secondary,.design-system-page .ds-button-graphic__tertiary{transform:none!important;transition:none!important}}.ds-grouping-guide{grid-column:1 / -1;display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:24px var(--ds-grid-gap);min-width:0;margin-block:32px}.ds-grouping-guide>*{grid-column:1 / -1;min-width:0;margin:0}.ds-grouping-guide h2{font-size:clamp(24px,3vw,32px);line-height:1.2;letter-spacing:-.025em}.ds-grouping-guide h3{margin:0 0 20px;font-size:20px;line-height:1.4}.ds-grouping-guide h4{margin:0;font-size:19px;line-height:1.4}.ds-grouping-guide p,.ds-grouping-guide ul{color:var(--ds-color-muted);line-height:1.65}.ds-grouping-guide__comparison{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:32px var(--ds-grid-gap)}.ds-grouping-guide__comparison>section{grid-column:span 6;min-width:0}.ds-grouping-guide__comparison ul{margin:20px 0 0;padding-left:20px}.ds-grouping-guide__card{display:grid;gap:12px;min-height:220px;padding:24px;background:var(--ds-color-surface);border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius-card)}.ds-grouping-guide__card p{margin:0}.ds-grouping-guide__card>span:last-child{color:var(--ds-color-muted)}.ds-grouping-guide__mark{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--ds-radius);color:var(--ds-color-on-accent);background:var(--ds-color-accent);font-weight:650}.ds-grouping-guide__container{display:grid;gap:24px;min-height:220px}.ds-grouping-guide__container p{margin:8px 0 0}.ds-grouping-guide__container dl{margin:8px 0 0;display:grid;gap:8px}.ds-grouping-guide__container dl>div{display:flex;justify-content:space-between;gap:16px}.ds-grouping-guide__container dd{margin:0;font-variant-numeric:tabular-nums}.ds-grouping-guide__choices{display:grid}.ds-grouping-guide__choices>div{display:grid;grid-template-columns:1fr 2fr;gap:24px;padding-block:24px;border-top:1px solid var(--ds-color-divider)}.ds-grouping-guide__choices dt{font-weight:650;line-height:1.5}.ds-grouping-guide__choices dd{display:grid;gap:8px;margin:0;color:var(--ds-color-muted);line-height:1.6}.ds-grouping-guide__choices strong{color:var(--ds-color-text)}@media (min-width:1024px){.ds-grouping-guide__comparison>section:first-child{grid-column:span 5}.ds-grouping-guide__comparison>section:last-child{grid-column:span 4}}@media (max-width:767px){.ds-grouping-guide__comparison>section{grid-column:1 / -1}.ds-grouping-guide__choices>div{grid-template-columns:minmax(0,1fr);gap:12px}}.design-system-page .ds-drag-guide{grid-column:1 / -1;display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-space-6) var(--ds-grid-gap);min-width:0;margin-block:var(--ds-space-3) var(--ds-space-8)}.ds-drag-guide__heading{grid-column:1 / -1;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--ds-space-5);padding:var(--ds-space-5) 0 var(--ds-space-4);border-bottom:1px solid var(--ds-color-divider)}.ds-drag-guide__heading h2{margin:0;color:var(--ds-color-text);font-size:clamp(25px,3vw,38px);line-height:1.08;letter-spacing:-.035em}.ds-drag-guide__heading p{margin:var(--ds-space-2) 0 0;color:var(--ds-color-muted);font-size:16px;line-height:1.55}.ds-drag-guide__heading .ds-drag-guide__count{flex:none;margin:0;color:var(--ds-color-accent);font:600 13px/1.5 var(--ds-font-mono, monospace)}.ds-drag-guide__panel{grid-column:1 / -1;min-width:0;overflow:hidden;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-surface)}.ds-drag-guide__items{margin:0;padding:0;list-style:none}.ds-drag-guide__items>li{display:grid;grid-template-columns:48px 34px minmax(0,1fr) auto;align-items:center;gap:var(--ds-space-3);min-width:0;padding:var(--ds-space-3) var(--ds-space-4);border-bottom:1px solid var(--ds-color-divider);background:var(--ds-color-surface);transition:opacity .14s ease,transform .14s ease}.ds-drag-guide__items>li:last-child{border-bottom:0}.ds-drag-guide__items>li.is-moving{position:relative;z-index:1;opacity:.72;transform:scale(.99)}.ds-drag-guide__handle{display:grid;place-items:center;width:48px;min-height:48px;border:1px solid var(--ds-color-divider);border-radius:calc(var(--ds-radius) * .7);color:var(--ds-color-accent);background:var(--ds-color-canvas);cursor:grab;touch-action:none}.ds-drag-guide__handle:active{cursor:grabbing}.ds-drag-guide__handle:focus-visible,.ds-drag-guide__move-controls button:focus-visible{outline:3px solid var(--ds-color-accent);outline-offset:2px}.ds-drag-guide__position{color:var(--ds-color-muted);font:600 13px/1.5 var(--ds-font-mono, monospace)}.ds-drag-guide__item-copy{display:grid;gap:3px;min-width:0}.ds-drag-guide__item-copy strong{color:var(--ds-color-text);font-size:16px;line-height:1.35;overflow-wrap:anywhere}.ds-drag-guide__item-copy>span{color:var(--ds-color-muted);font-size:14px;line-height:1.4}.ds-drag-guide__move-controls{display:flex;gap:var(--ds-space-2)}.ds-drag-guide__move-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--ds-color-divider);border-radius:calc(var(--ds-radius) * .7);color:var(--ds-color-text);background:var(--ds-color-surface);cursor:pointer}.ds-drag-guide__move-controls button:disabled{color:var(--ds-color-muted);opacity:.48;cursor:not-allowed}.ds-drag-guide__feedback{min-height:3.25em;margin:0;padding:var(--ds-space-3) var(--ds-space-4);border-top:1px solid var(--ds-color-divider);color:var(--ds-color-muted);font-size:14px;line-height:1.5}.ds-drag-guide__notes{grid-column:1 / -1;display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-space-5) var(--ds-grid-gap)}.ds-drag-guide__notes article{grid-column:span 3;min-width:0;padding-top:var(--ds-space-3);border-top:2px solid var(--ds-color-accent)}.ds-drag-guide__notes h3{margin:0 0 var(--ds-space-2);color:var(--ds-color-text);font-size:18px}.ds-drag-guide__notes p{margin:0;color:var(--ds-color-muted);font-size:15px;line-height:1.6}@media (min-width: 768px) and (max-width: 1023px){.ds-drag-guide__notes article{grid-column:span 4}}@media (max-width: 767px){.ds-drag-guide__heading{align-items:flex-start;flex-direction:column;gap:var(--ds-space-2)}.ds-drag-guide__items>li{grid-template-columns:44px minmax(0,1fr) auto;gap:var(--ds-space-2);padding-inline:var(--ds-space-3)}.ds-drag-guide__handle{width:44px}.ds-drag-guide__position{display:none}.ds-drag-guide__move-controls{gap:4px}.ds-drag-guide__move-controls button{width:40px;height:44px}.ds-drag-guide__notes{grid-template-columns:minmax(0,1fr)}.ds-drag-guide__notes article{grid-column:1 / -1}}.design-system-page .ds-pagination-guide{grid-column:1 / -1;display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-space-6) var(--ds-grid-gap);min-width:0;margin-block:var(--ds-space-3) var(--ds-space-8)}.ds-pagination-guide__heading{grid-column:1 / -1;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--ds-space-5);padding:var(--ds-space-5) 0 var(--ds-space-4);border-bottom:1px solid var(--ds-color-divider)}.ds-pagination-guide__heading h2{margin:0;color:var(--ds-color-text);font-size:clamp(25px,3vw,38px);line-height:1.08;letter-spacing:-.035em}.ds-pagination-guide__heading p{margin:var(--ds-space-2) 0 0;color:var(--ds-color-muted);font-size:16px;line-height:1.55}.ds-pagination-guide__heading .ds-pagination-guide__total{flex:none;margin:0;color:var(--ds-color-accent);font:600 13px/1.5 var(--ds-font-mono, monospace)}.ds-pagination-guide__panel{grid-column:1 / -1;min-width:0;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-surface)}.ds-pagination-guide__list-heading,.ds-pagination-guide__items>li{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(100px,.8fr) minmax(82px,.55fr) minmax(90px,.55fr);align-items:center;gap:var(--ds-space-3);padding-inline:var(--ds-space-4)}.ds-pagination-guide__list-heading{min-height:48px;color:var(--ds-color-muted);background:var(--ds-color-canvas);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.ds-pagination-guide__items{min-height:492px;margin:0;padding:0;list-style:none}.ds-pagination-guide__items>li{min-height:82px;border-top:1px solid var(--ds-color-divider)}.ds-pagination-guide__record{display:grid;gap:4px;min-width:0}.ds-pagination-guide__record strong{color:var(--ds-color-text);font-size:15px;line-height:1.35;overflow-wrap:anywhere}.ds-pagination-guide__record>span{color:var(--ds-color-muted);font:12px/1.4 var(--ds-font-mono, monospace)}.ds-pagination-guide__category,.ds-pagination-guide__date{color:var(--ds-color-muted);font-size:14px}.ds-pagination-guide__status{justify-self:start;padding:5px 9px;border-radius:999px;color:var(--ds-color-text);background:var(--ds-color-canvas);font-size:12px;line-height:1.35;white-space:nowrap}.ds-pagination-guide__status.is-ready{color:var(--ds-color-success, var(--ds-color-accent))}.ds-pagination-guide__status.is-in-review{color:var(--ds-color-accent)}.ds-pagination-guide__status.is-draft{color:var(--ds-color-muted)}.ds-pagination-guide__controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-4);border-top:1px solid var(--ds-color-divider)}.ds-pagination-guide__range{margin:0;color:var(--ds-color-muted);font-size:14px}.ds-pagination-guide__range strong{color:var(--ds-color-text);font-weight:600}.ds-pagination-guide__nav,.ds-pagination-guide__page-numbers{display:flex;align-items:center;gap:6px}.ds-pagination-guide__nav button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:42px;min-height:44px;padding-inline:10px;border:1px solid var(--ds-color-divider);border-radius:calc(var(--ds-radius) * .7);color:var(--ds-color-text);background:var(--ds-color-surface);font:inherit;font-size:14px;cursor:pointer}.ds-pagination-guide__page-numbers button{width:42px;padding:0;font-variant-numeric:tabular-nums}.ds-pagination-guide__page-numbers button[aria-current=page]{border-color:var(--ds-color-accent);color:var(--ds-color-surface);background:var(--ds-color-accent);font-weight:700}.ds-pagination-guide__nav button:disabled{color:var(--ds-color-muted);opacity:.48;cursor:not-allowed}.ds-pagination-guide__nav button:focus-visible{outline:3px solid var(--ds-color-accent);outline-offset:2px}.ds-pagination-guide__notes{grid-column:1 / -1;display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-space-6) var(--ds-grid-gap);padding-top:var(--ds-space-6);border-top:1px solid var(--ds-color-divider)}.ds-pagination-guide__notes article{grid-column:span 3;min-width:0}.ds-pagination-guide__notes h3{margin:0 0 var(--ds-space-3);color:var(--ds-color-text);font-size:20px;line-height:1.3;letter-spacing:-.02em}.ds-pagination-guide__notes p{margin:0;color:var(--ds-color-muted);font-size:15px;line-height:1.6}@media (min-width: 768px) and (max-width: 1023px){.ds-pagination-guide__notes article{grid-column:span 4}}@media (max-width: 767px){.ds-pagination-guide__heading{align-items:flex-start;flex-direction:column;gap:var(--ds-space-2)}.ds-pagination-guide__list-heading{display:none}.ds-pagination-guide__items{min-height:552px}.ds-pagination-guide__items>li{min-height:92px;grid-template-columns:minmax(0,1fr) auto;gap:5px var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-3)}.ds-pagination-guide__record{grid-column:1}.ds-pagination-guide__category{grid-column:1;font-size:13px}.ds-pagination-guide__date{grid-column:2;grid-row:1;font-size:13px}.ds-pagination-guide__status{grid-column:2;grid-row:2}.ds-pagination-guide__controls{align-items:flex-start;flex-direction:column}.ds-pagination-guide__nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-space-3);width:100%}.ds-pagination-guide__nav>button{grid-row:2;justify-self:start}.ds-pagination-guide__nav>button:last-child{justify-self:end}.ds-pagination-guide__nav button{gap:4px;padding-inline:8px;font-size:13px;white-space:nowrap}.ds-pagination-guide__page-numbers{grid-column:1 / -1;grid-row:1;justify-content:center;gap:6px}.ds-pagination-guide__page-numbers button{width:44px}.ds-pagination-guide__notes{grid-template-columns:minmax(0,1fr)}.ds-pagination-guide__notes article{grid-column:1 / -1}}.design-system-page .ds-player-study{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-space-5) var(--ds-grid-gap);margin-block:0 var(--ds-space-8);color:var(--ds-color-text);font-family:var(--ds-font-body, "Instrument Sans"),sans-serif}.design-system-page .ds-player-study__intro,.design-system-page .ds-player-study__player,.design-system-page .ds-player-study__notes{grid-column:1 / -1;min-width:0}.design-system-page .ds-player-study__intro{display:grid;gap:var(--ds-space-2)}.design-system-page .ds-player-study__eyebrow,.design-system-page .ds-player-study__track-label{color:var(--ds-color-accent);font-size:12px;font-weight:700;letter-spacing:.09em}.design-system-page .ds-player-study__intro h2{margin:0;font-size:clamp(24px,3vw,34px);line-height:1.14;letter-spacing:-.035em}.design-system-page .ds-player-study__intro p{max-width:68ch;margin:0;color:var(--ds-color-muted);font-size:16px;line-height:1.55}.design-system-page .ds-player-study__player{padding:clamp(18px,3vw,34px);border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-surface)}.design-system-page .ds-player-study__player audio{display:none}.design-system-page .ds-player-study__track{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding-bottom:27px}.design-system-page .ds-player-study__art{display:grid;width:76px;aspect-ratio:1;place-items:center;border-radius:calc(var(--ds-radius) * .8);background:var(--ds-color-canvas);color:var(--ds-color-accent)}.design-system-page .ds-player-study__art svg{width:58px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.design-system-page .ds-player-study__track-copy{display:grid;gap:5px;min-width:0}.design-system-page .ds-player-study__track-copy h3{margin:0;font-size:23px;letter-spacing:-.025em}.design-system-page .ds-player-study__track-copy p{margin:0;color:var(--ds-color-muted);font-size:14px;line-height:1.45}.design-system-page .ds-player-study__live-state{padding:6px 10px;border-radius:999px;background:var(--ds-color-canvas);color:var(--ds-color-muted);font-size:12px;font-weight:650}.design-system-page .ds-player-study__transport{display:grid;grid-template-columns:auto auto minmax(60px,1fr) auto auto minmax(60px,112px);align-items:center;gap:13px;padding-top:20px;border-top:1px solid var(--ds-color-divider)}.design-system-page .ds-player-study__play,.design-system-page .ds-player-study__mute{display:grid;flex:none;place-items:center;border:0;cursor:pointer}.design-system-page .ds-player-study__play{width:48px;height:48px;border-radius:50%;background:var(--ds-color-accent);color:var(--ds-color-on-accent, var(--ds-color-surface))}.design-system-page .ds-player-study__play:disabled{cursor:not-allowed;opacity:.55}.design-system-page .ds-player-study__play svg{width:22px;fill:currentColor}.design-system-page .ds-player-study__mute{width:36px;height:40px;padding:5px;background:transparent;color:var(--ds-color-text)}.design-system-page .ds-player-study__mute svg{width:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.design-system-page .ds-player-study__time{color:var(--ds-color-muted);font-variant-numeric:tabular-nums;font-size:12px}.design-system-page .ds-player-study__seek,.design-system-page .ds-player-study__volume{width:100%;height:24px;margin:0;accent-color:var(--ds-color-accent);cursor:pointer}.design-system-page .ds-player-study__seek{appearance:none;height:4px;border-radius:999px;background:linear-gradient(to right,var(--ds-color-accent) var(--player-progress, 0%),var(--ds-color-divider) var(--player-progress, 0%))}.design-system-page .ds-player-study__seek::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border:2px solid var(--ds-color-surface);border-radius:50%;background:var(--ds-color-accent);box-shadow:0 0 0 1px var(--ds-color-accent)}.design-system-page .ds-player-study__seek::-moz-range-thumb{width:11px;height:11px;border:2px solid var(--ds-color-surface);border-radius:50%;background:var(--ds-color-accent);box-shadow:0 0 0 1px var(--ds-color-accent)}.design-system-page .ds-player-study__volume{accent-color:var(--ds-color-accent)}.design-system-page .ds-player-study__seek:disabled{cursor:not-allowed;opacity:.5}.design-system-page .ds-player-study__error{margin:15px 0 0;color:var(--ds-color-warning);font-size:14px}.design-system-page .ds-player-study__notes{display:grid;grid-template-columns:subgrid;row-gap:var(--ds-space-4)}.design-system-page .ds-player-study__notes article{display:grid;grid-column:span 6;grid-template-columns:auto minmax(0,1fr);gap:14px;padding-top:17px;border-top:1px solid var(--ds-color-divider)}.design-system-page .ds-player-study__note-index{color:var(--ds-color-accent);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.design-system-page .ds-player-study__notes h3{margin:0 0 6px;font-size:16px}.design-system-page .ds-player-study__notes p{margin:0;color:var(--ds-color-muted);font-size:14px;line-height:1.55}.design-system-page .ds-player-study button:focus-visible,.design-system-page .ds-player-study input:focus-visible{outline:3px solid var(--ds-color-accent);outline-offset:4px}@media (max-width: 767px){.design-system-page .ds-player-study__notes{grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr))}.design-system-page .ds-player-study__notes article{grid-column:1 / -1}.design-system-page .ds-player-study__transport{grid-template-columns:auto auto minmax(0,1fr) auto;gap:10px}.design-system-page .ds-player-study__mute{grid-column:2;grid-row:2}.design-system-page .ds-player-study__volume{grid-column:3 / -1;grid-row:2}}@media (max-width: 460px){.design-system-page .ds-player-study__track{grid-template-columns:auto minmax(0,1fr);gap:13px}.design-system-page .ds-player-study__art{width:60px}.design-system-page .ds-player-study__live-state{grid-column:2;justify-self:start}.design-system-page .ds-player-study__track-copy h3{font-size:19px}.design-system-page .ds-player-study__player{padding:17px}}.design-system-page .ds-slideshow-study{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-space-5) var(--ds-grid-gap);margin-block:0 var(--ds-space-8);color:var(--ds-color-text);font-family:var(--ds-font-body, "Instrument Sans"),sans-serif}.design-system-page .ds-slideshow-study__intro,.design-system-page .ds-slideshow-study__frame,.design-system-page .ds-slideshow-study__guidance{grid-column:1 / -1;min-width:0}.design-system-page .ds-slideshow-study__intro{display:grid;gap:var(--ds-space-2)}.design-system-page .ds-slideshow-study__eyebrow{color:var(--ds-color-accent);font-size:12px;font-weight:700;letter-spacing:.09em}.design-system-page .ds-slideshow-study__intro h2{margin:0;font-size:clamp(24px,3vw,34px);line-height:1.14;letter-spacing:-.035em}.design-system-page .ds-slideshow-study__intro p{max-width:68ch;margin:0;color:var(--ds-color-muted);font-size:16px;line-height:1.55}.design-system-page .ds-slideshow-study__frame{overflow:hidden;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-surface)}.design-system-page .ds-slideshow-study__visual{position:relative;width:100%;aspect-ratio:12 / 5.5;overflow:hidden;background:var(--ds-color-canvas)}.design-system-page .ds-slideshow-study__art{display:block;width:100%;height:100%}.design-system-page .ds-slideshow-study__art--morning .ds-slideshow-study__sky{fill:#dbe7df}.design-system-page .ds-slideshow-study__art--road .ds-slideshow-study__sky{fill:#d6e3e5}.design-system-page .ds-slideshow-study__art--arrival .ds-slideshow-study__sky{fill:#d9dfe2}.design-system-page .ds-slideshow-study__sun{fill:#e9ad77}.design-system-page .ds-slideshow-study__hill-back{fill:#899e91}.design-system-page .ds-slideshow-study__hill-front{fill:#546f69}.design-system-page .ds-slideshow-study__trail{fill:none;stroke:#d3c2a4;stroke-width:17}.design-system-page .ds-slideshow-study__road{fill:none;stroke:#e2d6c3;stroke-linecap:round;stroke-width:42}.design-system-page .ds-slideshow-study__arrival{fill:none;stroke:#526d69;stroke-linejoin:round;stroke-width:8}.design-system-page .ds-slideshow-study__detail{fill:none;stroke:#798b82;stroke-linecap:round;stroke-width:3;opacity:.65}.design-system-page .ds-slideshow-study__counter{position:absolute;right:18px;bottom:16px;padding:7px 10px;border:1px solid rgb(255 255 255 / 45%);border-radius:999px;background:#f1efe5d1;color:#344b48;font-size:12px;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.design-system-page .ds-slideshow-study__caption{display:flex;min-height:112px;align-items:center;justify-content:space-between;gap:20px;padding:21px clamp(18px,3vw,32px)}.design-system-page .ds-slideshow-study__caption h3{margin:0 0 5px;font-size:clamp(18px,2vw,23px);letter-spacing:-.025em}.design-system-page .ds-slideshow-study__caption p{margin:0;color:var(--ds-color-muted);font-size:14px;line-height:1.5}.design-system-page .ds-slideshow-study__arrows{display:flex;flex:none;gap:8px}.design-system-page .ds-slideshow-study__arrows button{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--ds-color-divider);border-radius:50%;background:var(--ds-color-surface);color:var(--ds-color-text);cursor:pointer}.design-system-page .ds-slideshow-study__arrows svg{width:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.design-system-page .ds-slideshow-study__footer{display:flex;min-height:60px;align-items:center;justify-content:space-between;gap:18px;padding:10px clamp(18px,3vw,32px);border-top:1px solid var(--ds-color-divider)}.design-system-page .ds-slideshow-study__dots{display:flex;align-items:center;gap:10px}.design-system-page .ds-slideshow-study__dots button{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:var(--ds-color-divider);cursor:pointer}.design-system-page .ds-slideshow-study__dots button.is-active{width:25px;border-radius:999px;background:var(--ds-color-accent)}.design-system-page .ds-slideshow-study__autoplay{padding:8px 0 8px 10px;border:0;background:transparent;color:var(--ds-color-accent);font-size:13px;font-weight:650;cursor:pointer}.design-system-page .ds-slideshow-study__autoplay:disabled{cursor:not-allowed;opacity:.65}.design-system-page .ds-slideshow-study__motion-note{margin:0;padding:0 20px 15px;color:var(--ds-color-muted);font-size:13px}.design-system-page .ds-slideshow-study__guidance{display:grid;gap:7px;padding:20px 0 0;border-top:1px solid var(--ds-color-divider)}.design-system-page .ds-slideshow-study__guidance h3{margin:0;font-size:17px}.design-system-page .ds-slideshow-study__guidance p{max-width:76ch;margin:0;color:var(--ds-color-muted);font-size:14px;line-height:1.6}.design-system-page .ds-slideshow-study button:focus-visible,.design-system-page .ds-slideshow-study:focus-visible{outline:3px solid var(--ds-color-accent);outline-offset:4px}@media (max-width: 767px){.design-system-page .ds-slideshow-study__visual{aspect-ratio:4 / 3}.design-system-page .ds-slideshow-study__caption{min-height:106px}}@media (max-width: 460px){.design-system-page .ds-slideshow-study__caption{padding-block:17px}.design-system-page .ds-slideshow-study__arrows{gap:5px}.design-system-page .ds-slideshow-study__arrows button{width:38px;height:38px}.design-system-page .ds-slideshow-study__counter{right:11px;bottom:11px}}@media (prefers-reduced-motion: reduce){.design-system-page .ds-slideshow-study *,.design-system-page .ds-slideshow-study *:before,.design-system-page .ds-slideshow-study *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.design-system-page .ds-android-cars{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:0 var(--ds-grid-gap);min-width:0;margin-block:var(--ds-space-4) var(--ds-space-7);color:var(--ds-color-text)}.design-system-page .ds-android-cars>*{min-width:0;grid-column:1 / -1}.design-system-page .ds-android-cars__hero{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));align-items:center;gap:var(--ds-grid-gap);padding-block:clamp(20px,3vw,36px) clamp(32px,4vw,48px);border-bottom:1px solid var(--ds-color-divider)}.design-system-page .ds-android-cars__intro,.design-system-page .ds-android-cars__hero h2,.design-system-page .ds-android-cars__scope strong,.design-system-page .ds-android-cars__scope span,.design-system-page .ds-android-cars__platforms h3,.design-system-page .ds-android-cars__platforms p,.design-system-page .ds-android-cars__section-heading h3,.design-system-page .ds-android-cars__section-heading p,.design-system-page .ds-android-cars__section>h3{margin:0}.design-system-page .ds-android-cars__hero h2{max-width:20ch;font-size:clamp(34px,4.25vw,52px);font-weight:570;line-height:1.04;letter-spacing:-.055em}.design-system-page .ds-android-cars__intro{max-width:700px;margin-top:var(--ds-space-3);color:var(--ds-color-muted);font-size:17px;line-height:1.55}.design-system-page .ds-android-cars__scope{display:grid;gap:8px;padding:0;border:0;background:transparent}.design-system-page .ds-android-cars__scope strong{color:var(--ds-color-accent);font-size:17px;line-height:1.35}.design-system-page .ds-android-cars__scope span{max-width:37ch;color:var(--ds-color-muted);font-size:15px;line-height:1.65}.design-system-page .ds-android-cars__platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-grid-gap)}.design-system-page .ds-android-cars__platforms article{padding-top:var(--ds-space-2);border-top:2px solid var(--ds-color-accent)}.design-system-page .ds-android-cars__platforms h3{font-size:17px}.design-system-page .ds-android-cars__platforms p{margin-top:6px;color:var(--ds-color-muted);font-size:15px;line-height:1.5}.design-system-page .ds-android-cars__section{padding-block:clamp(36px,5vw,56px);border-top:1px solid var(--ds-color-divider)}.design-system-page .ds-android-cars__section-heading{display:flex;align-items:start;justify-content:space-between;gap:var(--ds-space-3);margin-bottom:clamp(24px,3vw,34px)}.design-system-page .ds-android-cars__section-heading h3,.design-system-page .ds-android-cars__section>h3{font-size:clamp(25px,3vw,34px);font-weight:580;letter-spacing:-.04em;line-height:1.12}.design-system-page .ds-android-cars__section-heading p{max-width:58ch;margin-top:10px;color:var(--ds-color-muted);font-size:16px;line-height:1.65}.design-system-page .ds-android-cars__source-label{flex:none;padding:5px 9px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);color:var(--ds-color-muted);font-size:12px}.design-system-page .ds-android-cars__rule-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--ds-grid-gap);margin:0;padding:0;list-style:none}.design-system-page .ds-android-cars__rule-list li{padding:12px 0;border-top:1px solid var(--ds-color-divider);font-size:15px;line-height:1.52}.design-system-page .ds-android-cars__rule-list strong{color:var(--ds-color-accent)}.design-system-page .ds-android-cars__terms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,38px);margin-top:clamp(22px,3vw,32px)}.design-system-page .ds-android-cars__terms p{display:grid;align-content:start;gap:9px;margin:0;padding:0;border:0;border-radius:0;background:transparent}.design-system-page .ds-android-cars__terms strong{color:var(--ds-color-accent);font-size:14px}.design-system-page .ds-android-cars__terms span,.design-system-page .ds-android-cars__source{color:var(--ds-color-muted);font-size:15px;line-height:1.6}.design-system-page .ds-android-cars__section .ds-android-cars__source{display:block;margin:var(--ds-space-3) 0 0}.design-system-page .ds-android-cars__disclosure{margin-block:var(--ds-space-3);border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-surface);color:var(--ds-color-text)}.design-system-page .ds-android-cars__disclosure summary{padding:12px 15px;color:var(--ds-color-text);font-size:14px;font-weight:700;cursor:pointer}.design-system-page .ds-android-cars__disclosure summary:focus-visible{outline:3px solid var(--ds-color-accent);outline-offset:2px}.design-system-page .ds-android-cars__disclosure-body{padding:0 15px 14px;border-top:1px solid var(--ds-color-divider)}.design-system-page .ds-android-cars__disclosure-body>p{margin:11px 0 7px;color:var(--ds-color-muted);font-size:13px;line-height:1.45}.design-system-page .ds-android-cars__disclosure-body ul{display:grid;gap:5px;margin:0;padding-left:19px;color:var(--ds-color-text);font-size:14px;line-height:1.48}.design-system-page .ds-android-cars__disclosure-body .ds-android-cars__source{display:block;margin-top:10px}.design-system-page .ds-android-cars__hero{min-width:0}.design-system-page .ds-android-cars__hero>div{grid-column:span 6}.design-system-page .ds-android-cars__scope{grid-column:span 3}.design-system-page .ds-android-cars__platform-section{border-top:0}.design-system-page .ds-android-cars__platform-examples{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));column-gap:var(--ds-grid-gap);row-gap:clamp(28px,4vw,42px)}.design-system-page .ds-android-cars__platform-card{grid-column:span 4;min-width:0;padding:0;border:0;border-radius:0;background:transparent}.design-system-page .ds-android-cars__platform-card:nth-child(2){grid-column:span 5}.design-system-page .ds-android-cars__platform-card h4,.design-system-page .ds-android-cars__state-card h4{margin:18px 0 8px;font-size:22px;font-weight:590;letter-spacing:-.035em;line-height:1.2}.design-system-page .ds-android-cars__platform-card p{max-width:42ch;margin:0;color:var(--ds-color-muted);font-size:16px;line-height:1.65}.design-system-page .ds-android-cars__platform-card small{display:block;margin-top:15px;color:var(--ds-color-accent);font-size:13px;font-weight:650}.design-system-page .ds-android-cars__flow-visual{display:flex;min-height:76px;align-items:center;justify-content:flex-start;gap:20px;margin-bottom:14px;background:transparent;color:var(--ds-color-muted)}.design-system-page .ds-android-cars__flow-visual>span{display:grid;width:48px;height:48px;place-items:center;border:0;border-radius:0;background:transparent;color:var(--ds-color-accent)}.design-system-page .ds-android-cars__flow-visual svg{width:24px;height:24px}.design-system-page .ds-android-cars__flow-visual>svg{width:17px;height:17px}.design-system-page .ds-android-cars__flow-visual .ds-android-cars__system-chip{width:74px;color:var(--ds-color-accent);font-size:13px;font-weight:750}.design-system-page .ds-android-cars__example-note{max-width:70ch;margin:20px 0 0;color:var(--ds-color-muted);font-size:13px;line-height:1.6}.design-system-page .ds-android-cars__state-examples{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));column-gap:var(--ds-grid-gap);row-gap:clamp(28px,4vw,42px)}.design-system-page .ds-android-cars__state-card{grid-column:span 4;min-width:0;padding:0;border:0;border-radius:0;background:transparent}.design-system-page .ds-android-cars__state-card:nth-child(2){grid-column:span 5}.design-system-page .ds-android-cars__state-card.is-driving{background:transparent}.design-system-page .ds-android-cars__state-tag{display:inline-flex;align-items:center;gap:8px;color:var(--ds-color-accent);font-size:14px;font-weight:700}.design-system-page .ds-android-cars__state-tag svg{width:16px;height:16px}.design-system-page .ds-android-cars__state-card h4{margin-top:18px}.design-system-page .ds-android-cars__state-card p{max-width:42ch;margin:0 0 17px;color:var(--ds-color-muted);font-size:16px;line-height:1.65}.design-system-page .ds-android-cars__state-card>button,.design-system-page .ds-android-cars__copy-example button{min-height:44px;padding:0 13px;border:1px solid #849bb2;border-radius:6px;background:#e7eef6;color:#263f59;font:inherit;font-size:13px;font-weight:650}.design-system-page .ds-android-cars__state-card>button:disabled,.design-system-page .ds-android-cars__copy-example button:disabled{cursor:not-allowed;opacity:.8}.design-system-page .ds-android-cars__state-card>small{display:block;margin-top:13px;color:var(--ds-color-muted);font-size:13px;line-height:1.5}.design-system-page .ds-android-cars__deferred-row{display:flex;flex-wrap:wrap;gap:9px 24px}.design-system-page .ds-android-cars__deferred-row span{padding:0;border:0;border-radius:0;color:var(--ds-color-muted);font-size:14px}.design-system-page .ds-android-cars__writing-example{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));column-gap:var(--ds-grid-gap);row-gap:clamp(26px,3vw,38px)}.design-system-page .ds-android-cars__copy-example{display:flex;grid-column:span 4;align-items:flex-start;gap:15px;min-width:0;padding:0;border:0;border-radius:0;background:transparent}.design-system-page .ds-android-cars__copy-example:nth-child(2){grid-column:span 5}.design-system-page .ds-android-cars__copy-example>svg{flex:none;width:20px;height:20px;margin-top:1px}.design-system-page .ds-android-cars__copy-example.is-good>svg{color:#467958}.design-system-page .ds-android-cars__copy-example.is-bad>svg{color:#a25c51}.design-system-page .ds-android-cars__copy-example div>span{display:block;margin-bottom:8px;color:var(--ds-color-muted);font-size:12px;font-weight:750;letter-spacing:.08em}.design-system-page .ds-android-cars__copy-example strong{display:block;font-size:20px;letter-spacing:-.025em}.design-system-page .ds-android-cars__copy-example p{margin:7px 0 15px;color:var(--ds-color-muted);font-size:15px;line-height:1.6}.design-system-page .ds-android-cars__copy-example small{color:#8c554d;font-size:13px}.design-system-page .ds-android-cars__copy-example button{min-height:38px;font-size:12px}.design-system-page .ds-android-cars__metric-strip{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-grid-gap);margin-top:var(--ds-space-3);padding-block:19px;border:0}.design-system-page .ds-android-cars__metric-strip>div{grid-column:span 2;display:grid;align-content:start;gap:7px}.design-system-page .ds-android-cars__metric-strip strong{color:var(--ds-color-text);font-size:25px;font-weight:590;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.design-system-page .ds-android-cars__metric-strip span{color:var(--ds-color-muted);font-size:14px;line-height:1.5}.design-system-page .ds-android-cars__response-example{display:flex;align-items:center;gap:13px;margin-top:18px;padding:0;border-radius:0;background:transparent}.design-system-page .ds-android-cars__response-icon{display:grid;width:34px;height:34px;flex:none;place-items:center;border-radius:0;background:transparent;color:#45617d}.design-system-page .ds-android-cars__response-icon svg{width:17px;height:17px}.design-system-page .ds-android-cars__response-example>div{flex:1}.design-system-page .ds-android-cars__response-example strong{font-size:16px}.design-system-page .ds-android-cars__response-example p{margin:5px 0 0;color:var(--ds-color-muted);font-size:15px;line-height:1.55}.design-system-page .ds-android-cars__progress-sample{width:65px;height:5px;overflow:hidden;border-radius:5px;background:#c4d0dc}.design-system-page .ds-android-cars__progress-sample i{display:block;width:58%;height:100%;border-radius:inherit;background:#4b78a7}.design-system-page .ds-android-cars__section>.ds-android-cars__example-note:last-child{margin-top:11px}@media (min-width: 768px) and (max-width: 1023px){.design-system-page .ds-android-cars__hero>div{grid-column:span 8}.design-system-page .ds-android-cars__scope{grid-column:span 4}.design-system-page .ds-android-cars__platform-card,.design-system-page .ds-android-cars__state-card,.design-system-page .ds-android-cars__copy-example{grid-column:span 6}.design-system-page .ds-android-cars__platform-card:nth-child(2),.design-system-page .ds-android-cars__state-card:nth-child(2),.design-system-page .ds-android-cars__copy-example:nth-child(2){grid-column:span 6}.design-system-page .ds-android-cars__metric-strip>div{grid-column:span 3}}@media (max-width: 767px){.design-system-page .ds-android-cars__hero>div,.design-system-page .ds-android-cars__scope,.design-system-page .ds-android-cars__platform-card,.design-system-page .ds-android-cars__platform-card:nth-child(2),.design-system-page .ds-android-cars__state-card,.design-system-page .ds-android-cars__state-card:nth-child(2),.design-system-page .ds-android-cars__copy-example,.design-system-page .ds-android-cars__copy-example:nth-child(2){grid-column:1 / -1}.design-system-page .ds-android-cars__section-heading{flex-direction:column}.design-system-page .ds-android-cars__platform-examples,.design-system-page .ds-android-cars__state-examples,.design-system-page .ds-android-cars__writing-example,.design-system-page .ds-android-cars__metric-strip{grid-template-columns:minmax(0,1fr)}.design-system-page .ds-android-cars__metric-strip>div{grid-column:1 / -1;padding-block:5px}.design-system-page .ds-android-cars__platform-card p{min-height:0}.design-system-page .ds-android-cars__response-example{align-items:flex-start}.design-system-page .ds-android-cars__progress-sample{margin-top:14px}}.ds-button-behavior{grid-column:1 / -1;display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:30px var(--ds-grid-gap);min-width:0;margin-block:40px}.ds-button-behavior>*{grid-column:1 / -1;min-width:0;margin:0}.ds-button-behavior__heading{display:grid;gap:8px;max-width:58ch}.ds-button-behavior h2{margin:0;font-size:clamp(26px,3vw,36px);letter-spacing:-.04em;line-height:1.08}.ds-button-behavior__heading p,.ds-button-behavior__subheading p{margin:0;color:var(--ds-color-muted);line-height:1.5}.ds-button-behavior__states{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:28px 32px}.ds-button-behavior__state{display:grid;align-content:start;justify-items:start;gap:12px;min-width:0}.ds-button-behavior__state>span{color:var(--ds-color-muted);font-size:14px;font-weight:600}.ds-button-behavior__focus-demo{outline:3px solid var(--ds-color-focus);outline-offset:3px}.ds-button-behavior__async,.ds-button-behavior__disabled{display:grid;justify-items:start;gap:9px}.ds-button-behavior__async>small,.ds-button-behavior__disabled>small{max-width:34ch;color:var(--ds-color-muted);font-size:13px;line-height:1.45}.ds-button-behavior__progress{width:100%;min-height:4px}.ds-button-behavior__progress progress{width:min(220px,100%);height:4px;accent-color:var(--ds-color-accent)}.ds-button-behavior__async>.ds-button--primary{min-width:164px}.ds-button-behavior__async [aria-busy=true] .ds-icon{animation:button-saving-spin .9s linear infinite}.ds-button-behavior__notice{min-height:1.5em;color:var(--ds-color-muted);font-size:14px}.ds-button-behavior__comparisons{display:grid;gap:36px;padding-top:40px;border-top:1px solid var(--ds-color-divider)}.ds-button-behavior__subheading{display:grid;gap:7px}.ds-button-behavior__subheading h3{margin:0;font-size:clamp(20px,2.2vw,25px);letter-spacing:-.025em;line-height:1.15}.ds-button-behavior__comparison{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));align-items:center;gap:14px 20px}.ds-button-behavior__comparison>*{grid-column:span 3}.ds-button-behavior__comparison-copy{padding-right:4px}.ds-button-behavior__comparison-copy h4{margin:0 0 5px;font-size:16px;line-height:1.25}.ds-button-behavior__comparison-copy p{margin:0;color:var(--ds-color-muted);font-size:14px;line-height:1.45}.ds-button-behavior__example{display:grid;align-content:start;justify-items:start;gap:10px;min-width:0;margin:0}.ds-button-behavior__example figcaption{display:inline-flex;align-items:center;gap:6px;color:var(--ds-color-text);font-size:14px;font-weight:650}.ds-button-behavior__example figcaption svg{width:17px;height:17px}.ds-button-behavior__example--good figcaption svg{color:var(--ds-color-success)}.ds-button-behavior__example--bad figcaption svg{color:var(--ds-color-danger)}.ds-button-behavior__sample-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-height:44px}.ds-button-behavior__sample{display:inline-flex;align-items:center;justify-content:center;max-width:100%;text-align:center;font:600 14px/1.2 var(--ds-font)}.ds-button-behavior__sample--button{min-height:40px;padding:0 12px;border:1px solid var(--ds-color-control);border-radius:var(--ds-radius);color:var(--ds-color-text)}.ds-button-behavior__sample--primary{border-color:var(--ds-color-accent);background:var(--ds-color-accent);color:var(--ds-color-on-accent)}.ds-button-behavior__sample--quiet{color:var(--ds-color-muted)}.ds-button-behavior__sample--disabled{opacity:.55}.ds-button-behavior__sample-state{display:grid;justify-items:start;gap:7px}.ds-button-behavior__sample-state small,.ds-button-behavior__example>small{color:var(--ds-color-muted);font-size:12px;line-height:1.4}.ds-button-behavior__icon-action,.ds-button-behavior__icon-art{display:inline-grid;width:44px;height:44px;place-items:center;padding:0;border:1px solid var(--ds-color-control);border-radius:var(--ds-radius);background:transparent;color:var(--ds-color-text)}.ds-button-behavior__icon-action{cursor:pointer}.ds-button-behavior__icon-action[aria-pressed=true]{border-color:var(--ds-color-accent);background:var(--ds-color-accent);color:var(--ds-color-on-accent)}.ds-button-behavior__icon-action svg,.ds-button-behavior__icon-art svg{width:19px;height:19px}.ds-button-behavior__icon-art{opacity:.6}.ds-button-behavior__implementation,.ds-button-behavior__platforms{padding-top:16px}.ds-button-behavior__platforms{border-top:1px solid var(--ds-color-divider);padding-top:36px}.ds-button-behavior__implementation summary,.ds-button-behavior__platform-note summary{display:flex;width:fit-content;min-height:44px;align-items:center;cursor:pointer;color:var(--ds-color-text);font-size:15px;font-weight:600}.ds-button-behavior__notes{max-width:72ch;padding-top:8px}.ds-button-behavior__notes ul{display:grid;gap:12px;margin:0;padding-left:20px;list-style:disc}.ds-button-behavior__notes li{color:var(--ds-color-muted);font-size:14px;line-height:1.55}.ds-button-behavior__notes p{margin:0;color:var(--ds-color-muted);font-size:14px;line-height:1.55}.ds-button-behavior__platforms{display:grid;gap:20px}.ds-button-behavior__platform-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 24px}.ds-button-behavior__platform h4{margin:0 0 8px;font-size:15px}.ds-button-behavior__platform-size{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;margin:0;color:var(--ds-color-muted);font-size:13px}.ds-button-behavior__platform-size strong{color:var(--ds-color-text);font-size:24px;letter-spacing:-.04em;line-height:1}.ds-button-behavior__platform-note{margin-top:8px}.ds-button-behavior__platform-note summary{min-height:32px;color:var(--ds-color-muted);font-size:12px}.ds-button-behavior__platform-note p,.ds-button-behavior__platform-caveat{margin:5px 0 0;color:var(--ds-color-muted);font-size:12px;line-height:1.5}.ds-button-behavior__platform-caveat{max-width:76ch;margin:0}@keyframes button-saving-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.ds-button-behavior__async [aria-busy=true] .ds-icon{animation:none}}@media (min-width: 768px) and (max-width: 1023px){.ds-button-behavior__comparison{gap:12px}.ds-button-behavior__comparison>*{grid-column:span 4}.ds-button-behavior__sample-row{gap:7px}}@media (max-width: 767px){.ds-button-behavior{gap:26px;margin-block:32px}.ds-button-behavior__states{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.ds-button-behavior__comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}.ds-button-behavior__comparison>.ds-button-behavior__example{grid-column:span 1}.ds-button-behavior__comparison-copy{grid-column:1 / -1}.ds-button-behavior__platform-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}@media (max-width: 480px){.ds-button-behavior__states,.ds-button-behavior__platform-list{grid-template-columns:minmax(0,1fr)}.ds-button-behavior__state{gap:10px}.ds-button-behavior__comparisons{gap:22px}.ds-button-behavior__comparison{gap:12px}}.ds-doc-on-page{min-width:0;margin-block:0 32px}.ds-doc-on-page__heading{display:none}.ds-doc-on-page__toggle{display:inline-flex;gap:12px;align-items:center;min-height:44px;padding:0;border:0;background:transparent;color:var(--ds-color-text);font:inherit;cursor:pointer}.ds-doc-on-page__toggle[aria-expanded=true] svg{transform:rotate(180deg)}.ds-doc-on-page ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;list-style:none;margin:8px 0 0;padding:0}.ds-doc-on-page ul[hidden]{display:none}.ds-doc-on-page a{display:flex;align-items:center;min-height:44px;color:var(--ds-color-muted);text-decoration:none;font-size:14px;line-height:1.4}.ds-doc-on-page a[aria-current=location]{color:var(--ds-color-text);font-weight:650}.ds-doc-on-page a:hover{color:var(--ds-color-focus)}.ds-doc-article--buttons [id^=buttons-]{scroll-margin-top:108px}@media (min-width: 1280px){.design-system-page .ds-doc-article--buttons{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));column-gap:var(--ds-grid-gap);align-items:start}.design-system-page .ds-doc-article--buttons>:not(.ds-doc-on-page){grid-column:1 / span 7;min-width:0}.design-system-page .ds-doc-article--buttons>.ds-doc-on-page{grid-column:8 / span 2;grid-row:1 / span 40;position:sticky;top:104px;margin:12px 0 0;padding-left:18px;max-height:calc(100dvh - 128px);overflow-y:auto;border-left:1px solid var(--ds-color-divider)}.ds-doc-on-page__heading{display:block;margin:0 0 10px;font-size:13px;color:var(--ds-color-muted)}.ds-doc-on-page__toggle{display:none}.ds-doc-on-page ul{grid-template-columns:minmax(0,1fr);margin:0}.ds-doc-on-page a{min-height:36px;font-size:13px;padding-block:6px}}.design-system-page .ds-list-guide{grid-column:1 / -1;display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-space-6) var(--ds-grid-gap);min-width:0;margin-block:var(--ds-space-3) var(--ds-space-8)}.ds-list-guide__items,.ds-list-guide__empty{min-height:var(--ds-list-reserved-height, 0)}.ds-list-guide__item-meta .ds-status{min-width:128px;flex:0 0 128px;white-space:nowrap}.design-system-page .ds-list-guide__items>li>.ds-button{min-height:48px;padding:12px 16px;font-size:15px;line-height:1.4}@media (min-width: 768px){.ds-list-guide__items>li{min-height:104px}.ds-list-guide__items>li>.ds-button{width:176px}}.ds-list-guide__heading{grid-column:1 / -1;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--ds-space-5);padding:var(--ds-space-5) 0 var(--ds-space-4);border-bottom:1px solid var(--ds-color-divider)}.ds-list-guide__heading h2{margin:0;color:var(--ds-color-text);font-size:clamp(25px,3vw,38px);line-height:1.08;letter-spacing:-.035em}.ds-list-guide__heading p{max-width:58ch;margin:var(--ds-space-2) 0 0;color:var(--ds-color-muted);font-size:16px;line-height:1.55}.ds-list-guide__summary{display:flex;align-items:center;gap:var(--ds-space-2);flex:none;color:var(--ds-color-muted)}.ds-list-guide__summary strong{color:var(--ds-color-text);font-size:23px}.ds-list-guide__panel{grid-column:1 / -1;min-width:0;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-surface)}.ds-list-guide__toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-2);padding:var(--ds-space-3);border-bottom:1px solid var(--ds-color-divider)}.ds-list-guide__search,.ds-list-guide__filter{display:flex;align-items:center;gap:var(--ds-space-2);min-height:48px;padding-inline:var(--ds-space-3);border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);color:var(--ds-color-muted);background:var(--ds-color-surface)}.ds-list-guide__search{flex:1 1 240px}.ds-list-guide__search input,.ds-list-guide__filter select{width:100%;min-width:0;min-height:44px;border:0;outline:0;color:var(--ds-color-text);background:transparent;font:inherit}.ds-list-guide__filter select{cursor:pointer}.ds-list-guide__items{list-style:none;margin:0;padding:0}.ds-list-guide__items>li{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;align-items:center;gap:var(--ds-space-4);min-width:0;padding:var(--ds-space-4);border-bottom:1px solid var(--ds-color-divider)}.ds-list-guide__items>li:last-child{border-bottom:0}.ds-list-guide__item-main{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:var(--ds-space-2);min-width:0}.ds-list-guide__item-main strong{min-width:0;color:var(--ds-color-text);font-size:17px;line-height:1.4;overflow-wrap:anywhere}.ds-list-guide__item-main>span:last-child{grid-column:2;color:var(--ds-color-muted);font-size:15px;line-height:1.45}.ds-list-guide__code{color:var(--ds-color-accent);font:600 13px/1.5 var(--ds-font-mono, monospace)}.ds-list-guide__item-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-space-2) var(--ds-space-3);color:var(--ds-color-muted);font-size:15px}.ds-list-guide__owner{color:var(--ds-color-text)}.ds-list-guide__feedback{min-height:4.65em;margin:0;padding-inline:var(--ds-space-4);color:var(--ds-color-muted);font-size:14px}.ds-list-guide__empty{display:grid;justify-items:start;gap:var(--ds-space-2);padding:var(--ds-space-6);color:var(--ds-color-text)}.ds-list-guide__empty p{margin:0;color:var(--ds-color-muted)}@media (max-width:760px){.ds-list-guide__heading{align-items:flex-start;flex-direction:column}.ds-list-guide__items>li{grid-template-columns:minmax(0,1fr);align-items:start;gap:var(--ds-space-2)}.ds-list-guide__item-meta{gap:var(--ds-space-2)}.ds-list-guide__items>li>.ds-button{width:100%}.ds-list-guide__toolbar>.ds-button{width:100%}}.design-system-page .ds-table-guide{grid-column:1 / -1;display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-space-6) var(--ds-grid-gap);min-width:0;margin-block:var(--ds-space-3) var(--ds-space-8)}.ds-table-guide__heading{grid-column:1/-1;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--ds-space-5);padding:var(--ds-space-5) 0 var(--ds-space-4);border-bottom:1px solid var(--ds-color-divider)}.ds-table-guide__heading h2{margin:0;color:var(--ds-color-text);font-size:clamp(25px,3vw,38px);line-height:1.08;letter-spacing:-.035em}.ds-table-guide__heading p{max-width:58ch;margin:var(--ds-space-2) 0 0;color:var(--ds-color-muted);font-size:16px;line-height:1.55}.ds-table-guide__metric{display:grid;flex:none;color:var(--ds-color-muted);text-align:right}.ds-table-guide__metric strong{color:var(--ds-color-text);font-size:30px;line-height:1}.ds-table-guide__panel{grid-column:1/-1;min-width:0;overflow:hidden;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-surface)}.ds-table-guide__toolbar,.ds-table-guide__selection,.ds-table-guide__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--ds-space-2);padding:var(--ds-space-3);border-bottom:1px solid var(--ds-color-divider)}.ds-table-guide__search{display:flex;flex:1 1 240px;align-items:center;gap:var(--ds-space-2);min-height:48px;padding-inline:var(--ds-space-3);border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);color:var(--ds-color-muted)}.ds-table-guide__search input{width:100%;min-width:0;min-height:44px;border:0;outline:0;color:var(--ds-color-text);background:transparent;font:inherit}.ds-table-guide__selection{justify-content:flex-start;background:color-mix(in srgb,var(--ds-color-surface) 85%,var(--ds-color-accent));color:var(--ds-color-text)}.ds-table-guide__table{width:100%;border-collapse:collapse;table-layout:fixed;color:var(--ds-color-text);font-size:15px}.ds-table-guide__table caption{padding:var(--ds-space-2) var(--ds-space-3);color:var(--ds-color-muted);text-align:left;font-size:14px}.ds-table-guide__table th,.ds-table-guide__table td{padding:var(--ds-space-3);border-top:1px solid var(--ds-color-divider);text-align:left;vertical-align:middle;overflow-wrap:anywhere}.ds-table-guide__table thead th{background:color-mix(in srgb,var(--ds-color-surface) 90%,var(--ds-color-accent));color:var(--ds-color-muted);font-size:13px;font-weight:700}.ds-table-guide__table tbody th{font-weight:600}.ds-table-guide__table tbody tr:hover{background:color-mix(in srgb,var(--ds-color-surface) 94%,var(--ds-color-accent))}.ds-table-guide__select-cell{width:48px}.ds-table-guide__check{display:grid;width:44px;height:44px;place-items:center;cursor:pointer}.ds-table-guide__select-cell input{width:20px;height:20px;accent-color:var(--ds-color-accent)}.ds-table-guide__numeric{text-align:right!important;font-variant-numeric:tabular-nums}.ds-table-guide__sort{display:inline-flex;align-items:center;gap:var(--ds-space-1);min-height:44px;border:0;color:inherit;background:transparent;font:inherit;font-weight:inherit;cursor:pointer}.ds-table-guide__order-id{color:var(--ds-color-accent);font-family:var(--ds-font-mono,monospace)}.ds-table-guide__footer{justify-content:space-between;border-top:1px solid var(--ds-color-divider);border-bottom:0;color:var(--ds-color-muted);font-size:14px}.ds-table-guide__footer p{margin:0}.ds-table-guide__empty{display:grid;justify-items:start;gap:var(--ds-space-2);padding:var(--ds-space-5);color:var(--ds-color-text)}.ds-table-guide__empty p{margin:0;color:var(--ds-color-muted)}@media (max-width:760px){.ds-table-guide__heading{align-items:flex-start;flex-direction:column}.ds-table-guide__metric{text-align:left}.ds-table-guide__toolbar>.ds-button{width:100%}.ds-table-guide__table,.ds-table-guide__table caption{display:block}.ds-table-guide__table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.ds-table-guide__table tbody{display:grid;gap:var(--ds-space-2);padding:var(--ds-space-2)}.ds-table-guide__table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-space-1) var(--ds-space-3);min-width:0;padding:var(--ds-space-3);border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius)}.ds-table-guide__table tbody th,.ds-table-guide__table tbody td{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ds-space-2);min-width:0;padding:var(--ds-space-1) 0;border:0;text-align:left!important}.ds-table-guide__table tbody td:before,.ds-table-guide__table tbody th[data-label]:before{content:attr(data-label);flex:none;color:var(--ds-color-muted);font-size:12px;font-weight:600}.ds-table-guide__table tbody .ds-table-guide__select-cell{grid-column:1/-1;justify-content:flex-start}.ds-table-guide__table tbody .ds-table-guide__select-cell:before{content:none}.ds-table-guide__table tbody [data-label=Customer],.ds-table-guide__table tbody [data-label=Status]{grid-column:1/-1}}html[data-design-system-page],html[data-design-system-page] body,.design-system-page,.design-system-page *{scrollbar-width:none}html[data-design-system-page]::-webkit-scrollbar,html[data-design-system-page] body::-webkit-scrollbar,.design-system-page::-webkit-scrollbar,.design-system-page *::-webkit-scrollbar{display:none;width:0;height:0}.design-system-page{--ds-editorial-measure: 72rem;--ds-editorial-gap: clamp(28px, 4vw, 64px);background:var(--ds-color-canvas)}.design-system-page,.design-system-page *{scrollbar-width:none}.design-system-page *::-webkit-scrollbar{display:none;width:0;height:0}.design-system-page .ds-page{max-width:1600px;margin-inline:auto}.design-system-page .ds-doc-layout{grid-template-columns:minmax(0,1fr);column-gap:clamp(36px,6vw,104px);padding-top:clamp(30px,4vw,60px)}.design-system-page .ds-doc-sidebar{grid-column:1 / -1;padding-right:10px}.design-system-page .ds-doc-article{grid-column:1 / -1;--ds-article-columns: 12}.design-system-page .ds-doc-sidebar a,.design-system-page .ds-doc-sidebar-group summary{min-height:38px;font-size:14px;letter-spacing:-.01em}.design-system-page .ds-doc-sidebar a{gap:10px;color:color-mix(in srgb,var(--ds-color-text) 66%,transparent)}.design-system-page .ds-doc-sidebar a[aria-current=page]{color:var(--ds-color-text)}.design-system-page .ds-doc-sidebar a[aria-current=page] .ds-icon{color:var(--ds-color-accent)}.design-system-page .ds-doc-sidebar-group summary{color:color-mix(in srgb,var(--ds-color-text) 88%,transparent)}.design-system-page .ds-doc-page-header{max-width:var(--ds-editorial-measure);margin-bottom:clamp(32px,4vw,48px);padding-bottom:0}.design-system-page .ds-doc-living-footer{grid-column:1 / -1;padding-top:var(--ds-space-6);margin-top:var(--ds-space-6);border-top:1px solid var(--ds-color-divider)}.design-system-page .ds-doc-living-tag{display:inline-flex;align-items:center;flex:none;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,#0091ff 15%,var(--ds-color-canvas));color:#66bcff;font-size:13px;font-weight:600;line-height:1.5}.design-system-page .ds-doc-page-header h1{display:block;margin:0;font-size:clamp(36px,4vw,56px);font-weight:560;letter-spacing:-.045em;line-height:1.04}.design-system-page .ds-doc-page-header h1>.ds-icon{display:none}.design-system-page .ds-doc-page-header>p{max-width:62ch;margin-top:18px;color:var(--ds-color-muted);font-size:clamp(16px,1.4vw,19px);line-height:1.55}.design-system-page .ds-doc-article{max-width:var(--ds-editorial-measure)}.design-system-page .ds-doc-section{padding-block:clamp(32px,5vw,68px)}.design-system-page .ds-sync{padding-top:0}.design-system-page .ds-sync-heading{margin-bottom:18px}.design-system-page .ds-principles-hero{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));align-items:start;gap:var(--ds-grid-gap);margin:0;padding:clamp(20px,4vw,44px) 0;border:0;background:transparent;overflow:visible}.design-system-page .ds-principles-hero-lead{grid-column:span 4}.design-system-page .ds-principles-hero ol{grid-column:span 8}@media (min-width: 1024px){.design-system-page .ds-principles-hero-lead{grid-column:span 3}.design-system-page .ds-principles-hero ol{grid-column:span 6}}.design-system-page .ds-principles-hero-lead>strong{display:block;color:var(--ds-color-text);font-size:clamp(28px,4vw,48px);font-weight:650;letter-spacing:-.04em;line-height:1.08}.design-system-page .ds-principles-hero ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;margin:0;padding:0;list-style:none}.design-system-page .ds-principles-hero li{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:7px 10px;min-width:0;padding:14px 0;border:0;background:transparent}.design-system-page .ds-principles-hero li>.ds-icon{grid-column:1;color:var(--ds-color-accent)}.design-system-page .ds-principles-hero li>strong{grid-column:2;color:var(--ds-color-text);font-size:17px;font-weight:650;line-height:1.3}.design-system-page .ds-principles-hero li>span:last-child{grid-column:2;color:var(--ds-color-muted);font-size:15px;line-height:1.4}.design-system-page .ds-topic-hero,.design-system-page .ds-foundation-hero,.design-system-page .ds-topic-hero--buttons,.design-system-page .ds-topic-hero--errors,.design-system-page .ds-topic-hero--accessibility,.design-system-page .ds-topic-hero--status,.design-system-page .ds-topic-hero--states,.design-system-page .ds-topic-hero--driving{grid-template-columns:minmax(0,1fr);gap:0;margin-bottom:clamp(32px,5vw,68px);padding:clamp(8px,1.5vw,18px) 0;border:0;border-radius:0;background:transparent;color:var(--ds-color-text);overflow:visible}.design-system-page .ds-foundation-hero{grid-template-columns:minmax(0,1fr);gap:0}.design-system-page .ds-foundation-specimen{width:100%}.design-system-page .ds-topic-hero-copy>span:first-child,.design-system-page .ds-topic-hero-type,.design-system-page .ds-foundation-hero-copy>span{display:none}.design-system-page .ds-topic-hero-copy h2,.design-system-page .ds-foundation-hero-copy h2{margin:0 0 18px;font-size:clamp(32px,3.4vw,46px);font-weight:560;letter-spacing:-.065em;line-height:.98}.design-system-page .ds-topic-hero-copy p,.design-system-page .ds-foundation-hero-copy p{max-width:36ch;color:var(--ds-color-muted);font-size:clamp(16px,1.4vw,19px);line-height:1.55}.design-system-page .ds-topic-hero-type{margin-top:24px}.design-system-page .ds-topic-hero--driving .ds-topic-hero-copy p,.design-system-page .ds-topic-hero--driving .ds-topic-hero-copy>span:first-child{color:var(--ds-color-muted)}.design-system-page .ds-topic-hero--driving .ds-topic-hero-type{color:var(--ds-color-accent)}.design-system-page .ds-topic-hero-preview{width:100%;align-self:center}.design-system-page .ds-mini-screen--compact,.design-system-page .ds-topic-hero-preview>.ds-mini-screen--compact{width:100%;max-width:none;min-height:0;max-height:none;padding:0;border:0;border-radius:0;background:transparent;color:var(--ds-color-text);box-shadow:none;overflow:visible}.design-system-page .ds-mini-screen--compact .ds-mini-screen__body{gap:24px}.design-system-page .ds-mini-screen--compact .ds-mini-title{font-size:clamp(26px,3vw,38px);font-weight:560;letter-spacing:-.045em;line-height:1.08}.design-system-page .ds-mini-screen__eyebrow,.design-system-page .ds-mini-screen .ds-mini-subtitle,.design-system-page .ds-mini-screen .ds-status{font-size:16px;line-height:1.5}.design-system-page .ds-foundation-specimen{grid-template-columns:repeat(auto-fit,minmax(min(100%,205px),1fr));gap:16px 28px;padding:0;border:0;border-radius:0;background:transparent}.design-system-page .ds-foundation-token{gap:10px 14px;padding:12px 0;border:0;border-radius:0;background:transparent}.design-system-page .ds-foundation-token>strong{font-size:16px}.design-system-page .ds-foundation-token>code{font-size:13px}@media (min-width: 1024px){.design-system-page .ds-doc-layout{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--ds-grid-gap)}.design-system-page .ds-doc-sidebar{grid-column:span 3}.design-system-page .ds-doc-article{grid-column:span 9;--ds-article-columns: 9}}@media (max-width: 767px){.design-system-page .ds-doc-layout{row-gap:28px;padding-top:22px}.design-system-page .ds-doc-page-header{margin-bottom:34px}.design-system-page .ds-doc-page-header h1{font-size:clamp(40px,12vw,58px)}.design-system-page .ds-principles-hero{grid-template-columns:minmax(0,1fr);gap:24px}.design-system-page .ds-principles-hero-lead,.design-system-page .ds-principles-hero ol{grid-column:1 / -1}.design-system-page .ds-principles-hero ol{grid-template-columns:minmax(0,1fr)}.design-system-page .ds-topic-hero,.design-system-page .ds-foundation-hero{grid-template-columns:minmax(0,1fr);gap:0;padding-block:4px 20px}.design-system-page .ds-topic-hero-copy h2,.design-system-page .ds-foundation-hero-copy h2{font-size:clamp(34px,10vw,48px)}}.design-system-page .ds-topic-hero--accessibility .ds-mini-help-layout{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));align-items:start;column-gap:var(--ds-grid-gap);row-gap:var(--ds-space-4);width:100%}.design-system-page .ds-topic-hero--accessibility .ds-mini-help-search{display:grid;grid-template-columns:repeat(var(--ds-help-form-columns, 12),minmax(0,1fr));align-items:end;gap:var(--ds-space-2) var(--ds-grid-gap);max-width:none}.design-system-page .ds-topic-hero--accessibility .ds-mini-help-search .ds-guidance-example-field{grid-column:span 9;max-width:none;padding-block:0}.design-system-page .ds-topic-hero--accessibility .ds-mini-help-search>.ds-button{grid-column:span 3;justify-self:start;align-self:end}.design-system-page .ds-topic-hero--accessibility .ds-mini-help-search .ds-field{min-width:0;max-width:100%}.design-system-page .ds-topic-hero--accessibility .ds-mini-help-search [role=status]{grid-column:span 9;min-height:1.5em;color:var(--ds-color-muted);overflow-wrap:anywhere}.design-system-page .ds-topic-hero--accessibility .ds-mini-help-topics{display:grid;gap:2px;min-width:0;padding-top:8px}.design-system-page .ds-topic-hero--accessibility .ds-mini-help-topics>strong{margin-bottom:4px;font-size:14px;font-weight:650}.design-system-page .ds-topic-hero--accessibility .ds-mini-help-topics button{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--ds-color-divider);background:transparent;color:var(--ds-color-text);text-align:left;cursor:pointer}.design-system-page .ds-topic-hero--accessibility .ds-mini-help-topics button:hover{color:var(--ds-color-focus)}.design-system-page .ds-topic-hero--accessibility .ds-mini-help-topics .ds-icon{flex:0 0 auto;color:var(--ds-color-focus)}.design-system-page .ds-topic-hero--ai .ds-mini-ai-flow{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));align-items:start;column-gap:var(--ds-grid-gap);row-gap:var(--ds-space-6);width:100%}.design-system-page .ds-topic-hero--ai .ds-mini-ai-stage{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:16px}.design-system-page .ds-topic-hero--ai .ds-mini-ai-stage>h3{display:flex;align-items:baseline;gap:9px;margin:0;font-size:17px;font-weight:650;letter-spacing:-.02em}.design-system-page .ds-topic-hero--ai .ds-mini-ai-stage>h3>span{color:var(--ds-color-focus);font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.04em}.design-system-page .ds-topic-hero--ai .ds-mini-ai-brief{display:grid;gap:0;width:100%}.design-system-page .ds-topic-hero--ai .ds-mini-ai-brief>div{display:grid;grid-template-columns:minmax(54px,.45fr) minmax(0,1fr);gap:10px;padding-block:10px;border-bottom:1px solid var(--ds-color-divider)}.design-system-page .ds-topic-hero--ai .ds-mini-ai-brief dt{color:var(--ds-color-muted);font-size:13px;font-weight:650}.design-system-page .ds-topic-hero--ai .ds-mini-ai-brief dd{margin:0;overflow-wrap:anywhere}.design-system-page .ds-topic-hero--ai .ds-mini-ai-payment{display:grid;gap:14px;width:100%;max-width:360px}.design-system-page .ds-topic-hero--ai .ds-mini-ai-payment>strong{font-size:20px;font-weight:600;letter-spacing:-.025em}.design-system-page .ds-topic-hero--ai .ds-mini-ai-payment>div{display:grid;gap:3px;padding-bottom:9px;border-bottom:1px solid var(--ds-color-divider)}.design-system-page .ds-topic-hero--ai .ds-mini-ai-payment>div>span{color:var(--ds-color-muted);font-size:13px}.design-system-page .ds-topic-hero--ai .ds-mini-ai-payment>div>b{font-weight:600;overflow-wrap:anywhere}.design-system-page .ds-topic-hero--ai .ds-mini-ai-payment-action{justify-self:start;max-width:100%;white-space:normal;text-align:center}.design-system-page .ds-topic-hero--ai .ds-mini-ai-review .ds-status{white-space:normal}.design-system-page .ds-topic-hero--ai .ds-mini-ai-review>p{margin:0;color:var(--ds-color-muted);font-size:14px;line-height:1.5}@media (max-width: 767px){.design-system-page .ds-topic-hero--accessibility .ds-mini-help-layout{grid-template-columns:minmax(0,1fr);gap:var(--ds-space-4)}.design-system-page .ds-topic-hero--accessibility .ds-mini-help-search{grid-template-columns:minmax(0,1fr);max-width:100%}.design-system-page .ds-topic-hero--accessibility .ds-mini-help-search .ds-guidance-example-field,.design-system-page .ds-topic-hero--accessibility .ds-mini-help-search [role=status],.design-system-page .ds-topic-hero--accessibility .ds-mini-help-search>.ds-button{grid-column:1 / -1}.design-system-page .ds-topic-hero--accessibility .ds-mini-help-search>.ds-button{justify-self:start}.design-system-page .ds-topic-hero--ai .ds-mini-ai-flow{grid-template-columns:minmax(0,1fr);gap:var(--ds-space-6)}.design-system-page .ds-topic-hero--ai .ds-mini-ai-stage{gap:10px}}@media (max-width: 380px){.design-system-page .ds-topic-hero--accessibility .ds-mini-help-search{grid-template-columns:minmax(0,1fr)}.design-system-page .ds-topic-hero--accessibility .ds-mini-help-search .ds-button{justify-self:start}}.design-system-page .ds-topic-hero-preview,.design-system-page .ds-topic-hero-preview>.ds-mini-screen--compact,.design-system-page .ds-topic-hero-preview .ds-mini-screen__body{min-width:0;width:100%}.design-system-page .ds-topic-hero-preview .ds-mini-screen--compact .ds-mini-screen__body{align-items:flex-start;gap:clamp(18px,2.4vw,28px)}.design-system-page .ds-topic-hero-preview .ds-mini-screen__eyebrow{padding-right:0;color:var(--ds-color-muted);font-size:13px;letter-spacing:.045em;text-transform:uppercase}.design-system-page .ds-topic-hero-preview .ds-mini-screen--compact .ds-mini-title{max-width:34ch;font-size:clamp(25px,3vw,36px)}.design-system-page .ds-topic-hero-preview .ds-mini-screen--compact .ds-button:not(.ds-mini-tab){width:auto;min-width:44px;max-width:100%;min-height:44px;align-self:flex-start;flex:0 1 auto;white-space:normal;text-align:center}.design-system-page .ds-topic-hero--accessibility .ds-topic-hero-preview .ds-mini-screen--compact .ds-mini-help-search>.ds-button{align-self:end}@media (max-width: 767px){.design-system-page .ds-topic-hero--accessibility .ds-topic-hero-preview .ds-mini-screen--compact .ds-mini-help-search>.ds-button{align-self:start}}.design-system-page .ds-topic-hero-preview .ds-mini-screen--compact .ds-guidance-example-field{width:min(100%,34rem);max-width:100%}.design-system-page .ds-topic-hero-preview .ds-mini-screen--compact .ds-guidance-example-field .ds-field{width:100%;min-width:0;max-width:100%}.design-system-page .ds-topic-hero-preview .ds-mini-screen--compact .ds-mini-input-stack{width:min(100%,46rem);max-width:100%}.design-system-page .ds-topic-hero-preview .ds-mini-screen--compact .ds-mini-table,.design-system-page .ds-topic-hero-preview .ds-mini-screen--compact .ds-mini-chart{width:min(100%,58rem);max-width:100%}.design-system-page .ds-topic-hero-preview .ds-mini-screen--compact .ds-mini-contact{width:min(100%,58rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:clamp(20px,4vw,52px)}.design-system-page .ds-topic-hero-preview .ds-mini-screen--compact .ds-mini-result,.design-system-page .ds-topic-hero-preview .ds-mini-screen--compact .ds-mini-device,.design-system-page .ds-topic-hero-preview .ds-mini-screen--compact .ds-mini-project{max-width:100%}.design-system-page .ds-topic-hero-preview .ds-mini-screen--compact :is(input,select,textarea,button){box-sizing:border-box}.design-system-page .ds-topic-hero--localization .ds-mini-locale-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));align-items:start;gap:clamp(20px,3vw,40px);width:100%}.design-system-page .ds-topic-hero--localization .ds-mini-locale{display:grid;align-content:start;justify-items:start;gap:14px;min-width:0;padding:0;border:0}.design-system-page .ds-topic-hero--localization .ds-mini-locale-heading{display:grid;gap:2px;min-width:0}.design-system-page .ds-topic-hero--localization .ds-mini-locale-heading>strong{font-size:20px;font-weight:650;line-height:1.25}.design-system-page .ds-topic-hero--localization .ds-mini-locale-heading>span{color:var(--ds-color-focus);font-size:12px;font-weight:650;letter-spacing:.04em}.design-system-page .ds-topic-hero--localization .ds-mini-locale>time{min-height:3em;color:var(--ds-color-muted);font-size:16px;line-height:1.5;overflow-wrap:anywhere}.design-system-page .ds-topic-hero--localization .ds-mini-locale>.ds-button{justify-self:start;text-align:start}.design-system-page .ds-topic-hero--localization [role=status]{grid-column:1 / -1;color:var(--ds-color-muted)}.design-system-page .ds-doc-layout{column-gap:var(--ds-grid-gap)}.design-system-page .ds-topic-hero--accessibility .ds-mini-help-layout,.design-system-page .ds-topic-hero--ai .ds-mini-ai-flow,.design-system-page .ds-topic-hero--localization .ds-mini-locale-grid,.design-system-page .ds-foundation-specimen{grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));column-gap:var(--ds-grid-gap)}.design-system-page .ds-topic-hero--accessibility .ds-mini-help-search{grid-column:span 8}.design-system-page .ds-topic-hero--accessibility .ds-mini-help-topics{grid-column:span 4}.design-system-page .ds-mini-ai-stage:nth-child(1){grid-column:span 4}.design-system-page .ds-mini-ai-stage:nth-child(2){grid-column:span 5}.design-system-page .ds-mini-ai-stage:nth-child(3){grid-column:span 3}.design-system-page .ds-topic-hero--localization .ds-mini-locale{grid-column:span 4}.design-system-page .ds-foundation-token{grid-column:span 3}@media (min-width: 768px) and (max-width: 1023px){.design-system-page .ds-foundation-token{grid-column:span 4}.design-system-page .ds-topic-hero--accessibility .ds-mini-help-search{--ds-help-form-columns: 8}.design-system-page .ds-topic-hero--accessibility .ds-mini-help-search .ds-guidance-example-field,.design-system-page .ds-topic-hero--accessibility .ds-mini-help-search [role=status]{grid-column:span 6}.design-system-page .ds-topic-hero--accessibility .ds-mini-help-search>.ds-button{grid-column:span 2}}@media (min-width: 1024px){.design-system-page .ds-topic-hero--accessibility .ds-mini-help-search{grid-column:span 6}.design-system-page .ds-topic-hero--accessibility .ds-mini-help-topics{grid-column:span 3}.design-system-page .ds-topic-hero--accessibility .ds-mini-help-search{--ds-help-form-columns: 6}.design-system-page .ds-topic-hero--accessibility .ds-mini-help-search .ds-guidance-example-field,.design-system-page .ds-topic-hero--accessibility .ds-mini-help-search [role=status]{grid-column:span 4}.design-system-page .ds-topic-hero--accessibility .ds-mini-help-search>.ds-button{grid-column:span 2}.design-system-page .ds-topic-hero--ai .ds-mini-ai-stage:nth-child(n){grid-column:span 3}.design-system-page .ds-topic-hero--localization .ds-mini-locale{grid-column:span 3}}@media (max-width: 767px){.design-system-page .ds-topic-hero-preview .ds-mini-screen--compact .ds-mini-screen__body{gap:20px}.design-system-page .ds-topic-hero--localization .ds-mini-locale-grid{grid-template-columns:minmax(0,1fr);gap:24px}.design-system-page .ds-topic-hero--localization .ds-mini-locale>time{min-height:0}.design-system-page .ds-mini-help-search,.design-system-page .ds-mini-help-topics,.design-system-page .ds-mini-ai-stage:nth-child(n),.design-system-page .ds-topic-hero--localization .ds-mini-locale{grid-column:1 / -1}.design-system-page .ds-topic-hero--accessibility .ds-mini-help-search{--ds-help-form-columns: 1;grid-template-columns:minmax(0,1fr)}.design-system-page .ds-topic-hero--accessibility .ds-mini-help-search .ds-guidance-example-field,.design-system-page .ds-topic-hero--accessibility .ds-mini-help-search [role=status],.design-system-page .ds-topic-hero--accessibility .ds-mini-help-search>.ds-button{grid-column:1 / -1}.design-system-page .ds-topic-hero--accessibility .ds-mini-help-search>.ds-button{align-self:start}.design-system-page .ds-foundation-token{grid-column:1 / -1}}@media (max-width: 380px){.design-system-page .ds-foundation-token{grid-column:1 / -1}}.design-system-page .ds-topic-hero--layout .ds-mini-screen__body{display:block}.design-system-page .ds-layout-hero{display:grid;width:100%;min-width:0;gap:0;color:var(--ds-color-text)}.design-system-page .ds-layout-hero__layout{--layout-grid-columns: 9;position:relative;isolation:isolate}.design-system-page .ds-layout-hero__layout:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(to right,color-mix(in srgb,var(--ds-color-focus) 10%,transparent) 0 calc((100% + var(--ds-grid-gap)) / var(--layout-grid-columns) - var(--ds-grid-gap)),transparent 0 calc((100% + var(--ds-grid-gap)) / var(--layout-grid-columns)))}@media (max-width: 767px){.design-system-page .ds-layout-hero__layout{--layout-grid-columns: 6}}.design-system-page .ds-layout-hero__topline{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:0 14px;border-bottom:1px solid var(--ds-color-divider);color:var(--ds-color-muted);font-size:12px;font-weight:650;letter-spacing:.08em}.design-system-page .ds-layout-hero__topline>span:first-child{display:inline-flex;align-items:center;gap:10px}.design-system-page .ds-layout-hero__topline i{width:5px;height:5px;border-radius:50%;background:var(--ds-color-accent)}.design-system-page .ds-layout-hero__step{color:var(--ds-color-text);font-size:15px;font-variant-numeric:tabular-nums;letter-spacing:0}.design-system-page .ds-layout-hero__step span{color:var(--ds-color-muted)}.design-system-page .ds-layout-hero__track{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:var(--ds-grid-gap);padding-block:10px 0;color:color-mix(in srgb,var(--ds-color-muted) 78%,transparent);font-size:10px;font-variant-numeric:tabular-nums}.design-system-page .ds-layout-hero__track>span{min-width:0;padding-top:5px;border-top:1px solid var(--ds-color-divider)}.design-system-page .ds-layout-hero__layout{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:var(--ds-grid-gap);align-items:start;padding-block:22px 24px}.design-system-page .ds-layout-hero__main{grid-column:span 6;min-width:0}.design-system-page .ds-layout-hero__summary{grid-column:span 3;display:grid;gap:18px;min-width:0;padding-left:var(--ds-grid-gap);border-left:1px solid var(--ds-color-divider)}.design-system-page .ds-layout-hero__section-label{display:flex;align-items:center;gap:10px;color:var(--ds-color-muted);font-size:11px;font-weight:650;letter-spacing:.09em}.design-system-page .ds-layout-hero__section-label>span{color:var(--ds-color-accent);font-variant-numeric:tabular-nums}.design-system-page .ds-layout-hero__product{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;padding-block:22px;border-bottom:1px solid var(--ds-color-divider)}.design-system-page .ds-layout-hero__product-mark{display:grid;width:52px;height:52px;place-items:center;color:var(--ds-color-accent);border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius-medium)}.design-system-page .ds-layout-hero__product-name{min-width:0}.design-system-page .ds-layout-hero__product-name h3{margin:0;font-size:clamp(19px,2.2vw,26px);font-weight:620;letter-spacing:-.035em;line-height:1.15}.design-system-page .ds-layout-hero__product-name p,.design-system-page .ds-layout-hero__detail p{margin:5px 0 0;color:var(--ds-color-muted);font-size:14px;line-height:1.45}.design-system-page .ds-layout-hero__price{align-self:start;padding-top:3px;font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap}.design-system-page .ds-layout-hero__detail-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--ds-grid-gap);padding-top:20px}.design-system-page .ds-layout-hero__detail{grid-column:span 3;min-width:0}.design-system-page .ds-layout-hero__detail-heading{display:flex;align-items:center;gap:9px;margin-bottom:9px;color:var(--ds-color-accent)}.design-system-page .ds-layout-hero__detail-heading h4{margin:0;color:var(--ds-color-text);font-size:15px;font-weight:650}.design-system-page .ds-layout-hero__detail .ds-layout-hero__muted{overflow-wrap:anywhere}.design-system-page .ds-layout-hero__text-action,.design-system-page .ds-layout-hero__text-note{display:inline-flex;min-height:44px;align-items:center;margin-top:7px;padding:0;border:0;background:transparent;color:var(--ds-color-focus);font:600 13px/1.4 var(--ds-font);text-align:left}.design-system-page .ds-layout-hero__text-action{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.design-system-page .ds-layout-hero__summary-lines{display:grid;gap:12px}.design-system-page .ds-layout-hero__summary-lines>div{display:flex;justify-content:space-between;gap:12px;color:var(--ds-color-muted);font-size:14px;font-variant-numeric:tabular-nums}.design-system-page .ds-layout-hero__summary-lines .ds-layout-hero__total{margin-top:3px;padding-top:13px;border-top:1px solid var(--ds-color-divider);color:var(--ds-color-text);font-size:18px}.design-system-page .ds-layout-hero__summary .ds-button{width:100%;min-height:48px;justify-content:center;white-space:normal}.design-system-page .ds-layout-hero__aside-note{margin-top:-11px;color:var(--ds-color-muted);font-size:12px;line-height:1.4}.design-system-page .ds-layout-hero__teaching{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-grid-gap);padding-top:16px;border-top:1px solid var(--ds-color-divider)}.design-system-page .ds-layout-hero__teaching>div{display:grid;align-content:start;gap:6px;min-width:0}.design-system-page .ds-layout-hero__teaching span{color:var(--ds-color-accent);font-size:10px;font-weight:700;letter-spacing:.08em}.design-system-page .ds-layout-hero__teaching strong{font-size:13px;font-weight:550;line-height:1.4}.design-system-page .ds-layout-hero__notice{min-height:1.4em;margin:14px 0 0;color:var(--ds-color-muted);font-size:12px;line-height:1.4}@media (min-width: 768px) and (max-width: 1023px){.design-system-page .ds-layout-hero__layout,.design-system-page .ds-layout-hero__track{grid-template-columns:repeat(9,minmax(0,1fr))}.design-system-page .ds-layout-hero__main{grid-column:span 6}.design-system-page .ds-layout-hero__summary{grid-column:span 3}}@media (max-width: 767px){.design-system-page .ds-layout-hero__track{grid-template-columns:repeat(6,minmax(0,1fr))}.design-system-page .ds-layout-hero__track>span:nth-child(n+7){display:none}.design-system-page .ds-layout-hero__layout{grid-template-columns:minmax(0,1fr);gap:22px;padding-block:20px 22px}.design-system-page .ds-layout-hero__main,.design-system-page .ds-layout-hero__summary{grid-column:1}.design-system-page .ds-layout-hero__summary{gap:15px;padding:18px 0 0;border-top:1px solid var(--ds-color-divider);border-left:0}.design-system-page .ds-layout-hero__teaching{grid-template-columns:minmax(0,1fr);gap:12px}.design-system-page .ds-layout-hero__teaching>div{grid-template-columns:minmax(86px,.35fr) minmax(0,1fr);align-items:baseline;gap:12px}}@media (max-width: 420px){.design-system-page .ds-layout-hero__topline{font-size:10px}.design-system-page .ds-layout-hero__detail-grid{grid-template-columns:minmax(0,1fr);gap:18px}.design-system-page .ds-layout-hero__detail{grid-column:1}.design-system-page .ds-layout-hero__product{grid-template-columns:42px minmax(0,1fr);gap:12px}.design-system-page .ds-layout-hero__product-mark{width:42px;height:42px}.design-system-page .ds-layout-hero__price{grid-column:2;padding-top:0}}.design-system-page .ds-topic-hero--motion .ds-mini-screen__body{display:block}.design-system-page .ds-motion-study{--motion-soft: color-mix(in srgb, var(--ds-color-accent) 14%, var(--ds-color-surface));width:100%;min-width:0;color:var(--ds-color-text)}.design-system-page .ds-motion-study__topline{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--ds-color-divider);color:var(--ds-color-muted);font-size:11px;font-weight:650;letter-spacing:.08em}.design-system-page .ds-motion-study__topline>span:first-child{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.design-system-page .ds-motion-study__topline>span:first-child>i,.design-system-page .ds-motion-study__status>i{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--ds-color-accent)}.design-system-page .ds-motion-study__status{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px;color:var(--ds-color-muted);font-size:12px;font-weight:500;letter-spacing:0}.design-system-page .ds-motion-study__status.is-live{color:var(--ds-color-text)}.design-system-page .ds-motion-study__layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--ds-grid-gap);min-width:0;padding-block:19px 18px}.design-system-page .ds-motion-study__rail{grid-column:span 3;display:flex;min-width:0;flex-direction:column;align-items:stretch;padding-right:3px}.design-system-page .ds-motion-study__rail-label,.design-system-page .ds-motion-study__micro-label{color:var(--ds-color-muted);font-size:10px;font-weight:700;letter-spacing:.08em}.design-system-page .ds-motion-study__view-list{display:grid;gap:4px;margin-top:13px}.design-system-page .ds-motion-study__view{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:8px;min-width:0;min-height:44px;padding:7px 9px;border:0;border-radius:var(--ds-radius);background:transparent;color:var(--ds-color-muted);font:550 14px/1.35 var(--ds-font);text-align:left;cursor:pointer}.design-system-page .ds-motion-study__view:hover,.design-system-page .ds-motion-study__view.is-selected{color:var(--ds-color-text)}.design-system-page .ds-motion-study__view.is-selected{background:color-mix(in srgb,var(--ds-color-text) 6%,transparent)}.design-system-page .ds-motion-study__view-indicator{position:absolute;inset:0;border-radius:var(--ds-radius);background:color-mix(in srgb,var(--ds-color-accent) 12%,transparent)}.design-system-page .ds-motion-study__view-number,.design-system-page .ds-motion-study__view>span:last-child{position:relative;z-index:1;white-space:nowrap}.design-system-page .ds-motion-study__view-number{color:var(--ds-color-muted);font-size:10px;font-variant-numeric:tabular-nums}.design-system-page .ds-motion-study__view.is-selected .ds-motion-study__view-number{color:var(--ds-color-focus)}.design-system-page .ds-motion-study__rail-note{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding:14px 8px 2px;color:var(--ds-color-muted);font-size:12px}.design-system-page .ds-motion-study__rail-note .ds-icon{color:var(--ds-color-focus)}.design-system-page .ds-motion-study__workspace{grid-column:span 9;min-width:0;border-block:1px solid var(--ds-color-divider)}.design-system-page .ds-motion-study__workspace-bar{display:flex;min-height:40px;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--ds-color-divider);color:var(--ds-color-muted);font-size:12px}.design-system-page .ds-motion-study__workspace-bar>span:first-child{display:inline-flex;min-width:0;align-items:center;gap:7px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.design-system-page .ds-motion-study__workspace-bar>span:first-child b{display:grid;width:20px;height:20px;flex:0 0 auto;place-items:center;border-radius:5px;background:var(--motion-soft);color:var(--ds-color-focus);font-size:11px}.design-system-page .ds-motion-study__workspace-bar .ds-icon{flex:0 0 auto}.design-system-page .ds-motion-study__frame-count{flex:0 0 auto;color:var(--ds-color-text);font-size:11px;font-variant-numeric:tabular-nums}.design-system-page .ds-motion-study__frame-count i{padding-inline:3px;color:var(--ds-color-muted);font-style:normal}.design-system-page .ds-motion-study__canvas{position:relative;height:360px;overflow:hidden}.design-system-page .ds-motion-study__scene{position:absolute;inset:0;display:flex;min-width:0;flex-direction:column;justify-content:flex-start;padding:16px 0 10px}.design-system-page .ds-motion-study__overview-head{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,.8fr));gap:clamp(12px,2vw,24px);align-items:stretch}.design-system-page .ds-motion-study__progress-focus,.design-system-page .ds-motion-study__team-focus,.design-system-page .ds-motion-study__timeline-focus{display:grid;align-content:start;gap:11px;min-width:0;padding:12px;border-radius:var(--ds-radius-medium);background:color-mix(in srgb,var(--ds-color-surface) 82%,transparent)}.design-system-page .ds-motion-study__progress-focus{gap:9px}.design-system-page .ds-motion-study__progress-reading{display:flex;align-items:baseline;gap:2px}.design-system-page .ds-motion-study__progress-reading strong,.design-system-page .ds-motion-study__team-count strong{font-size:clamp(30px,4vw,44px);font-weight:600;letter-spacing:-.06em;line-height:.95;font-variant-numeric:tabular-nums}.design-system-page .ds-motion-study__progress-reading>span{color:var(--ds-color-muted);font-size:16px}.design-system-page .ds-motion-study__progress-reading small{margin-left:auto;color:var(--ds-color-success);font-size:11px}.design-system-page .ds-motion-study__progress-track,.design-system-page .ds-motion-study__person-meter>i{display:block;height:5px;overflow:hidden;border-radius:9px;background:color-mix(in srgb,var(--ds-color-text) 12%,transparent)}.design-system-page .ds-motion-study__progress-track i,.design-system-page .ds-motion-study__person-meter>i>b{display:block;height:100%;border-radius:inherit;background:var(--ds-color-accent)}.design-system-page .ds-motion-study__overview-stat{display:grid;align-content:start;gap:7px;min-width:0;padding:12px 0}.design-system-page .ds-motion-study__overview-stat>strong,.design-system-page .ds-motion-study__team-summary>strong,.design-system-page .ds-motion-study__timeline-summary>strong{font-size:clamp(22px,3vw,33px);font-weight:560;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}.design-system-page .ds-motion-study__overview-stat>strong small,.design-system-page .ds-motion-study__team-summary>strong small{color:var(--ds-color-muted);font-size:12px;font-weight:500;letter-spacing:0}.design-system-page .ds-motion-study__overview-stat>span:last-child,.design-system-page .ds-motion-study__team-summary>span:last-child,.design-system-page .ds-motion-study__timeline-summary>span:last-child{color:var(--ds-color-muted);font-size:11px;line-height:1.4}.design-system-page .ds-motion-study__workstrip{margin-top:20px}.design-system-page .ds-motion-study__workstrip-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--ds-color-divider);color:var(--ds-color-muted);font-size:10px;font-weight:700;letter-spacing:.07em}.design-system-page .ds-motion-study__workstrip-head>span:last-child{display:inline-flex;align-items:center;gap:3px;color:var(--ds-color-focus);font-size:11px;font-weight:550;letter-spacing:0}.design-system-page .ds-motion-study__work-rows>div{display:grid;grid-template-columns:8px minmax(0,1fr) minmax(85px,.65fr) 48px;align-items:center;gap:10px;min-height:39px;border-bottom:1px solid color-mix(in srgb,var(--ds-color-divider) 68%,transparent);font-size:12px}.design-system-page .ds-motion-study__work-rows>div>i{width:7px;height:7px;border-radius:2px;background:var(--ds-color-accent)}.design-system-page .ds-motion-study__work-rows>div>i.is-cyan{background:var(--ds-color-focus)}.design-system-page .ds-motion-study__work-rows>div>i.is-slate{background:var(--ds-color-muted)}.design-system-page .ds-motion-study__work-rows strong,.design-system-page .ds-motion-study__work-rows span,.design-system-page .ds-motion-study__work-rows small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.design-system-page .ds-motion-study__work-rows strong{font-weight:550}.design-system-page .ds-motion-study__work-rows span,.design-system-page .ds-motion-study__work-rows small{color:var(--ds-color-muted)}.design-system-page .ds-motion-study__work-rows small{text-align:right}.design-system-page .ds-motion-study__team-heading,.design-system-page .ds-motion-study__timeline-top{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr);gap:clamp(12px,2vw,24px);align-items:stretch}.design-system-page .ds-motion-study__team-count{display:flex;align-items:baseline;gap:12px}.design-system-page .ds-motion-study__team-count>span{color:var(--ds-color-muted);font-size:12px;line-height:1.3}.design-system-page .ds-motion-study__avatar-stack{display:flex;align-items:center;padding-top:1px}.design-system-page .ds-motion-study__avatar{display:inline-grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border:2px solid var(--ds-color-canvas);border-radius:50%;color:var(--ds-color-text);font-size:9px;font-weight:700;letter-spacing:.01em}.design-system-page .ds-motion-study__avatar+.ds-motion-study__avatar{margin-left:-7px}.design-system-page .ds-motion-study__avatar--blue{background:color-mix(in srgb,var(--ds-color-accent) 50%,var(--ds-color-surface))}.design-system-page .ds-motion-study__avatar--lilac{background:color-mix(in srgb,var(--ds-color-focus) 40%,var(--ds-color-surface))}.design-system-page .ds-motion-study__avatar--mint{background:color-mix(in srgb,var(--ds-color-success) 40%,var(--ds-color-surface))}.design-system-page .ds-motion-study__avatar--more{background:var(--ds-color-surface);color:var(--ds-color-muted)}.design-system-page .ds-motion-study__team-summary,.design-system-page .ds-motion-study__timeline-summary{display:grid;align-content:start;justify-items:start;gap:7px;padding:12px 0}.design-system-page .ds-motion-study__team-list{display:grid;margin-top:13px}.design-system-page .ds-motion-study__person{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(112px,.9fr);align-items:center;gap:10px;min-height:48px;border-top:1px solid color-mix(in srgb,var(--ds-color-divider) 68%,transparent)}.design-system-page .ds-motion-study__person-name{display:grid;gap:2px;min-width:0}.design-system-page .ds-motion-study__person-name strong{overflow:hidden;font-size:12px;font-weight:570;text-overflow:ellipsis;white-space:nowrap}.design-system-page .ds-motion-study__person-name small{overflow:hidden;color:var(--ds-color-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.design-system-page .ds-motion-study__person-meter{display:grid;grid-template-columns:minmax(38px,1fr) auto;align-items:center;gap:8px;min-width:0}.design-system-page .ds-motion-study__person-meter>i{height:4px}.design-system-page .ds-motion-study__person-meter>small{color:var(--ds-color-muted);font-size:10px;white-space:nowrap}.design-system-page .ds-motion-study__timeline-focus>div{display:grid;gap:8px}.design-system-page .ds-motion-study__timeline-focus>div>strong{font-size:clamp(19px,2.6vw,27px);font-weight:600;letter-spacing:-.04em;line-height:1.15}.design-system-page .ds-motion-study__timeline-focus>div>span{display:inline-flex;align-items:center;gap:7px;color:var(--ds-color-muted);font-size:11px}.design-system-page .ds-motion-study__timeline-focus .ds-icon{color:var(--ds-color-focus)}.design-system-page .ds-motion-study__milestones{display:grid;margin-top:15px}.design-system-page .ds-motion-study__milestone{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:48px;border-top:1px solid var(--ds-color-divider);font-size:13px}.design-system-page .ds-motion-study__milestone>span{color:var(--ds-color-focus);font-size:12px}.design-system-page .ds-motion-study__milestone>small{color:var(--ds-color-muted);font-size:11px}.design-system-page .ds-motion-study__controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px}.design-system-page .ds-motion-study__progress-steps{display:flex;flex:0 0 auto;gap:5px}.design-system-page .ds-motion-study__progress-steps>span{display:block;width:32px;height:3px;border-radius:3px;background:color-mix(in srgb,var(--ds-color-text) 18%,transparent)}.design-system-page .ds-motion-study__progress-steps>span.is-filled{background:var(--ds-color-accent)}.design-system-page .ds-motion-study__progress-steps i{display:block;width:100%;height:100%;background:var(--ds-color-accent);transform-origin:left}.design-system-page .ds-motion-study[data-advancing=true] .ds-motion-study__progress-steps i{animation:ds-motion-study-dwell 3.2s linear both!important}@keyframes ds-motion-study-dwell{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.design-system-page .ds-motion-study__control-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.design-system-page .ds-motion-study__control-actions .ds-button{min-height:44px}.design-system-page .ds-motion-study__hint{min-height:1.4em;margin:8px 0 0;color:var(--ds-color-muted);font-size:12px;line-height:1.4}@media (min-width: 768px) and (max-width: 1023px){.design-system-page .ds-motion-study__rail{grid-column:span 3}.design-system-page .ds-motion-study__workspace{grid-column:span 9}}@media (min-width: 1024px){.design-system-page .ds-motion-study__layout{grid-template-columns:repeat(9,minmax(0,1fr))}.design-system-page .ds-motion-study__rail{grid-column:span 2}.design-system-page .ds-motion-study__workspace{grid-column:span 7}}@media (max-width: 767px){.design-system-page .ds-motion-study__topline{align-items:flex-start;flex-direction:column;gap:7px}.design-system-page .ds-motion-study__layout{grid-template-columns:minmax(0,1fr);gap:10px;padding-block:12px}.design-system-page .ds-motion-study__rail,.design-system-page .ds-motion-study__workspace{grid-column:1}.design-system-page .ds-motion-study__rail{padding:0}.design-system-page .ds-motion-study__rail-label,.design-system-page .ds-motion-study__rail-note{display:none}.design-system-page .ds-motion-study__view-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0}.design-system-page .ds-motion-study__view{grid-template-columns:minmax(0,1fr);gap:6px;min-height:44px;justify-content:center;text-align:center;padding-inline:7px;font-size:12px}.design-system-page .ds-motion-study__view-number{font-size:9px}.design-system-page .ds-motion-study__canvas{height:400px}.design-system-page .ds-motion-study__scene{padding-top:13px}.design-system-page .ds-motion-study__overview-head{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}.design-system-page .ds-motion-study__progress-focus{grid-column:1 / -1;grid-template-columns:1fr auto;align-items:center;gap:7px 12px;padding:10px 12px}.design-system-page .ds-motion-study__progress-focus .ds-motion-study__micro-label{grid-column:1 / -1}.design-system-page .ds-motion-study__progress-reading{grid-column:1}.design-system-page .ds-motion-study__progress-track{grid-column:1 / -1}.design-system-page .ds-motion-study__progress-reading strong{font-size:34px}.design-system-page .ds-motion-study__overview-stat{padding:8px 3px}.design-system-page .ds-motion-study__workstrip{margin-top:13px}.design-system-page .ds-motion-study__work-rows>div{grid-template-columns:7px minmax(0,1fr) auto;gap:7px;min-height:36px;font-size:11px}.design-system-page .ds-motion-study__work-rows>div>span{grid-column:2}.design-system-page .ds-motion-study__work-rows>div>small{grid-column:3;grid-row:1 / span 2}.design-system-page .ds-motion-study__team-heading,.design-system-page .ds-motion-study__timeline-top{grid-template-columns:minmax(0,1.25fr) minmax(90px,.75fr);gap:10px}.design-system-page .ds-motion-study__team-focus,.design-system-page .ds-motion-study__timeline-focus{padding:10px}.design-system-page .ds-motion-study__person{grid-template-columns:32px minmax(0,1fr) minmax(90px,.8fr);gap:7px;min-height:46px}.design-system-page .ds-motion-study__person-meter{grid-template-columns:minmax(26px,1fr) auto;gap:5px}.design-system-page .ds-motion-study__milestone{grid-template-columns:45px minmax(0,1fr) auto;gap:7px;font-size:12px}.design-system-page .ds-motion-study__controls{align-items:flex-start;flex-direction:column;gap:8px}.design-system-page .ds-motion-study__control-actions{justify-content:flex-start}}@media (max-width: 380px){.design-system-page .ds-motion-study__canvas{height:420px}.design-system-page .ds-motion-study__overview-stat>span:last-child{font-size:10px}.design-system-page .ds-motion-study__person{grid-template-columns:28px minmax(0,1fr) minmax(74px,.7fr)}.design-system-page .ds-motion-study__person .ds-motion-study__avatar{width:27px;height:27px}.design-system-page .ds-motion-study__person-meter>small{font-size:9px}.design-system-page .ds-motion-study__milestone{grid-template-columns:42px minmax(0,1fr)}.design-system-page .ds-motion-study__milestone>small{grid-column:2}}.design-system-page .ds-topic-hero--variables .ds-mini-screen__body{display:block}.design-system-page .ds-variables-hero{width:100%;min-width:0;color:var(--ds-color-text)}.design-system-page .ds-variables-hero__keyline{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:13px;border-bottom:1px solid var(--ds-color-divider);color:var(--ds-color-muted);font-size:10px;font-weight:700;letter-spacing:.075em}.design-system-page .ds-variables-hero__keyline>span:first-child{display:inline-flex;align-items:center;gap:9px}.design-system-page .ds-variables-hero__keyline .ds-icon{color:var(--ds-color-focus)}.design-system-page .ds-variables-hero__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--ds-grid-gap);align-items:stretch;padding-block:18px 16px}.design-system-page .ds-variables-hero__roles,.design-system-page .ds-variables-hero__value,.design-system-page .ds-variables-hero__specimen{min-width:0}.design-system-page .ds-variables-hero__roles{grid-column:span 4}.design-system-page .ds-variables-hero__value{grid-column:span 3}.design-system-page .ds-variables-hero__specimen{grid-column:span 5}.design-system-page .ds-variables-hero h2{margin:0 0 11px;color:var(--ds-color-muted);font-size:11px;font-weight:700;letter-spacing:.075em;text-transform:uppercase}.design-system-page .ds-variables-hero__role-list{display:grid;gap:4px}.design-system-page .ds-variables-hero__role{display:flex;width:100%;min-width:0;min-height:44px;height:auto;justify-content:flex-start;gap:9px;padding:7px 9px;text-align:left;white-space:normal;overflow-wrap:anywhere}.design-system-page .ds-variables-hero__role .ds-icon{flex:0 0 auto;color:var(--ds-color-focus)}.design-system-page .ds-variables-hero__role.is-selected{color:var(--ds-color-text)}.design-system-page .ds-variables-hero__role-name{display:flex;flex-wrap:wrap;gap:0 3px;min-width:0}.design-system-page .ds-variables-hero__role-name>span{white-space:nowrap}.design-system-page .ds-variables-hero__role-name i{margin-right:3px;color:var(--ds-color-muted);font-style:normal}.design-system-page .ds-variables-hero__role-note,.design-system-page .ds-variables-hero__value-note{display:block;margin-top:9px;color:var(--ds-color-muted);font-size:11px;line-height:1.4}.design-system-page .ds-variables-hero__value{display:flex;flex-direction:column;align-items:flex-start;padding-left:var(--ds-grid-gap);border-left:1px solid var(--ds-color-divider)}.design-system-page .ds-variables-hero__value-kind{color:var(--ds-color-focus);font-size:10px;font-weight:700;letter-spacing:.08em}.design-system-page .ds-variables-hero__swatch{width:48px;height:40px;margin-top:11px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius)}.design-system-page .ds-variables-hero__measure{display:flex;width:min(100%,112px);height:40px;align-items:center;margin-top:11px;border-bottom:1px solid var(--ds-color-divider)}.design-system-page .ds-variables-hero__measure i{display:block;max-width:100%;height:7px;border-radius:4px;background:var(--ds-color-accent)}.design-system-page .ds-variables-hero__radius-sample{width:48px;height:40px;margin-top:11px;border:1px solid var(--ds-color-accent);background:color-mix(in srgb,var(--ds-color-accent) 13%,transparent)}.design-system-page .ds-variables-hero__value-output{display:block;max-width:100%;margin-top:10px;color:var(--ds-color-text);font-size:clamp(20px,2.4vw,29px);font-weight:600;letter-spacing:-.045em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.design-system-page .ds-variables-hero__value .ds-button{min-height:44px;margin-top:8px;white-space:normal;text-align:left}.design-system-page .ds-variables-hero__specimen{padding-left:var(--ds-grid-gap);border-left:1px solid var(--ds-color-divider)}.design-system-page .ds-variables-hero__specimen-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.design-system-page .ds-variables-hero__specimen-head h2{margin-bottom:11px}.design-system-page .ds-variables-hero__specimen-head>span{display:inline-flex;align-items:center;gap:6px;margin-bottom:11px;color:var(--ds-color-muted);font-size:10px;white-space:nowrap}.design-system-page .ds-variables-hero__specimen-head>span i{width:6px;height:6px;border-radius:50%;background:var(--ds-color-accent)}.design-system-page .ds-variables-hero__product{min-width:0;border-top:1px solid var(--ds-color-divider);border-bottom:1px solid var(--ds-color-divider)}.design-system-page .ds-variables-hero__product-top{display:flex;flex-wrap:wrap;min-width:0;min-height:37px;align-items:center;gap:7px;border-bottom:1px solid var(--ds-color-divider);color:var(--ds-color-muted);font-size:9px;font-weight:700;letter-spacing:.055em}.design-system-page .ds-variables-hero__brand-mark{display:grid;width:20px;height:20px;flex:0 0 auto;place-items:center;border-radius:5px;background:color-mix(in srgb,var(--ds-color-accent) 15%,transparent);color:var(--ds-color-focus);font-size:11px}.design-system-page .ds-variables-hero__product-top>span:nth-child(2){display:inline-flex;min-width:0;align-items:center;gap:6px;overflow:hidden;white-space:nowrap}.design-system-page .ds-variables-hero__product-top>span:nth-child(2) i{width:3px;height:3px;flex:0 0 auto;border-radius:50%;background:var(--ds-color-muted)}.design-system-page .ds-variables-hero__saved{display:inline-flex;align-items:center;gap:4px;margin-left:auto;color:var(--ds-color-success);font-size:10px;font-weight:550;letter-spacing:0}.design-system-page .ds-variables-hero__product-main{display:grid;gap:var(--ds-space-4);padding-block:14px}.design-system-page .ds-variables-hero__product--space .ds-variables-hero__product-main{gap:var(--variables-preview-value)}.design-system-page .ds-variables-hero__eyebrow{color:var(--ds-color-muted);font-size:9px;font-weight:700;letter-spacing:.07em}.design-system-page .ds-variables-hero__product-copy h3{margin:5px 0 3px;font-size:clamp(20px,2.4vw,28px);font-weight:600;letter-spacing:-.045em;line-height:1.1;overflow-wrap:anywhere}.design-system-page .ds-variables-hero__product-copy p{margin:0;color:var(--ds-color-muted);font-size:12px;line-height:1.45}.design-system-page .ds-variables-hero__setting{display:flex;min-width:0;align-items:center;gap:9px;padding:9px 0;border-block:1px solid color-mix(in srgb,var(--ds-color-divider) 75%,transparent)}.design-system-page .ds-variables-hero__setting-mark{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:var(--ds-radius);background:color-mix(in srgb,var(--ds-color-accent) 12%,transparent);color:var(--ds-color-focus)}.design-system-page .ds-variables-hero__product--radius .ds-variables-hero__setting-mark{border-radius:var(--variables-preview-value)}.design-system-page .ds-variables-hero__setting>span:nth-child(2){display:grid;gap:2px;min-width:0}.design-system-page .ds-variables-hero__setting strong{overflow:hidden;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.design-system-page .ds-variables-hero__setting small{color:var(--ds-color-muted);font-size:10px}.design-system-page .ds-variables-hero__setting-state{margin-left:auto;color:var(--ds-color-muted);font-size:9px;font-weight:650;letter-spacing:.06em;white-space:nowrap}.design-system-page .ds-variables-hero__action-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.design-system-page .ds-variables-hero__action-note{min-width:0;color:var(--ds-color-muted);font-size:10px;line-height:1.4}.design-system-page .ds-variables-hero__action{flex:0 0 auto;white-space:normal;text-align:center}.design-system-page .ds-variables-hero__product--radius .ds-variables-hero__action{border-radius:var(--variables-preview-value)}.design-system-page .ds-variables-hero__status{min-height:1.35em;margin:8px 0 0;color:var(--ds-color-muted);font-size:10px;line-height:1.35}.design-system-page .ds-variables-hero__footer{display:grid;grid-template-columns:auto minmax(0,1fr) auto minmax(50px,.55fr) auto minmax(90px,.6fr);align-items:center;gap:10px;padding-top:11px;border-top:1px solid var(--ds-color-divider);font-size:11px}.design-system-page .ds-variables-hero__footer>span:first-child{color:var(--ds-color-focus);font-variant-numeric:tabular-nums}.design-system-page .ds-variables-hero__footer strong{min-width:0;overflow-wrap:anywhere;font-weight:550}.design-system-page .ds-variables-hero__footer .ds-icon{color:var(--ds-color-muted)}.design-system-page .ds-variables-hero__footer>span:last-child{color:var(--ds-color-muted);line-height:1.35}@media (min-width: 768px) and (max-width: 1023px){.design-system-page .ds-variables-hero__roles{grid-column:span 4}.design-system-page .ds-variables-hero__value{grid-column:span 3}.design-system-page .ds-variables-hero__specimen{grid-column:span 5}}@media (min-width: 1024px){.design-system-page .ds-variables-hero__grid{grid-template-columns:repeat(9,minmax(0,1fr))}.design-system-page .ds-variables-hero__roles{grid-column:span 3}.design-system-page .ds-variables-hero__value{grid-column:span 2}.design-system-page .ds-variables-hero__specimen{grid-column:span 4}}@media (max-width: 767px){.design-system-page .ds-variables-hero__keyline{align-items:flex-start;flex-direction:column;gap:6px}.design-system-page .ds-variables-hero__grid{grid-template-columns:minmax(0,1fr);gap:16px;padding-block:15px}.design-system-page .ds-variables-hero__roles,.design-system-page .ds-variables-hero__value,.design-system-page .ds-variables-hero__specimen{grid-column:1}.design-system-page .ds-variables-hero__roles{padding-bottom:13px;border-bottom:1px solid var(--ds-color-divider)}.design-system-page .ds-variables-hero__role-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.design-system-page .ds-variables-hero__role{min-height:48px;align-items:flex-start;padding:7px;font-size:12px;line-height:1.3}.design-system-page .ds-variables-hero__role .ds-icon{width:16px;height:16px}.design-system-page .ds-variables-hero__role-note{margin-top:7px}.design-system-page .ds-variables-hero__value{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:0 0 13px;border:0;border-bottom:1px solid var(--ds-color-divider)}.design-system-page .ds-variables-hero__value h2{grid-column:1 / -1;margin:0}.design-system-page .ds-variables-hero__value-kind{grid-column:1;grid-row:2}.design-system-page .ds-variables-hero__swatch,.design-system-page .ds-variables-hero__measure,.design-system-page .ds-variables-hero__radius-sample{grid-column:2;grid-row:2;width:42px;height:28px;margin:0}.design-system-page .ds-variables-hero__measure{width:min(100%,74px);height:28px}.design-system-page .ds-variables-hero__value-output{grid-column:3;grid-row:2;margin:0;font-size:22px;text-align:right}.design-system-page .ds-variables-hero__value-note{grid-column:1 / -1;margin:0}.design-system-page .ds-variables-hero__specimen{padding:0;border:0}.design-system-page .ds-variables-hero__footer{grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);gap:7px;font-size:10px}.design-system-page .ds-variables-hero__footer>.ds-icon:nth-of-type(2){display:none}.design-system-page .ds-variables-hero__footer>span:last-child{grid-column:2 / -1}}@media (max-width: 380px){.design-system-page .ds-variables-hero__role{gap:5px;padding-inline:6px;font-size:11px}.design-system-page .ds-variables-hero__role .ds-icon{width:14px;height:14px}.design-system-page .ds-variables-hero__product-top{gap:5px;font-size:8px}.design-system-page .ds-variables-hero__saved{font-size:9px}.design-system-page .ds-variables-hero__action-row{align-items:flex-start;flex-direction:column}.design-system-page .ds-variables-hero__action{min-height:44px}}.design-system-page .ds-foundation-hero.ds-color-hero{display:block;width:100%;margin-bottom:clamp(30px,4vw,48px);padding:0;border:0;border-radius:0;background:transparent;overflow:visible}.design-system-page .ds-color-hero__groups{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:19px var(--ds-grid-gap);padding-top:15px}.design-system-page .ds-color-hero__group{grid-column:span 3;min-width:0;padding-left:14px;border-left:1px solid var(--ds-color-divider)}.design-system-page .ds-color-hero__group:nth-child(3n+1){padding-left:0;border-left:0}.design-system-page .ds-color-hero__group h2{display:flex;min-height:23px;align-items:center;gap:7px;margin:0 0 9px;color:var(--ds-color-muted);font-size:11px;font-weight:650;letter-spacing:.025em}.design-system-page .ds-color-hero__group h2 .ds-icon{color:var(--ds-color-focus)}.design-system-page .ds-color-hero__group ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;margin:0;padding:0;list-style:none}.design-system-page .ds-color-hero__group li{display:grid;min-width:0;gap:6px}.design-system-page .ds-color-hero__swatch{display:block;width:100%;height:44px;border:1px solid color-mix(in srgb,var(--ds-color-text) 13%,transparent);border-radius:var(--ds-radius)}.design-system-page .ds-color-hero__token-label{display:grid;min-width:0;gap:2px}.design-system-page .ds-color-hero__token-label strong{min-height:1.35em;color:var(--ds-color-text);font-size:12px;font-weight:560;line-height:1.3;overflow-wrap:anywhere}.design-system-page .ds-color-hero__token-label>span{color:var(--ds-color-muted);font-size:11px;line-height:1.35;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.design-system-page .ds-color-science{margin-top:clamp(27px,4vw,42px);padding-top:18px;border-top:1px solid var(--ds-color-divider)}.design-system-page .ds-color-science__grid{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-space-4) var(--ds-grid-gap)}.design-system-page .ds-color-science__item{grid-column:span 3;display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding-top:5px}.design-system-page .ds-color-science__item:nth-child(2),.design-system-page .ds-color-science__item:nth-child(3){padding-left:16px;border-left:1px solid var(--ds-color-divider)}.design-system-page .ds-color-science__evidence{display:flex;min-height:58px;width:100%;align-items:center;gap:11px;margin-bottom:12px}.design-system-page .ds-color-science__pair{display:flex;min-width:74px;align-items:center;gap:7px;color:var(--ds-color-muted);font-size:11px}.design-system-page .ds-color-science__pair>i{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-canvas);font-size:16px;font-style:normal;font-weight:700}.design-system-page .ds-color-science__pair--surface>i{border-color:var(--ds-color-control)}.design-system-page .ds-color-science__pair>b{font-weight:500}.design-system-page .ds-color-science__evidence>.ds-icon{flex:0 0 auto;color:var(--ds-color-muted)}.design-system-page .ds-color-science__item h3{margin:0 0 5px;font-size:17px;font-weight:600;letter-spacing:-.015em;line-height:1.3}.design-system-page .ds-color-science__item>p{margin:0 0 10px;color:var(--ds-color-muted);font-size:14px;line-height:1.45}.design-system-page .ds-color-science__rule{margin-top:auto;color:var(--ds-color-text);font-size:13px;font-weight:520;line-height:1.45}.design-system-page .ds-color-science__thresholds{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.design-system-page .ds-color-science__thresholds>span{display:grid;grid-template-rows:auto 5px auto;gap:5px;min-width:0}.design-system-page .ds-color-science__thresholds b{font-size:16px;font-variant-numeric:tabular-nums}.design-system-page .ds-color-science__thresholds i{display:block;width:100%;border-radius:5px;background:var(--ds-color-accent)}.design-system-page .ds-color-science__thresholds>span:nth-child(n+2) i{background:var(--ds-color-focus)}.design-system-page .ds-color-science__thresholds small{color:var(--ds-color-muted);font-size:11px;line-height:1.2}.design-system-page .ds-color-science__status-pair{display:flex;flex-wrap:wrap;gap:8px 14px}.design-system-page .ds-color-science__status-pair .ds-status{margin:0}.design-system-page .ds-color-hero__loading{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--ds-grid-gap);padding-top:16px}.design-system-page .ds-color-hero__loading i{height:80px;border-radius:var(--ds-radius);background:color-mix(in srgb,var(--ds-color-text) 7%,transparent)}@media (min-width: 768px) and (max-width: 1023px){.design-system-page .ds-color-hero__groups{gap:20px var(--ds-grid-gap)}.design-system-page .ds-color-hero__group,.design-system-page .ds-color-science__item{grid-column:span 4}}@media (max-width: 767px){.design-system-page .ds-color-hero__groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.design-system-page .ds-color-science__item{grid-column:1 / -1}.design-system-page .ds-color-hero__group{grid-column:span 1;padding-left:0;border-left:0}.design-system-page .ds-color-hero__group:nth-child(n){padding-left:0;border-left:0}.design-system-page .ds-color-hero__group h2{min-height:30px;margin-bottom:7px}.design-system-page .ds-color-hero__group ul{gap:10px 8px}.design-system-page .ds-color-hero__swatch{height:40px}.design-system-page .ds-color-hero__token-label strong{font-size:11px}.design-system-page .ds-color-hero__token-label>span{font-size:10px}.design-system-page .ds-color-science__grid{grid-template-columns:minmax(0,1fr);gap:18px}.design-system-page .ds-color-science__item{padding-top:14px;border-top:1px solid var(--ds-color-divider)}.design-system-page .ds-color-science__item:nth-child(2),.design-system-page .ds-color-science__item:nth-child(3){padding-left:0;border-left:0}.design-system-page .ds-color-science__evidence{min-height:48px;margin-bottom:8px}}@media (max-width: 380px){.design-system-page .ds-color-hero__groups{grid-template-columns:minmax(0,1fr);gap:15px}.design-system-page .ds-color-hero__group h2{min-height:22px}.design-system-page .ds-color-hero__group ul{grid-template-columns:repeat(2,minmax(0,1fr))}.design-system-page .ds-color-hero__swatch{height:42px}.design-system-page .ds-color-hero__token-label strong{font-size:12px}}.design-system-page .ds-foundation-study{width:100%;color:var(--ds-color-text)}.design-system-page .ds-spacing-study{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:0 var(--ds-grid-gap)}.design-system-page .ds-spacing-study__intro{display:grid;grid-column:1 / -1;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));align-items:end;gap:var(--ds-space-4) var(--ds-grid-gap);padding-block:0 22px;border-bottom:1px solid var(--ds-color-divider)}.design-system-page .ds-spacing-study__intro>span{grid-column:span 5;display:inline-flex;align-items:center;gap:10px;color:var(--ds-color-text);font-size:18px;font-weight:620}.design-system-page .ds-spacing-study__intro>span svg{color:var(--ds-color-accent)}.design-system-page .ds-spacing-study__intro>p{grid-column:span 4;max-width:48ch;margin:0;color:var(--ds-color-muted);font-size:14px;line-height:1.5}.design-system-page .ds-spacing-study__rows{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));grid-column:1 / -1;gap:0 var(--ds-grid-gap)}.design-system-page .ds-spacing-study__row{display:grid;grid-column:1 / -1;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));align-items:center;gap:var(--ds-space-3) var(--ds-grid-gap);min-width:0;padding-block:15px;border-bottom:1px solid var(--ds-color-divider)}.design-system-page .ds-spacing-study__role{grid-column:span 3;display:grid;gap:4px;min-width:0}.design-system-page .ds-spacing-study__role>strong{font-size:14px;font-weight:580}.design-system-page .ds-spacing-study__role>span{overflow:hidden;color:var(--ds-color-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.design-system-page .ds-spacing-study__measure{display:flex;grid-column:span 4;min-width:0;align-items:center}.design-system-page .ds-spacing-study__sample{display:inline-flex;width:68px;min-height:34px;flex:0 0 68px;align-items:center;padding-inline:9px;border:1px solid var(--ds-color-divider);background:var(--ds-color-surface);color:var(--ds-color-text);font-size:12px;font-weight:540}.design-system-page .ds-spacing-study__sample--value{justify-content:flex-end}.design-system-page .ds-spacing-study__gap{position:relative;display:block;height:27px;flex:0 0 auto;border-inline:1px dashed var(--ds-color-accent);background:color-mix(in srgb,var(--ds-color-accent) 11%,transparent)}.design-system-page .ds-spacing-study__resolved{grid-column:span 2;color:var(--ds-color-text);font-size:14px;font-variant-numeric:tabular-nums;text-align:right}.design-system-page .ds-spacing-study__note{grid-column:1 / -1;margin:15px 0 0;color:var(--ds-color-muted);font-size:12px;line-height:1.45}@media (min-width: 1024px){.design-system-page .ds-spacing-study__role{grid-column:span 3}.design-system-page .ds-spacing-study__measure{grid-column:span 4}.design-system-page .ds-spacing-study__resolved{grid-column:span 2}}@media (min-width: 768px) and (max-width: 1023px){.design-system-page .ds-spacing-study__role{grid-column:span 3}.design-system-page .ds-spacing-study__measure{grid-column:span 7}.design-system-page .ds-spacing-study__resolved{grid-column:span 2}.design-system-page .ds-spacing-study__intro>span{grid-column:span 7}.design-system-page .ds-spacing-study__intro>p{grid-column:span 5}}.design-system-page .ds-type-study__specimen{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-space-4) var(--ds-grid-gap);padding-block:24px;border-top:1px solid var(--ds-color-divider);border-bottom:1px solid var(--ds-color-divider)}.design-system-page .ds-type-study__headline{grid-column:span 7}.design-system-page .ds-type-study__role-list{grid-column:span 5}@media (min-width: 1024px){.design-system-page .ds-type-study__headline{grid-column:span 5}.design-system-page .ds-type-study__role-list{grid-column:span 4}}.design-system-page .ds-type-study__headline{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;gap:16px;padding-block:10px}.design-system-page .ds-type-study__role>div>span{color:var(--ds-color-muted);font-size:var(--ds-type-small);letter-spacing:var(--ds-type-tracking-label)}.design-system-page .ds-type-study__headline>strong{max-width:13ch;font-size:var(--ds-type-doc-page);font-weight:var(--ds-type-weight-strong);letter-spacing:var(--ds-type-tracking-tight);line-height:1.08}.design-system-page .ds-type-study__headline>p{max-width:44ch;margin:0;color:var(--ds-color-muted);font-size:var(--ds-type-body);font-weight:var(--ds-type-weight-regular);line-height:1.5}.design-system-page .ds-type-study__role-list{display:grid;align-content:center}.design-system-page .ds-type-study__role{display:grid;grid-template-columns:minmax(105px,1fr) minmax(0,1.45fr);align-items:baseline;gap:16px;padding-block:13px;border-bottom:1px solid var(--ds-color-divider)}.design-system-page .ds-type-study__role:last-child{border-bottom:0}.design-system-page .ds-type-study__role>div{display:grid;gap:4px}.design-system-page .ds-type-study__role>div>strong{font-size:13px;font-weight:550;font-variant-numeric:tabular-nums}.design-system-page .ds-type-study__role>p{min-width:0;margin:0;line-height:1.5}.design-system-page .ds-type-study__role--page>p{font-weight:var(--ds-type-weight-strong);letter-spacing:var(--ds-type-tracking-tight);line-height:1.15}.design-system-page .ds-type-study__role--section>p{font-size:var(--ds-type-section);font-weight:var(--ds-type-weight-strong);line-height:1.2}.design-system-page .ds-type-study__role--body>p{font-weight:var(--ds-type-weight-regular);line-height:1.5}.design-system-page .ds-type-study__role--support>p{color:var(--ds-color-muted);font-size:var(--ds-type-small);line-height:1.4}.design-system-page .ds-type-study__craft{display:flex;grid-column:1 / -1;flex-wrap:wrap;gap:12px 26px;padding-top:18px;border-top:1px solid var(--ds-color-divider)}.design-system-page .ds-type-study__craft>span{display:inline-flex;align-items:center;gap:7px;color:var(--ds-color-muted);font-size:13px}.design-system-page .ds-type-study__craft .ds-icon{color:var(--ds-color-accent)}.design-system-page .ds-type-study__craft b{color:var(--ds-color-text);font-weight:550}.design-system-page .ds-foundation-specs{margin-top:24px;border-bottom:1px solid var(--ds-color-divider)}.design-system-page .ds-foundation-specs>summary{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;color:var(--ds-color-muted);font-size:14px}.design-system-page .ds-foundation-specs>summary::marker{color:var(--ds-color-accent)}.design-system-page .ds-foundation-specs>summary>span{color:var(--ds-color-text);font-variant-numeric:tabular-nums}.design-system-page .ds-foundation-specs dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0}.design-system-page .ds-foundation-specs dl>div{display:flex;justify-content:space-between;gap:12px;padding-block:12px;border-top:1px solid var(--ds-color-divider);font-size:14px}.design-system-page .ds-foundation-specs dt{color:var(--ds-color-muted)}.design-system-page .ds-foundation-specs dd{margin:0;font-variant-numeric:tabular-nums}.design-system-page .ds-radius-study__stage{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));align-items:center;gap:var(--ds-space-4) var(--ds-grid-gap);padding-block:22px;border-top:1px solid var(--ds-color-divider);border-bottom:1px solid var(--ds-color-divider)}.design-system-page .ds-radius-study__actions{grid-column:span 8}.design-system-page .ds-radius-study__choices{grid-column:span 4}@media (min-width: 1024px){.design-system-page .ds-radius-study__actions{grid-column:span 6}.design-system-page .ds-radius-study__choices{grid-column:span 3}}.design-system-page .ds-radius-study__actions{display:flex;flex-direction:column;align-items:flex-start;gap:20px;min-width:0}.design-system-page .ds-radius-study__context{display:grid;max-width:52ch;gap:8px}.design-system-page .ds-radius-study__context>span{color:var(--ds-color-accent);font-size:12px;font-weight:620}.design-system-page .ds-radius-study__context>strong{font-size:clamp(20px,2vw,26px);font-weight:570;letter-spacing:-.035em;line-height:1.15}.design-system-page .ds-radius-study__context>p{margin:0;color:var(--ds-color-muted);line-height:1.5}.design-system-page .ds-radius-study__button-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.design-system-page .ds-radius-study .ds-radius-study__surface,.design-system-page .ds-radius-study .ds-radius-study__sample-secondary{width:auto;min-height:44px;transition:border-radius .36s cubic-bezier(.2,.75,.2,1)!important}.design-system-page .ds-radius-study__feedback{min-height:1.45em;margin:0;color:var(--ds-color-muted);font-size:13px;line-height:1.45}.design-system-page .ds-radius-study__choices{display:grid;gap:8px}.design-system-page .ds-radius-study__choices>button{display:flex;min-height:54px;align-items:center;gap:14px;padding:5px 10px;border:1px solid transparent;border-radius:var(--ds-radius);background:transparent;color:var(--ds-color-text);text-align:left;cursor:pointer}.design-system-page .ds-radius-study__choices>button:hover,.design-system-page .ds-radius-study__choices>button.is-current{border-color:var(--ds-color-divider);background:var(--ds-color-surface)}.design-system-page .ds-radius-study__glyph{width:36px;height:30px;flex:0 0 auto;border:1px solid var(--ds-color-accent)}.design-system-page .ds-radius-study__choices>button>span:last-child{display:grid;gap:3px}.design-system-page .ds-radius-study__choices strong{font-size:14px;font-weight:600}.design-system-page .ds-radius-study__choices small{color:var(--ds-color-muted);font-size:13px}@media (max-width: 767px){.design-system-page .ds-spacing-study,.design-system-page .ds-type-study__specimen,.design-system-page .ds-radius-study__stage{grid-template-columns:minmax(0,1fr)}.design-system-page .ds-spacing-study__intro,.design-system-page .ds-spacing-study__role,.design-system-page .ds-spacing-study__measure,.design-system-page .ds-spacing-study__resolved,.design-system-page .ds-type-study__headline,.design-system-page .ds-type-study__role-list,.design-system-page .ds-radius-study__actions,.design-system-page .ds-radius-study__choices{grid-column:1 / -1}.design-system-page .ds-spacing-study__intro{grid-template-columns:minmax(0,1fr);gap:10px}.design-system-page .ds-spacing-study__intro>span,.design-system-page .ds-spacing-study__intro>p{grid-column:1 / -1}.design-system-page .ds-spacing-study__rows,.design-system-page .ds-spacing-study__row{grid-template-columns:minmax(0,1fr)}.design-system-page .ds-spacing-study__measure{width:100%}.design-system-page .ds-spacing-study__resolved{text-align:left}.design-system-page .ds-type-study__role--page>p{font-size:var(--ds-type-page)!important}.design-system-page .ds-type-study__role--section>p{font-size:var(--ds-type-section)!important}.design-system-page .ds-type-study__role--body>p{font-size:var(--ds-type-body)!important}.design-system-page .ds-type-study__role--support>p{font-size:var(--ds-type-small)!important}}@media (max-width: 420px){.design-system-page .ds-type-study__role{grid-template-columns:minmax(0,1fr);gap:5px}.design-system-page .ds-type-study__desktop-break{display:none}.design-system-page .ds-type-study__craft{gap:10px 16px}.design-system-page .ds-foundation-specs dl{grid-template-columns:minmax(0,1fr)}.design-system-page .ds-radius-study__button-row{align-items:flex-start;flex-direction:column}}@media (prefers-reduced-motion: reduce){.design-system-page .ds-radius-study .ds-radius-study__surface,.design-system-page .ds-radius-study .ds-radius-study__sample-secondary{transition:none!important}}.design-system-page .ds-hit-study__control>.ds-button{position:relative;isolation:isolate}.design-system-page .ds-hit-study .ds-hit-study__reveal{position:absolute;inset:0;z-index:0;pointer-events:none;border:2px solid var(--ds-color-focus);border-radius:inherit;background:color-mix(in srgb,var(--ds-color-accent) 13%,transparent);animation:ds-hit-target-reveal .72s cubic-bezier(.2,.7,.2,1) both!important}@keyframes ds-hit-target-reveal{0%{transform:scale(.28);opacity:.35}68%{transform:scale(1.04);opacity:1}to{transform:scale(1);opacity:0}}@media (prefers-reduced-motion: reduce){.design-system-page .ds-hit-study .ds-hit-study__reveal{animation:none!important}}.design-system-page .ds-accessible-study,.design-system-page .ds-component-study,.design-system-page .ds-theme-study,.design-system-page .ds-avatar-study{width:100%;color:var(--ds-color-text)}.design-system-page .ds-icon-study__gallery{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.design-system-page .ds-icon-study__gallery>li{min-width:0}.design-system-page .ds-icon-study__toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin:0 0 18px}.design-system-page .ds-icon-study__search{display:flex;min-width:min(220px,100%);min-height:42px;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--ds-color-divider);background:var(--ds-color-surface);color:var(--ds-color-muted)}.design-system-page .ds-icon-study__search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ds-color-text);font:inherit;font-size:14px}.design-system-page .ds-icon-study__search:focus-within{outline:2px solid var(--ds-color-focus);outline-offset:2px}.design-system-page .ds-icon-study__filters{display:flex;flex-wrap:wrap;gap:6px}.design-system-page .ds-icon-study__filters button{min-height:38px;padding:6px 11px;border:1px solid var(--ds-color-divider);background:transparent;color:var(--ds-color-muted);font:inherit;font-size:13px;cursor:pointer}.design-system-page .ds-icon-study__filters button[aria-pressed=true]{border-color:var(--ds-color-accent);background:color-mix(in srgb,var(--ds-color-accent) 10%,var(--ds-color-surface));color:var(--ds-color-accent);font-weight:650}.design-system-page .ds-icon-study__filters button:focus-visible,.design-system-page .ds-icon-study__tile:focus-visible{outline:2px solid var(--ds-color-focus);outline-offset:2px}.design-system-page .ds-icon-study__tile{display:grid;width:100%;min-height:88px;align-content:center;justify-items:center;gap:5px;padding:8px 4px;border:1px solid var(--ds-color-divider);background:var(--ds-color-surface);color:var(--ds-color-text);font:inherit;cursor:pointer;transition:transform .15s ease}.design-system-page .ds-icon-study__tile:hover{transform:translateY(-2px);border-color:var(--ds-color-accent)}.design-system-page .ds-icon-study__tile[aria-pressed=true]{border-color:var(--ds-color-accent);background:color-mix(in srgb,var(--ds-color-accent) 8%,var(--ds-color-surface))}.design-system-page .ds-icon-study__mark{display:grid;width:40px;height:40px;place-items:center;color:var(--ds-color-accent)}.design-system-page .ds-icon-study__gallery strong{max-width:100%;overflow-wrap:anywhere;font-size:12px;font-weight:600;line-height:1.2;text-align:center}.design-system-page .ds-icon-study__empty{margin:10px 0;padding:20px;border:1px dashed var(--ds-color-divider);color:var(--ds-color-muted);text-align:center}.design-system-page .ds-icon-study__selection{display:flex;align-items:center;gap:12px;margin-top:18px;padding:12px 14px;border-left:3px solid var(--ds-color-accent);background:color-mix(in srgb,var(--ds-color-accent) 6%,var(--ds-color-surface))}.design-system-page .ds-icon-study__selection-mark{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;color:var(--ds-color-accent)}.design-system-page .ds-icon-study__selection>span:last-child{display:grid;gap:3px}.design-system-page .ds-icon-study__selection strong{font-size:15px}.design-system-page .ds-icon-study__selection small{color:var(--ds-color-muted);font-size:13px}.design-system-page .ds-icon-study__note{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;margin:12px 0 0;color:var(--ds-color-muted);font-size:13px;line-height:1.45}.design-system-page .ds-icon-study__note>span{display:inline-flex;align-items:center;gap:7px}.design-system-page .ds-icon-study__note .ds-icon{color:var(--ds-color-accent)}.design-system-page .ds-hit-study__standards,.design-system-page .ds-avatar-study__note,.design-system-page .ds-theme-study__scope{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;margin:16px 0 0;color:var(--ds-color-muted);font-size:14px;line-height:1.45}.design-system-page .ds-avatar-study__note>span,.design-system-page .ds-theme-study__scope>span{display:inline-flex;align-items:center;gap:8px}.design-system-page .ds-avatar-study__note .ds-icon,.design-system-page .ds-theme-study__scope .ds-icon{color:var(--ds-color-accent)}.design-system-page .ds-hit-study__demo{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));align-items:center;gap:clamp(24px,4vw,48px) var(--ds-grid-gap);padding-block:clamp(20px,3vw,34px)}.design-system-page .ds-hit-study__control-set{grid-column:span 8}.design-system-page .ds-hit-study__readout{grid-column:span 4}@media (min-width: 1024px){.design-system-page .ds-hit-study__control-set{grid-column:span 6}.design-system-page .ds-hit-study__readout{grid-column:span 3}}.design-system-page .ds-hit-study__control-set{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(8px,1.5vw,20px)}.design-system-page .ds-hit-study__control{display:grid;justify-items:center;align-content:start;gap:12px}.design-system-page .ds-hit-study__control>.ds-button{display:grid;width:64px;min-width:44px;height:64px;min-height:44px;place-items:center;padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--ds-color-accent) 52%,var(--ds-color-divider));border-radius:12px;background:color-mix(in srgb,var(--ds-color-accent) 7%,var(--ds-color-canvas));color:var(--ds-color-accent);transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.design-system-page .ds-hit-study__control>.ds-button:hover:not(:disabled){border-color:var(--ds-color-focus);background:color-mix(in srgb,var(--ds-color-accent) 12%,var(--ds-color-canvas))}.design-system-page .ds-hit-study__control>.ds-button:focus-visible{outline:3px solid var(--ds-color-focus);outline-offset:4px}.design-system-page .ds-hit-study__control>.ds-button>.ds-icon{position:relative;z-index:2;width:20px;height:20px}.design-system-page .ds-hit-study__label{max-width:12ch;color:var(--ds-color-text);font-size:13px;line-height:1.3;text-align:center}.design-system-page .ds-hit-study__readout{display:grid;align-content:center;justify-items:start;gap:12px}.design-system-page .ds-hit-study__measure{display:flex;align-items:center;gap:13px}.design-system-page .ds-hit-study__measure>span:last-child{display:grid;gap:2px}.design-system-page .ds-hit-study__measure strong{color:var(--ds-color-accent);font-size:25px;font-weight:650;letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums}.design-system-page .ds-hit-study__measure small{color:var(--ds-color-muted);font-size:12px}.design-system-page .ds-hit-study__dimension-mark{position:relative;display:grid;width:38px;height:38px;place-items:center}.design-system-page .ds-hit-study__dimension-mark:before,.design-system-page .ds-hit-study__dimension-mark:after{position:absolute;content:"";background:var(--ds-color-focus)}.design-system-page .ds-hit-study__dimension-mark:before{width:1px;height:100%}.design-system-page .ds-hit-study__dimension-mark:after{width:100%;height:1px}.design-system-page .ds-hit-study__dimension-mark>i{z-index:1;width:13px;height:13px;border:1px solid var(--ds-color-focus);border-radius:3px;background:var(--ds-color-canvas)}.design-system-page .ds-hit-study__readout-copy{max-width:30ch;margin:0;color:var(--ds-color-muted);font-size:15px;line-height:1.45}.design-system-page .ds-hit-study__feedback{min-height:5.6em;max-width:34ch;margin:0;color:var(--ds-color-text);font-size:14px;line-height:1.4}.design-system-page .ds-hit-study__readout>.ds-button{min-height:44px}.design-system-page .ds-hit-study__standards{display:flex;flex-wrap:wrap;gap:18px 44px;margin-top:4px;padding-top:18px}.design-system-page .ds-hit-study__standards>p{display:grid;max-width:38ch;gap:4px;margin:0}.design-system-page .ds-hit-study__standards>p>strong{color:var(--ds-color-text);font-size:14px}.design-system-page .ds-hit-study__standards>p>span{color:var(--ds-color-muted);font-size:14px;line-height:1.45}.design-system-page .ds-state-study__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ds-color-divider)}.design-system-page .ds-state-study__item{display:flex;min-width:0;min-height:142px;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;padding:17px 14px;border-bottom:1px solid var(--ds-color-divider)}.design-system-page .ds-state-study__item:nth-child(4n+1){padding-left:0}.design-system-page .ds-state-study__item:nth-child(4n){padding-right:0}.design-system-page .ds-state-study__item>span{color:var(--ds-color-muted);font-size:13px;font-weight:600}.design-system-page .ds-state-study__item>small{color:var(--ds-color-muted);font-size:12px;line-height:1.35}.design-system-page .ds-state-study__item--hover>.ds-button:hover{color:var(--ds-color-text);border-color:var(--ds-color-focus)}.design-system-page .ds-state-study__saved{display:inline-flex;min-height:44px;align-items:center;gap:8px}.design-system-page .ds-state-study__saved .ds-icon{color:var(--ds-color-success)}.design-system-page .ds-state-study__saved>strong{font-size:14px;font-weight:550}.design-system-page .ds-state-study__feedback{min-height:44px;padding-top:12px;color:var(--ds-color-muted);font-size:14px}.design-system-page .ds-state-study__feedback .ds-status{margin:0}.design-system-page .ds-button-study__workspace{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-space-4) var(--ds-grid-gap);align-items:center;padding-block:24px;border-top:1px solid var(--ds-color-divider);border-bottom:1px solid var(--ds-color-divider)}.design-system-page .ds-button-study__context{grid-column:span 7}.design-system-page .ds-button-study__actions{grid-column:span 5}@media (min-width: 1024px){.design-system-page .ds-button-study__context{grid-column:span 5}.design-system-page .ds-button-study__actions{grid-column:span 4}}.design-system-page .ds-button-study__context{display:grid;gap:8px}.design-system-page .ds-button-study__context>span{color:var(--ds-color-muted);font-size:12px;letter-spacing:.06em}.design-system-page .ds-button-study__context>strong{font-size:clamp(20px,2vw,26px);font-weight:560;letter-spacing:-.03em}.design-system-page .ds-button-study__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.design-system-page .ds-button-study__danger{display:inline-flex;flex-wrap:wrap;gap:8px}.design-system-page .ds-button-study__feedback{display:flex;min-height:50px;align-items:center;gap:9px;border-bottom:1px solid var(--ds-color-divider);color:var(--ds-color-muted);font-size:14px}.design-system-page .ds-button-study__feedback>.ds-icon{color:var(--ds-color-success)}.design-system-page .ds-button-study__variants{display:flex;flex-wrap:wrap;gap:12px 26px;padding-top:18px}.design-system-page .ds-button-study__variants>span{display:inline-flex;align-items:center;gap:8px;color:var(--ds-color-muted);font-size:13px}.design-system-page .ds-button-study__dot{width:8px;height:8px;border-radius:50%;background:var(--ds-color-control)}.design-system-page .ds-button-study__dot--primary{background:var(--ds-color-accent)}.design-system-page .ds-button-study__dot--danger{background:var(--ds-color-danger)}.design-system-page .ds-tabs-study__project{max-width:900px;padding:20px 24px 14px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius-medium);background:var(--ds-color-surface)}.design-system-page .ds-tabs-study__project-heading{display:flex;align-items:baseline;gap:12px;padding-bottom:16px}.design-system-page .ds-tabs-study__project-heading>span,.design-system-page .ds-tabs-study__panel>div>span{color:var(--ds-color-muted);font-size:12px;letter-spacing:.06em}.design-system-page .ds-tabs-study__project-heading>strong{font-size:18px}.design-system-page .ds-tabs-study__tablist{display:flex;gap:22px;border-bottom:1px solid var(--ds-color-divider)}.design-system-page .ds-tabs-study__tablist>button{display:inline-flex;min-height:48px;align-items:center;gap:8px;padding:0 3px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--ds-color-muted);font:inherit;font-size:15px;cursor:pointer}.design-system-page .ds-tabs-study__tablist>button[aria-selected=true]{border-bottom-color:var(--ds-color-accent);color:var(--ds-color-text);font-weight:650}.design-system-page .ds-tabs-study__tablist>button:hover{color:var(--ds-color-text)}.design-system-page .ds-tabs-study__tablist>button:focus-visible{outline:2px solid var(--ds-color-focus);outline-offset:3px}.design-system-page .ds-tabs-study__panel{display:flex;min-height:138px;align-items:flex-start;justify-content:space-between;gap:20px;padding-block:22px}.design-system-page .ds-tabs-study__panel>div{display:grid;gap:7px}.design-system-page .ds-tabs-study__panel h3{margin:0;font-size:22px;font-weight:560;letter-spacing:-.03em}.design-system-page .ds-tabs-study__panel p{margin:0;color:var(--ds-color-muted);line-height:1.45}.design-system-page .ds-tabs-study__panel>small{padding-top:20px;color:var(--ds-color-muted);font-size:13px;white-space:nowrap}.design-system-page .ds-tabs-study__position{display:flex;align-items:center;gap:10px;color:var(--ds-color-muted);font-size:13px}.design-system-page .ds-tabs-study__position-track{position:relative;flex:0 0 96px;height:3px;overflow:hidden;border-radius:3px;background:var(--ds-color-divider)}.design-system-page .ds-tabs-study__position-track>i{position:absolute;inset:0 auto 0 0;width:calc(100% / 3);border-radius:inherit;background:var(--ds-color-accent)}.design-system-page .ds-state-transition-study__stage{display:grid;min-height:280px;place-items:center;border-top:1px solid var(--ds-color-divider);border-bottom:1px solid var(--ds-color-divider)}.design-system-page .ds-state-transition-study__message{display:grid;justify-items:center;gap:12px;padding:28px;text-align:center}.design-system-page .ds-state-transition-study__message>span{display:grid;width:54px;height:54px;place-items:center;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius-medium);color:var(--ds-color-accent)}.design-system-page .ds-state-transition-study__message h3{margin:0;font-size:23px;font-weight:560;letter-spacing:-.03em}.design-system-page .ds-state-transition-study__message p{max-width:42ch;margin:0 0 4px;color:var(--ds-color-muted);line-height:1.45}.design-system-page .ds-state-transition-study__message--error{border-left:3px solid var(--ds-color-danger)}.design-system-page .ds-state-transition-study__message--error>.ds-status{margin:0 0 3px}.design-system-page .ds-state-transition-study__loading{display:grid;width:min(100%,420px);gap:15px;padding:30px 10px}.design-system-page .ds-state-transition-study__loading>strong{padding-top:4px;color:var(--ds-color-muted);font-size:14px;font-weight:500}.design-system-page .ds-state-transition-study__skeleton{display:block;width:72%;height:16px;border-radius:var(--ds-radius);background:color-mix(in srgb,var(--ds-color-muted) 19%,transparent)}.design-system-page .ds-state-transition-study__skeleton--title{width:44%;height:25px}.design-system-page .ds-state-transition-study__ready{display:grid;width:min(100%,620px);gap:16px;padding:28px 0}.design-system-page .ds-state-transition-study__ready>.ds-status{margin:0}.design-system-page .ds-state-transition-study__ready article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 18px;align-items:center;padding-block:14px;border-bottom:1px solid var(--ds-color-divider)}.design-system-page .ds-state-transition-study__ready article>span{color:var(--ds-color-muted);font-size:14px}.design-system-page .ds-state-transition-study__ready article>.ds-button{grid-column:2;grid-row:1 / span 2}.design-system-page .ds-state-transition-study__tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-top:12px}.design-system-page .ds-state-transition-study__tools>span{margin-right:auto;color:var(--ds-color-muted);font-size:13px}.design-system-page .ds-theme-study__controls{display:flex;gap:8px;margin-bottom:20px}.design-system-page .ds-theme-study__controls>button{display:flex;min-width:140px;min-height:48px;align-items:center;gap:9px;padding:8px 12px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:transparent;color:var(--ds-color-muted);font:inherit;cursor:pointer}.design-system-page .ds-theme-study__controls>button>span{margin-left:auto;font-size:12px}.design-system-page .ds-theme-study__controls>button.is-current{border-color:var(--ds-color-focus);color:var(--ds-color-text)}.design-system-page .ds-theme-study__controls>button.is-current .ds-icon{color:var(--ds-color-accent)}.design-system-page .ds-theme-study__comparison{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-space-4) var(--ds-grid-gap)}@media (min-width: 1024px){.design-system-page .ds-theme-study__panel:first-child{grid-column:span 4}.design-system-page .ds-theme-study__panel:last-child{grid-column:span 5}}.design-system-page .ds-theme-study__panel{min-width:0;padding:18px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius-medium);background:var(--ds-color-canvas);color:var(--ds-color-text);transition:border-color .18s ease,opacity .18s ease}.design-system-page .ds-theme-study__panel:not(.is-current){opacity:.82}.design-system-page .ds-theme-study__panel.is-current{border-color:var(--ds-color-focus)}.design-system-page .ds-theme-study__panel-head{display:flex;align-items:center;justify-content:space-between;color:var(--ds-color-muted);font-size:11px;letter-spacing:.08em}.design-system-page .ds-theme-study__panel-head>i{width:8px;height:8px;border-radius:50%;background:var(--ds-color-accent)}.design-system-page .ds-theme-study__project{display:grid;gap:12px;margin-top:16px;padding:18px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-surface)}.design-system-page .ds-theme-study__project-meta,.design-system-page .ds-theme-study__project-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.design-system-page .ds-theme-study__project-meta{color:var(--ds-color-muted);font-size:11px;letter-spacing:.06em}.design-system-page .ds-theme-study__project>strong{font-size:20px;font-weight:560;letter-spacing:-.03em}.design-system-page .ds-theme-study__project>p{margin:0;color:var(--ds-color-muted);font-size:14px;line-height:1.45}.design-system-page .ds-theme-study__project-foot>span{display:inline-flex;align-items:center;gap:7px;color:var(--ds-color-muted);font-size:13px}.design-system-page .ds-theme-study__project-foot>span>i{width:7px;height:7px;border-radius:50%;background:var(--ds-color-success)}.design-system-page .ds-theme-study__tokens{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px;color:var(--ds-color-muted);font-size:12px}.design-system-page .ds-theme-study__tokens>span{display:inline-flex;align-items:center;gap:6px}.design-system-page .ds-theme-study__token-swatch{width:12px;height:12px;border:1px solid var(--ds-color-control);border-radius:3px}.design-system-page .ds-theme-study__token-swatch--canvas{background:var(--ds-color-canvas)}.design-system-page .ds-theme-study__token-swatch--surface{background:var(--ds-color-surface)}.design-system-page .ds-theme-study__token-swatch--accent{background:var(--ds-color-accent)}.design-system-page .ds-theme-study__scope{margin-top:14px}.design-system-page .ds-avatar-study__composition{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-space-4) var(--ds-grid-gap);align-items:start}.design-system-page .ds-avatar-study__treatments{grid-column:span 7}.design-system-page .ds-avatar-study__people{grid-column:span 5}@media (min-width: 1024px){.design-system-page .ds-avatar-study__treatments{grid-column:span 5}.design-system-page .ds-avatar-study__people{grid-column:span 4}}.design-system-page .ds-avatar-study__treatments{display:grid;gap:17px;padding-top:15px}.design-system-page .ds-avatar-study__section-heading h2,.design-system-page .ds-avatar-study__people-title h2{margin:0;font-size:clamp(19px,2vw,23px);font-weight:600;letter-spacing:-.035em}.design-system-page .ds-avatar-study__section-heading p{margin:5px 0 0;color:var(--ds-color-muted);font-size:14px;line-height:1.4}.design-system-page .ds-avatar-study__treatment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-bottom:22px}.design-system-page .ds-avatar-study__treatment-example{display:grid;min-width:0;align-content:start;justify-items:start;gap:12px}.design-system-page .ds-avatar-study__display-avatar{display:grid;width:80px;height:80px;overflow:hidden;place-items:center;border-radius:50%;color:var(--ds-color-text);font-size:23px;font-weight:650}.design-system-page .ds-avatar-study__display-avatar img{display:block;width:100%;height:100%;object-fit:cover}.design-system-page .ds-avatar-study__display-avatar--unknown{border:1px solid var(--ds-color-divider);background:color-mix(in srgb,var(--ds-color-accent) 8%,var(--ds-color-surface));color:var(--ds-color-accent)}.design-system-page .ds-avatar-study__identity{display:grid;min-width:0;gap:3px}.design-system-page .ds-avatar-study__identity strong{font-size:15px;font-weight:600;line-height:1.3}.design-system-page .ds-avatar-study__identity small{color:var(--ds-color-muted);font-size:13px;line-height:1.35}.design-system-page .ds-avatar-study__avatar{display:inline-grid;overflow:hidden;width:40px;height:40px;flex:0 0 auto;place-items:center;border-radius:50%;color:var(--ds-color-text);font-size:12px;font-weight:650}.design-system-page .ds-avatar-study__avatar img{display:block;width:100%;height:100%;object-fit:cover}.design-system-page .ds-avatar-study__avatar--violet{background:color-mix(in srgb,var(--ds-color-focus) 28%,var(--ds-color-surface))}.design-system-page .ds-avatar-study__avatar--blue{background:color-mix(in srgb,var(--ds-color-accent) 32%,var(--ds-color-surface))}.design-system-page .ds-avatar-study__avatar--gold{background:color-mix(in srgb,var(--ds-color-warning) 24%,var(--ds-color-surface))}.design-system-page .ds-avatar-study__avatar--coral{background:color-mix(in srgb,var(--ds-color-danger) 26%,var(--ds-color-surface))}.design-system-page .ds-avatar-study__avatar--mint{background:color-mix(in srgb,var(--ds-color-success) 24%,var(--ds-color-surface))}.design-system-page .ds-avatar-study__people{display:grid;align-content:start;gap:17px;padding-top:15px}.design-system-page .ds-avatar-study__people-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.design-system-page .ds-avatar-study__people-title>div{display:flex;min-width:0;align-items:center;gap:9px}.design-system-page .ds-avatar-study__people-title .ds-icon{flex:0 0 auto;color:var(--ds-color-accent)}.design-system-page .ds-avatar-study__people-title h2{font-size:clamp(19px,2vw,23px)}.design-system-page .ds-avatar-study__people-title>span{color:var(--ds-color-muted);font-size:14px;white-space:nowrap}.design-system-page .ds-avatar-study__people-row{display:flex;align-items:center;padding-left:10px}.design-system-page .ds-avatar-study__people-row>.ds-avatar-study__avatar,.design-system-page .ds-avatar-study__more{margin-left:-10px;border:3px solid var(--ds-color-canvas)}.design-system-page .ds-avatar-study__people-row>.ds-avatar-study__avatar{width:48px;height:48px;font-size:13px}.design-system-page .ds-avatar-study__more{width:46px;min-width:46px;height:46px;min-height:46px;padding:0;border:1px solid #fff;border-radius:50%;font-size:13px}.design-system-page .ds-avatar-study__people ul{display:grid;gap:0;margin:0;padding:0;border-top:1px solid var(--ds-color-divider);list-style:none}.design-system-page .ds-avatar-study__people li{display:flex;min-width:0;min-height:64px;align-items:center;gap:12px;border-bottom:1px solid var(--ds-color-divider)}.design-system-page .ds-avatar-study__people li>.ds-avatar-study__avatar{width:40px;height:40px}.design-system-page .ds-avatar-study__person-copy{display:grid;min-width:0;gap:3px}.design-system-page .ds-avatar-study__person-copy strong{font-size:15px;font-weight:600}.design-system-page .ds-avatar-study__person-copy small{color:var(--ds-color-muted);font-size:13px}.design-system-page .ds-avatar-study__treatment{margin-left:auto;padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--ds-color-accent) 10%,var(--ds-color-surface));color:var(--ds-color-accent);font-size:12px;font-weight:600;white-space:nowrap}.design-system-page .ds-avatar-study__people>.ds-button{justify-self:start}@media (max-width: 760px){.design-system-page .ds-state-study__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-system-page .ds-state-study__item:nth-child(4n+1){padding-left:14px}.design-system-page .ds-state-study__item:nth-child(4n){padding-right:14px}.design-system-page .ds-state-study__item:nth-child(odd){padding-left:0}.design-system-page .ds-state-study__item:nth-child(2n){padding-right:0}.design-system-page .ds-hit-study__demo,.design-system-page .ds-button-study__workspace,.design-system-page .ds-avatar-study__composition,.design-system-page .ds-theme-study__comparison{grid-template-columns:minmax(0,1fr)}.design-system-page .ds-hit-study__control-set,.design-system-page .ds-hit-study__readout,.design-system-page .ds-theme-study__panel,.design-system-page .ds-avatar-study__treatments,.design-system-page .ds-avatar-study__people,.design-system-page .ds-button-study__context,.design-system-page .ds-button-study__actions{grid-column:1 / -1}.design-system-page .ds-hit-study__control-set{grid-template-columns:repeat(3,minmax(0,1fr))}.design-system-page .ds-hit-study__control{justify-items:center}.design-system-page .ds-hit-study__readout{min-height:0}}@media (max-width: 520px){.design-system-page .ds-icon-study__gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.design-system-page .ds-icon-study__toolbar{align-items:stretch}.design-system-page .ds-icon-study__search,.design-system-page .ds-icon-study__filters{width:100%}.design-system-page .ds-icon-study__filters button{flex:1 1 auto}.design-system-page .ds-icon-study__tile{min-height:78px}.design-system-page .ds-hit-study__control-set{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.design-system-page .ds-hit-study__control>.ds-button{width:64px;height:64px}.design-system-page .ds-hit-study__label{font-size:12px}.design-system-page .ds-state-study__item{padding-inline:8px}.design-system-page .ds-state-study__item:nth-child(4n+1){padding-left:8px}.design-system-page .ds-state-study__item:nth-child(4n){padding-right:8px}.design-system-page .ds-state-study__item:nth-child(odd){padding-left:0}.design-system-page .ds-state-study__item:nth-child(2n){padding-right:0}.design-system-page .ds-button-study__actions{justify-content:flex-start}.design-system-page .ds-tabs-study__project{padding-inline:12px}.design-system-page .ds-tabs-study__tablist{gap:12px}.design-system-page .ds-tabs-study__tablist>button{gap:5px;font-size:13px}.design-system-page .ds-tabs-study__panel{min-height:155px;flex-direction:column;gap:7px}.design-system-page .ds-tabs-study__panel>small{padding-top:0;white-space:normal}.design-system-page .ds-theme-study__comparison{grid-template-columns:minmax(0,1fr)}.design-system-page .ds-theme-study__panel{grid-column:1 / -1}.design-system-page .ds-theme-study__controls>button{min-width:0;flex:1}.design-system-page .ds-theme-study__controls>button>span{font-size:11px}.design-system-page .ds-theme-study__panel{padding:13px}.design-system-page .ds-theme-study__project{padding:14px}.design-system-page .ds-avatar-study__treatment-grid{gap:8px}.design-system-page .ds-avatar-study__people{gap:13px}.design-system-page .ds-avatar-study__people li{gap:9px}.design-system-page .ds-avatar-study__treatment{padding-inline:6px;font-size:11px}}@media (prefers-reduced-motion: reduce){.design-system-page .ds-theme-study__panel{transition:none}}.design-system-page .ds-theme-study__comparison{grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-space-4) var(--ds-grid-gap);align-items:stretch}.design-system-page .ds-theme-study__panel{grid-column:span 6}.design-system-page .ds-theme-study__panel--live{min-height:230px}.design-system-page .ds-theme-study__project-meta{color:var(--ds-color-muted);font-size:13px}.design-system-page .ds-theme-study__action-label{display:inline-flex;min-height:40px;align-items:center;gap:7px;color:var(--ds-color-accent);font-size:14px;font-weight:600}.design-system-page .ds-theme-study__tokens{grid-column:span 6;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:14px;margin:0}.design-system-page .ds-theme-study__tokens>section{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:10px 14px;padding:14px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-canvas);color:var(--ds-color-muted);font-size:12px}.design-system-page .ds-theme-study__tokens>section>strong{grid-column:1 / -1;color:var(--ds-color-text);font-size:14px;font-weight:600}.design-system-page .ds-theme-study__tokens>section>span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}@media (min-width: 1024px){.design-system-page .ds-theme-study__tokens{grid-column:span 5}}.design-system-page .ds-avatar-study__people-row>.ds-avatar-study__avatar[role=img]{cursor:default}.design-system-page .ds-avatar-guide__contexts{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:24px var(--ds-grid-gap);margin:0}.design-system-page .ds-avatar-guide__contexts>div{grid-column:span 4;min-width:0}.design-system-page .ds-avatar-guide dt{margin-bottom:10px;color:var(--ds-color-text);font-size:18px;font-weight:600}.design-system-page .ds-avatar-guide dd{margin:0;color:var(--ds-color-muted);line-height:1.6}.design-system-page .ds-avatar-guide__implementation{margin-top:28px}.design-system-page .ds-avatar-guide__implementation summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font-weight:600}.design-system-page .ds-avatar-guide__implementation ul{display:grid;gap:12px;max-width:72ch;margin:12px 0;padding-left:20px;list-style:disc;color:var(--ds-color-muted);line-height:1.6}.design-system-page .ds-avatar-guide__implementation a{display:inline-flex;align-items:center;min-height:44px}@media (min-width: 1024px){.design-system-page .ds-avatar-guide__contexts>div{grid-column:span 3}}@media (max-width: 767px){.design-system-page .ds-avatar-guide__contexts>div{grid-column:1 / -1}}@media (max-width: 767px){.design-system-page .ds-theme-study__comparison{grid-template-columns:minmax(0,1fr)}.design-system-page .ds-theme-study__panel,.design-system-page .ds-theme-study__tokens{grid-column:1 / -1}}@media (max-width: 520px){.design-system-page .ds-theme-study__tokens{gap:8px}.design-system-page .ds-theme-study__tokens>section{gap:8px;padding:10px}}.design-system-page .ds-button-study{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:26px var(--ds-grid-gap);margin:0 0 clamp(34px,5vw,58px);padding:0;border:0;border-radius:0;background:transparent}.design-system-page .ds-button-study>*{grid-column:1 / -1;min-width:0}.design-system-page .ds-button-study__workspace{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));align-items:start;gap:26px var(--ds-grid-gap);padding:0;border:0}.design-system-page .ds-button-study__workspace>.ds-button-study__context{grid-column:span 7;display:grid;align-content:start;justify-items:start;gap:14px;min-width:0;padding-top:2px}.design-system-page .ds-button-study__context>strong{max-width:24ch;color:var(--ds-color-text);font-size:clamp(25px,3vw,38px);font-weight:600;letter-spacing:-.045em;line-height:1.04}.design-system-page .ds-button-study__context>.ds-button-study__summary{max-width:46ch;margin:0;color:var(--ds-color-muted);font-size:clamp(16px,1.45vw,19px);line-height:1.55}.design-system-page .ds-button-study__context>small{color:var(--ds-color-muted);font-size:14px;line-height:1.4}.design-system-page .ds-button-study__workspace>.ds-button-study__actions{grid-column:span 5;display:grid;align-content:start;justify-items:start;gap:18px;min-width:0}.design-system-page .ds-button-study__next,.design-system-page .ds-button-study__support,.design-system-page .ds-button-study__restore{display:flex;flex-wrap:wrap;align-items:center;gap:10px;max-width:100%}.design-system-page .ds-button-study__next>.ds-button{min-height:48px;padding-inline:19px}.design-system-page .ds-button-study__support .ds-button{min-height:44px}.design-system-page .ds-button-study__danger{display:grid;justify-items:start;gap:8px;max-width:100%;margin-top:12px;padding-top:17px}.design-system-page .ds-button-study__danger>p{max-width:38ch;margin:0;color:var(--ds-color-muted);font-size:14px;line-height:1.45}.design-system-page .ds-button-study__danger>div{display:flex;flex-wrap:wrap;gap:9px}.design-system-page .ds-button-study__danger>.ds-button--destructive,.design-system-page .ds-button-study__danger>div>.ds-button--destructive{outline-color:var(--ds-color-danger)}.design-system-page .ds-button-study__feedback{grid-column:1 / -1;display:flex;align-items:flex-start;gap:10px;min-height:24px;margin:0;padding:0;border:0;color:var(--ds-color-muted);font-size:14px;line-height:1.45}.design-system-page .ds-button-study__feedback>.ds-icon{flex:0 0 auto;color:var(--ds-color-success)}@media (min-width: 1024px){.design-system-page .ds-button-study__workspace>.ds-button-study__context{grid-column:span 5}.design-system-page .ds-button-study__workspace>.ds-button-study__actions{grid-column:span 4}}.design-system-page .ds-tabs-study__position-track>i{transition:transform .22s cubic-bezier(.2,.75,.2,1)}.design-system-page .ds-tabs-study__project-heading{justify-content:space-between}.design-system-page .ds-tabs-study__project-heading>span{color:var(--ds-color-muted);font-size:13px}@media (max-width: 560px){.design-system-page .ds-state-transition-study__tools>span{flex-basis:100%}}@media (max-width: 767px){.design-system-page .ds-button-study,.design-system-page .ds-button-study__workspace{grid-template-columns:minmax(0,1fr)}.design-system-page .ds-button-study__workspace>.ds-button-study__context,.design-system-page .ds-button-study__workspace>.ds-button-study__actions{grid-column:1 / -1}.design-system-page .ds-button-study__workspace>.ds-button-study__actions{gap:14px}.design-system-page .ds-button-study__danger{margin-top:4px;padding-top:0}}@media (prefers-reduced-motion: reduce){.design-system-page .ds-tabs-study__position-track>i{transition:none}}.design-system-page .ds-view-template{padding-top:0;margin-bottom:var(--ds-space-8)}.design-system-page .ds-view-template-header,.design-system-page .ds-view-list-head,.design-system-page .ds-view-list-row,.design-system-page .ds-view-detail-grid,.design-system-page .ds-view-dashboard-grid{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));column-gap:var(--ds-grid-gap)}.design-system-page .ds-view-template-header{align-items:end;row-gap:var(--ds-space-6);margin-bottom:var(--ds-space-8)}.design-system-page .ds-view-template-header>:first-child{grid-column:span 7;min-width:0}.design-system-page .ds-view-template-header>:last-child:not(:first-child){grid-column:span 5;min-width:0}@media (min-width: 1024px){.design-system-page .ds-view-template-header>:first-child{grid-column:span 6}.design-system-page .ds-view-template-header>:last-child:not(:first-child){grid-column:span 3}}.design-system-page .ds-view-template-header>.ds-button{justify-self:start}.design-system-page .ds-view-template-header h2{margin:6px 0;font-size:clamp(28px,3vw,40px);letter-spacing:-.04em;line-height:1.08}.design-system-page .ds-view-template-header p,.design-system-page .ds-view-detail-main p,.design-system-page .ds-view-dashboard-next p{margin:0;color:var(--ds-color-muted)}.design-system-page .ds-view-template-kicker{display:block;color:var(--ds-color-muted);font-size:14px}.design-system-page .ds-view-template-filters{display:grid;justify-items:end;gap:var(--ds-space-3)}.design-system-page .ds-view-template-filters label{display:grid;width:min(100%,320px);gap:4px;font-size:14px}.design-system-page .ds-view-template-search{position:relative;display:block}.design-system-page .ds-view-template-search .ds-icon{position:absolute;top:50%;left:12px;transform:translateY(-50%);pointer-events:none;color:var(--ds-color-muted)}.design-system-page .ds-view-template-search .ds-field{width:100%;padding-left:40px}.design-system-page .ds-view-template-filters [role=group]{display:flex;flex-wrap:wrap;gap:var(--ds-space-2)}.design-system-page .ds-view-list-head{padding:8px 0;color:var(--ds-color-muted);font-size:13px}.design-system-page .ds-view-list-row{align-items:center;min-height:68px;padding:12px 0;border-top:1px solid var(--ds-color-divider)}.design-system-page .ds-view-list-head>:nth-child(1),.design-system-page .ds-view-list-row>:nth-child(1){grid-column:span 4}.design-system-page .ds-view-list-head>:nth-child(2),.design-system-page .ds-view-list-row>:nth-child(2){grid-column:span 3}.design-system-page .ds-view-list-head>:nth-child(3),.design-system-page .ds-view-list-row>:nth-child(3){grid-column:span 3}.design-system-page .ds-view-list-head>:nth-child(4),.design-system-page .ds-view-list-row>:nth-child(4){grid-column:span 2}@media (min-width: 1024px){.design-system-page .ds-view-list-head>:nth-child(1),.design-system-page .ds-view-list-row>:nth-child(1){grid-column:span 3}.design-system-page .ds-view-list-head>:nth-child(2),.design-system-page .ds-view-list-row>:nth-child(2),.design-system-page .ds-view-list-head>:nth-child(3),.design-system-page .ds-view-list-row>:nth-child(3),.design-system-page .ds-view-list-head>:nth-child(4),.design-system-page .ds-view-list-row>:nth-child(4){grid-column:span 2}}.design-system-page .ds-view-list-name{font-weight:650}.design-system-page .ds-view-list-name a,.design-system-page .ds-view-back,.design-system-page .ds-view-dashboard-work a{display:inline-flex;align-items:center;gap:8px;color:var(--ds-color-text);text-decoration:none}.design-system-page .ds-view-list-name a:hover,.design-system-page .ds-view-back:hover,.design-system-page .ds-view-dashboard-work a:hover{color:var(--ds-color-focus)}.design-system-page .ds-view-empty{padding:var(--ds-space-8) 0;color:var(--ds-color-muted)}.design-system-page .ds-view-detail-main{grid-column:span 8}.design-system-page .ds-view-detail-aside{grid-column:span 4}@media (min-width: 1024px){.design-system-page .ds-view-detail-main{grid-column:span 6}.design-system-page .ds-view-detail-aside{grid-column:span 3}}.design-system-page .ds-view-detail-grid>*{min-width:0;padding-top:var(--ds-space-4);border-top:1px solid var(--ds-color-divider)}.design-system-page .ds-view-detail-grid h3,.design-system-page .ds-view-dashboard-grid h3{margin:0 0 var(--ds-space-6);font-size:18px}.design-system-page .ds-view-detail-main>strong{display:block;font-size:24px}.design-system-page .ds-view-detail-main .ds-status{margin-top:var(--ds-space-6)}.design-system-page .ds-view-detail-aside dl,.design-system-page .ds-view-detail-aside dl>div{display:grid;gap:var(--ds-space-2)}.design-system-page .ds-view-detail-aside dl{margin:0;gap:var(--ds-space-4)}.design-system-page .ds-view-detail-aside dt{color:var(--ds-color-muted);font-size:14px}.design-system-page .ds-view-detail-aside dd{margin:0}.design-system-page .ds-view-dashboard-grid{row-gap:var(--ds-space-8)}.design-system-page .ds-view-metric{grid-column:span 4;display:grid;gap:4px;border-top:1px solid var(--ds-color-divider);padding-top:var(--ds-space-3)}.design-system-page .ds-view-dashboard-work{grid-column:span 8}.design-system-page .ds-view-dashboard-next{grid-column:span 4}@media (min-width: 1024px){.design-system-page .ds-view-metric{grid-column:span 3}.design-system-page .ds-view-dashboard-work{grid-column:span 6}.design-system-page .ds-view-dashboard-next{grid-column:span 3}}.design-system-page .ds-view-metric>strong{font-size:clamp(36px,5vw,64px);line-height:1;font-variant-numeric:tabular-nums}.design-system-page .ds-view-metric>small{color:var(--ds-color-muted)}.design-system-page .ds-view-dashboard-work,.design-system-page .ds-view-dashboard-next{min-width:0;border-top:1px solid var(--ds-color-divider);padding-top:var(--ds-space-4)}.design-system-page .ds-view-dashboard-work a{width:100%;justify-content:space-between;flex-wrap:wrap}.design-system-page .ds-view-dashboard-work a>span{color:var(--ds-color-muted)}@media (max-width: 767px){.design-system-page .ds-view-template-header>:first-child,.design-system-page .ds-view-template-header>:last-child:not(:first-child),.design-system-page .ds-view-detail-main,.design-system-page .ds-view-detail-aside,.design-system-page .ds-view-dashboard-work,.design-system-page .ds-view-dashboard-next{grid-column:span 12}.design-system-page .ds-view-template-filters{justify-items:start}.design-system-page .ds-view-list-head{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.design-system-page .ds-view-list-row{row-gap:3px}.design-system-page .ds-view-list-row>:nth-child(1){grid-column:span 12}.design-system-page .ds-view-list-row>:nth-child(2),.design-system-page .ds-view-list-row>:nth-child(3),.design-system-page .ds-view-list-row>:nth-child(4){grid-column:span 4;color:var(--ds-color-muted);font-size:13px}.design-system-page .ds-view-detail-grid{row-gap:var(--ds-space-8)}}.design-system-page .ds-doc-sidebar-links[hidden],.design-system-page .ds-doc-sidebar-links li[hidden],.design-system-page .ds-doc-sidebar-links ul[hidden]{display:none!important}.design-system-page .ds-doc-group-toggle,.design-system-page .ds-doc-submenu-toggle{display:flex;width:100%;min-height:44px;align-items:center;gap:var(--ds-space-2);margin:0;padding:var(--ds-space-2);border:0;border-radius:var(--ds-radius);background:transparent;color:var(--ds-color-muted);font:inherit;font-size:var(--ds-type-small);text-align:start;cursor:pointer}.design-system-page .ds-doc-group-toggle>span,.design-system-page .ds-doc-submenu-toggle>span{flex:1}.design-system-page .ds-doc-group-toggle>.ds-icon,.design-system-page .ds-doc-submenu-toggle>.ds-icon{flex-shrink:0}.design-system-page .ds-doc-group-toggle:hover,.design-system-page .ds-doc-submenu-toggle:hover,.design-system-page .ds-doc-group-toggle[aria-expanded=true]{color:var(--ds-color-text)}.design-system-page .ds-doc-group-toggle[aria-expanded=true]>.ds-icon:last-child,.design-system-page .ds-doc-submenu-toggle[aria-expanded=true]>.ds-icon:last-child{transform:rotate(180deg)}.design-system-page .ds-doc-submenu-toggle{padding-inline-start:calc(18px + var(--ds-space-2))}.design-system-page .ds-doc-topic-with-toggle{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center}.design-system-page .ds-doc-topic-with-toggle>a{min-width:0}.design-system-page .ds-doc-comparison-toggle{display:grid;place-items:center;width:32px;min-height:44px;padding:0;border:0;border-radius:var(--ds-radius);background:transparent;color:var(--ds-color-muted);cursor:pointer}.design-system-page .ds-doc-comparison-toggle:hover{color:var(--ds-color-text)}.design-system-page .ds-doc-comparison-toggle[aria-expanded=true]>.ds-icon{transform:rotate(180deg)}.design-system-page .ds-doc-comparison-link{margin-inline-start:28px}.design-system-page .ds-doc-article :is(.ds-guidance-pair,.ds-doc-guidance-grid){display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));column-gap:var(--ds-grid-gap)}.design-system-page .ds-doc-article .ds-guidance-case>.ds-mini-screen{width:100%;max-width:none;overflow:clip}.design-system-page .ds-doc-article .ds-guidance-case{grid-template-columns:minmax(0,1fr)}.design-system-page .ds-doc-article .ds-guidance-case>*{min-width:0}@media (min-width: 768px){.design-system-page .ds-doc-article :is(.ds-guidance-pair,.ds-doc-guidance-grid)>*{grid-column:span 6}}@media (min-width: 1024px){.design-system-page .ds-doc-article :is(.ds-guidance-pair,.ds-doc-guidance-grid)>:nth-child(odd){grid-column:1 / span 4}.design-system-page .ds-doc-article :is(.ds-guidance-pair,.ds-doc-guidance-grid)>:nth-child(2n){grid-column:6 / span 4}}@media (max-width: 767px){.design-system-page .ds-doc-article :is(.ds-guidance-pair,.ds-doc-guidance-grid){grid-template-columns:minmax(0,1fr)}.design-system-page .ds-doc-article :is(.ds-guidance-pair,.ds-doc-guidance-grid)>*{grid-column:1 / -1}}@media (min-width: 768px){.design-system-page .ds-doc-article :is(.ds-icon-study__gallery,.ds-state-study__grid){grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));column-gap:var(--ds-grid-gap)}.design-system-page .ds-doc-article .ds-icon-study__gallery>li,.design-system-page .ds-doc-article .ds-state-study__grid>.ds-state-study__item{grid-column:span 3;padding-inline:0}.design-system-page .ds-doc-show-panel>.ds-doc-show-screen{grid-column:span 6;width:100%;max-width:none;justify-self:stretch}.design-system-page .ds-doc-show-panel>.ds-doc-show-caption{grid-column:span 6}}@media (min-width: 1024px){.design-system-page .ds-doc-show-panel>.ds-doc-show-screen{grid-column:span 4}.design-system-page .ds-doc-show-panel>.ds-doc-show-caption{grid-column:span 5}}.design-system-page [class*=__eyebrow],.design-system-page .ds-mini-screen__eyebrow,.design-system-page .ds-layout-hero__topline,.design-system-page .ds-layout-hero__section-label,.design-system-page .ds-color-hero__heading,.design-system-page .ds-variables-hero__keyline{display:none!important}.design-system-page .ds-variables-hero__grid{padding-top:0}@media (max-width: 767px){.design-system-page .ds-variables-hero__value{grid-template-columns:minmax(0,1fr) auto}.design-system-page .ds-variables-hero__swatch,.design-system-page .ds-variables-hero__measure,.design-system-page .ds-variables-hero__radius-sample{grid-column:1;grid-row:1}.design-system-page .ds-variables-hero__value-output{grid-column:2;grid-row:1}}.design-system-page .ds-banner-study{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-space-4) var(--ds-grid-gap);align-items:start;margin-block:0 var(--ds-space-8)}.design-system-page .ds-banner-study__intro,.design-system-page .ds-banner-study__banner,.design-system-page .ds-banner-study__controls,.design-system-page .ds-banner-study__context,.design-system-page .ds-banner-study__feedback,.design-system-page .ds-banner-study__principle,.design-system-page .ds-banner-study__detail{grid-column:1 / -1;min-width:0}.design-system-page .ds-banner-study__intro{display:grid;gap:var(--ds-space-2);min-width:0}.design-system-page .ds-banner-study__intro p{max-width:68ch}.design-system-page .ds-banner-study__intro h2{margin:0;color:var(--ds-color-text);font-size:clamp(21px,2.5vw,28px);line-height:1.2;letter-spacing:-.025em}.design-system-page .ds-banner-study__intro p,.design-system-page .ds-banner-study__message p,.design-system-page .ds-banner-study__context-copy p{margin:0;color:var(--ds-color-muted);font-size:16px;line-height:1.55}.design-system-page .ds-banner-study__banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--ds-space-4);padding:clamp(18px,3vw,30px);border:1px solid var(--ds-color-divider);border-inline-start:4px solid var(--ds-color-accent);border-radius:var(--ds-radius);background:var(--ds-color-surface);color:var(--ds-color-text)}.design-system-page .ds-banner-study__banner--connection{border-inline-start-color:var(--ds-color-warning)}.design-system-page .ds-banner-study__banner--maintenance{border-inline-start-color:var(--ds-color-accent)}.design-system-page .ds-banner-study__banner--update{border-inline-start-color:var(--ds-color-success)}.design-system-page .ds-banner-study__mark{display:grid;width:48px;height:48px;place-items:center;border-radius:var(--ds-radius);background:var(--ds-color-canvas);color:var(--ds-color-accent)}.design-system-page .ds-banner-study__banner--connection .ds-banner-study__mark{color:var(--ds-color-warning)}.design-system-page .ds-banner-study__banner--update .ds-banner-study__mark{color:var(--ds-color-success)}.design-system-page .ds-banner-study__message{display:grid;justify-items:start;gap:var(--ds-space-2);min-width:0}.design-system-page .ds-banner-study__message h3{margin:0;color:var(--ds-color-text);font-size:clamp(19px,2vw,23px);font-weight:650;line-height:1.25;letter-spacing:-.02em}.design-system-page .ds-banner-study__action{justify-self:end}.design-system-page .ds-banner-study__action .ds-button{white-space:nowrap}.design-system-page .ds-banner-study__controls{display:grid;grid-template-columns:subgrid;align-items:center;row-gap:var(--ds-space-3);padding-block:var(--ds-space-3);border-block:1px solid var(--ds-color-divider)}.design-system-page .ds-banner-study__controls-label{grid-column:span 3;color:var(--ds-color-muted);font-size:14px;font-weight:600}.design-system-page .ds-banner-study__state-options{grid-column:span 9;display:flex;flex-wrap:wrap;gap:var(--ds-space-2)}.design-system-page .ds-banner-study__context{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-space-3) var(--ds-grid-gap);align-items:center;padding-block:var(--ds-space-3);border-bottom:1px solid var(--ds-color-divider)}.design-system-page .ds-banner-study__context-heading,.design-system-page .ds-banner-study__context-copy,.design-system-page .ds-banner-study__context-status{grid-column:span 4;display:grid;gap:5px;min-width:0}.design-system-page .ds-banner-study__context-heading>span,.design-system-page .ds-banner-study__context-copy>span{color:var(--ds-color-muted);font-size:13px}.design-system-page .ds-banner-study__context-heading strong{font-size:17px}.design-system-page .ds-banner-study__context-status{justify-items:end}.design-system-page .ds-banner-study__detail{display:flex;flex-wrap:wrap;gap:var(--ds-space-2) var(--ds-space-4);padding:var(--ds-space-3) var(--ds-space-4);border-inline-start:2px solid var(--ds-color-accent);background:var(--ds-color-surface);color:var(--ds-color-muted);font-size:15px}.design-system-page .ds-banner-study__detail strong{color:var(--ds-color-text)}.design-system-page .ds-banner-study__feedback{min-height:24px;margin:0;color:var(--ds-color-muted);font-size:14px}.design-system-page .ds-banner-study__principle{display:flex;align-items:flex-start;gap:var(--ds-space-2);padding-top:var(--ds-space-3);border-top:1px solid var(--ds-color-divider);color:var(--ds-color-muted);font-size:14px;line-height:1.5}.design-system-page .ds-banner-study__principle .ds-icon{flex:none;color:var(--ds-color-accent)}.design-system-page .ds-banner-study__detail[hidden]{display:none}@media (min-width: 1024px){.design-system-page .ds-banner-study__state-options{grid-column:span 6}}@media (max-width: 767px){.design-system-page .ds-banner-study__banner{grid-template-columns:auto minmax(0,1fr);align-items:start}.design-system-page .ds-banner-study__action{grid-column:2;justify-self:start}.design-system-page .ds-banner-study__controls{grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr))}.design-system-page .ds-banner-study__controls-label,.design-system-page .ds-banner-study__state-options{grid-column:1 / -1}.design-system-page .ds-banner-study__context{grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr))}.design-system-page .ds-banner-study__context-heading,.design-system-page .ds-banner-study__context-copy{grid-column:1 / span 8}.design-system-page .ds-banner-study__context-status{grid-column:9 / -1;grid-row:1;justify-items:end}}@media (max-width: 420px){.design-system-page .ds-banner-study__banner{grid-template-columns:minmax(0,1fr);gap:var(--ds-space-3);padding:var(--ds-space-4)}.design-system-page .ds-banner-study__action{grid-column:1}.design-system-page .ds-banner-study__context-heading,.design-system-page .ds-banner-study__context-copy,.design-system-page .ds-banner-study__context-status{grid-column:1 / -1;grid-row:auto;justify-items:start}.design-system-page .ds-banner-study__state-options{display:grid;grid-template-columns:minmax(0,1fr)}}.design-system-page .ds-badge-study{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-space-8) var(--ds-grid-gap);margin-block:0 var(--ds-space-8)}.design-system-page .ds-badge-study__primitive{min-width:0;padding-block:var(--ds-space-2) 0}.design-system-page .ds-badge-study__primitive--tag{grid-column:span 5}.design-system-page .ds-badge-study__primitive--badge{grid-column:span 4}.design-system-page .ds-badge-study__primitive--chips{grid-column:1 / -1;padding-top:var(--ds-space-6);border-top:1px solid var(--ds-color-divider)}.design-system-page .ds-badge-study h2,.design-system-page .ds-badge-study h3,.design-system-page .ds-badge-study p{margin:0}.design-system-page .ds-badge-study h2{margin-bottom:var(--ds-space-2);color:var(--ds-color-text);font-size:clamp(22px,2.2vw,27px);line-height:1.25;letter-spacing:-.02em}.design-system-page .ds-badge-study__primitive>p,.design-system-page .ds-badge-study__chips-heading p{color:var(--ds-color-muted);font-size:15px;line-height:1.5}.design-system-page .ds-badge-study__badge-example,.design-system-page .ds-badge-study__tag-example{display:flex;flex-wrap:wrap;min-height:92px;align-items:center;gap:var(--ds-space-3);margin-top:var(--ds-space-3);padding-block:var(--ds-space-3)}.design-system-page .ds-badge-study__badge-example>div,.design-system-page .ds-badge-study__tag-example>div{display:grid;flex:1 1 150px;gap:4px;min-width:0}.design-system-page .ds-badge-study__badge-example>div strong,.design-system-page .ds-badge-study__tag-example>div strong{color:var(--ds-color-text);font-size:16px;line-height:1.35}.design-system-page .ds-badge-study__badge-example>div span,.design-system-page .ds-badge-study__tag-example>div span{color:var(--ds-color-muted);font-size:14px}.design-system-page .ds-badge-study__count{display:inline-grid;min-width:32px;height:32px;flex:none;place-items:center;padding-inline:8px;border-radius:999px;background:var(--ds-color-accent);color:var(--ds-color-on-accent);font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.design-system-page .ds-badge-study__tag{display:inline-flex;min-height:36px;align-items:center;padding-inline:var(--ds-space-3);border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);color:var(--ds-color-text);font-size:15px;white-space:nowrap}.design-system-page .ds-badge-study__guidance{display:grid;gap:var(--ds-space-2);margin:var(--ds-space-3) 0 0;padding-left:1.1rem;color:var(--ds-color-muted);font-size:14px;line-height:1.5}.design-system-page .ds-badge-study__guidance li::marker{color:var(--ds-color-accent)}.design-system-page .ds-badge-study__chips-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--ds-space-3)}.design-system-page .ds-badge-study__filter-list,.design-system-page .ds-badge-study__selected{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-2)}.design-system-page .ds-badge-study__filter-list{margin-top:var(--ds-space-4)}.design-system-page .ds-badge-study__guidance--chips{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-space-3) var(--ds-grid-gap);margin-top:var(--ds-space-4)}.design-system-page .ds-badge-study__filter,.design-system-page .ds-badge-study__remove-chip{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:var(--ds-space-2);padding:0 var(--ds-space-4);border:1px solid var(--ds-color-divider);border-radius:999px;background:var(--ds-color-surface);color:var(--ds-color-text);font:inherit;font-size:16px;font-weight:600;cursor:pointer}.design-system-page .ds-badge-study__filter[aria-pressed=true]{border-color:var(--ds-color-accent);background:color-mix(in srgb,var(--ds-color-accent) 14%,var(--ds-color-surface))}.design-system-page .ds-badge-study__filter:hover,.design-system-page .ds-badge-study__remove-chip:hover{border-color:var(--ds-color-accent)}.design-system-page .ds-badge-study__filter:focus-visible,.design-system-page .ds-badge-study__remove-chip:focus-visible{outline:3px solid color-mix(in srgb,var(--ds-color-accent) 38%,transparent);outline-offset:2px}.design-system-page .ds-badge-study__filter-mark{display:grid;width:20px;height:20px;place-items:center;color:var(--ds-color-accent)}.design-system-page .ds-badge-study__selected{min-height:64px;margin-top:var(--ds-space-3);padding-block:var(--ds-space-2)}.design-system-page .ds-badge-study__selected-label{margin-inline-end:var(--ds-space-2);color:var(--ds-color-muted);font-size:14px;font-weight:600}.design-system-page .ds-badge-study__remove-chip{min-height:44px;padding-inline:var(--ds-space-3);background:transparent;border-color:var(--ds-color-accent)}.design-system-page .ds-badge-study__remove-chip .ds-icon{color:var(--ds-color-accent)}.design-system-page .ds-badge-study__no-filters{color:var(--ds-color-muted);font-size:15px}.design-system-page .ds-badge-study__results{margin-top:var(--ds-space-4)}.design-system-page .ds-badge-study__results-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ds-space-3);margin-bottom:var(--ds-space-2)}.design-system-page .ds-badge-study__results-heading h3{color:var(--ds-color-text);font-size:18px}.design-system-page .ds-badge-study__results-heading>span{color:var(--ds-color-muted);font-size:15px;font-variant-numeric:tabular-nums}.design-system-page .ds-badge-study__results ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--ds-grid-gap);margin:0;padding:0;list-style:none}.design-system-page .ds-badge-study__results li{display:grid;min-width:0;gap:3px;padding-block:var(--ds-space-3)}.design-system-page .ds-badge-study__results li strong{color:var(--ds-color-text);font-size:16px}.design-system-page .ds-badge-study__results li>span{color:var(--ds-color-muted);font-size:14px}.design-system-page .ds-badge-study__empty{display:grid;justify-items:start;gap:var(--ds-space-2);padding-block:var(--ds-space-4)}.design-system-page .ds-badge-study__empty span{color:var(--ds-color-muted)}@media (min-width: 768px) and (max-width: 1023px){.design-system-page .ds-badge-study__primitive--badge,.design-system-page .ds-badge-study__primitive--tag{grid-column:span 6}.design-system-page .ds-badge-study__guidance--chips{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 767px){.design-system-page .ds-badge-study__primitive--badge,.design-system-page .ds-badge-study__primitive--tag,.design-system-page .ds-badge-study__primitive--chips{grid-column:1 / -1}.design-system-page .ds-badge-study__primitive--tag{padding-top:var(--ds-space-6);padding-left:0;border-top:1px solid var(--ds-color-divider);border-left:0}.design-system-page .ds-badge-study__guidance--chips,.design-system-page .ds-badge-study__results ul{grid-template-columns:minmax(0,1fr)}}.design-system-page .ds-card-study{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-space-4) var(--ds-grid-gap);margin-block:0 var(--ds-space-8)}.design-system-page .ds-card-study__intro{grid-column:1 / -1;display:flex;align-items:end;justify-content:space-between;gap:var(--ds-space-4)}.design-system-page .ds-card-study__intro h2,.design-system-page .ds-card-study__intro p{margin:0}.design-system-page .ds-card-study__intro h2{color:var(--ds-color-text);font-size:clamp(19px,2vw,23px);line-height:1.25;letter-spacing:-.02em}.design-system-page .ds-card-study__intro p{margin-top:var(--ds-space-1);color:var(--ds-color-muted);font-size:16px;line-height:1.5}.design-system-page .ds-card-study__grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-space-4) var(--ds-grid-gap);align-items:stretch}.design-system-page .ds-card-study__card{grid-column:span 3;display:grid;grid-template-rows:auto 1fr;min-width:0;overflow:hidden;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-surface)}.design-system-page .ds-card-study__visual{min-height:148px;padding:var(--ds-space-4);border-bottom:1px solid var(--ds-color-divider);background:color-mix(in srgb,var(--ds-color-surface) 90%,var(--ds-color-accent))}.design-system-page .ds-card-study__visual-top{display:flex;align-items:center;gap:var(--ds-space-2)}.design-system-page .ds-card-study__visual-mark{display:grid;width:36px;height:36px;flex:none;place-items:center;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-surface);color:var(--ds-color-accent)}.design-system-page .ds-card-study__visual-lines{display:grid;flex:1;gap:6px}.design-system-page .ds-card-study__visual-lines i,.design-system-page .ds-card-study__project-preview span,.design-system-page .ds-card-study__editorial-preview i,.design-system-page .ds-card-study__review-preview i{display:block;border-radius:2px;background:color-mix(in srgb,var(--ds-color-muted) 24%,transparent)}.design-system-page .ds-card-study__visual-lines i:first-child{width:46%;height:8px}.design-system-page .ds-card-study__visual-lines i:last-child{width:31%;height:6px}.design-system-page .ds-card-study__project-preview{display:flex;align-items:end;gap:var(--ds-space-2);height:70px;margin-top:var(--ds-space-3)}.design-system-page .ds-card-study__project-preview span{flex:1;height:42%;border:1px solid var(--ds-color-divider);background:color-mix(in srgb,var(--ds-color-surface) 72%,var(--ds-color-accent))}.design-system-page .ds-card-study__project-preview span:nth-child(2){height:72%}.design-system-page .ds-card-study__project-preview span:nth-child(3){height:56%}.design-system-page .ds-card-study__card--editorial .ds-card-study__visual{background:color-mix(in srgb,var(--ds-color-surface) 94%,var(--ds-color-text))}.design-system-page .ds-card-study__editorial-preview{display:grid;gap:5px;margin-top:var(--ds-space-4)}.design-system-page .ds-card-study__editorial-preview i{height:5px}.design-system-page .ds-card-study__editorial-preview i:first-child{width:82%;height:9px}.design-system-page .ds-card-study__editorial-preview i:nth-child(3){width:88%}.design-system-page .ds-card-study__editorial-preview i:last-child{width:60%}.design-system-page .ds-card-study__card--review .ds-card-study__visual{background:color-mix(in srgb,var(--ds-color-surface) 88%,var(--ds-color-accent))}.design-system-page .ds-card-study__review-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-space-2);margin-top:var(--ds-space-3)}.design-system-page .ds-card-study__review-preview i{height:34px;border:1px solid var(--ds-color-divider);background:var(--ds-color-surface)}.design-system-page .ds-card-study__content{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:var(--ds-space-4)}.design-system-page .ds-card-study__kind{color:var(--ds-color-muted);font-size:16px;font-weight:600}.design-system-page .ds-card-study__content h3{margin:var(--ds-space-1) 0 0;color:var(--ds-color-text);font-size:20px;line-height:1.3;letter-spacing:-.015em}.design-system-page .ds-card-study__content>p{margin:var(--ds-space-2) 0 0;color:var(--ds-color-text);font-size:16px;line-height:1.5}.design-system-page .ds-card-study__meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--ds-space-3);color:var(--ds-color-muted);font-size:16px}.design-system-page .ds-card-study__content>.ds-button,.design-system-page .ds-card-study__content>button{margin-top:auto}.design-system-page .ds-card-study__details{width:100%;margin-top:var(--ds-space-4);padding-top:var(--ds-space-3);border-top:1px solid var(--ds-color-divider)}.design-system-page .ds-card-study__details h4{margin:0;color:var(--ds-color-text);font-size:16px}.design-system-page .ds-card-study__details p{margin:var(--ds-space-1) 0 0;color:var(--ds-color-muted);font-size:16px;line-height:1.5}.design-system-page .ds-card-study__detail-state{display:block;margin-top:var(--ds-space-2);color:var(--ds-color-muted);font-size:16px}.design-system-page .ds-card-study__feedback{grid-column:1 / -1;min-height:24px;margin:0;color:var(--ds-color-muted);font-size:16px}@media (min-width: 768px) and (max-width: 1023px){.design-system-page .ds-card-study__card{grid-column:span 6}}@media (max-width: 767px){.design-system-page .ds-card-study__intro{align-items:flex-start;flex-direction:column}.design-system-page .ds-card-study__card{grid-column:1 / -1}}.design-system-page .ds-container-study{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-space-4) var(--ds-grid-gap);margin-block:0 var(--ds-space-8)}.design-system-page .ds-container-study__intro,.design-system-page .ds-container-study__controls,.design-system-page .ds-container-study__preview,.design-system-page .ds-container-study__legend,.design-system-page .ds-container-study__feedback{grid-column:1 / -1;min-width:0}.design-system-page .ds-container-study__intro{display:flex;align-items:end;justify-content:space-between;gap:var(--ds-space-4)}.design-system-page .ds-container-study__intro h2,.design-system-page .ds-container-study__intro p,.design-system-page .ds-container-study__project-head h3,.design-system-page .ds-container-study__project-head p,.design-system-page .ds-container-study__group p{margin:0}.design-system-page .ds-container-study__intro h2{color:var(--ds-color-text);font-size:clamp(20px,2.3vw,26px);line-height:1.25;letter-spacing:-.025em}.design-system-page .ds-container-study__intro p{margin-top:var(--ds-space-1);color:var(--ds-color-muted);font-size:16px;line-height:1.5}.design-system-page .ds-container-study__controls{display:flex;align-items:stretch;flex-wrap:wrap;gap:var(--ds-space-2);padding-block:var(--ds-space-3);border-block:1px solid var(--ds-color-divider)}.design-system-page .ds-container-study__choice{display:inline-flex;min-height:44px;align-items:center;gap:var(--ds-space-2);padding:0 var(--ds-space-3);border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius);background:var(--ds-color-surface);color:var(--ds-color-text);font:inherit;font-size:16px;cursor:pointer}.design-system-page .ds-container-study__choice.is-selected{border-color:var(--ds-color-accent);color:var(--ds-color-accent);font-weight:650}.design-system-page .ds-container-study__choice:focus-visible{outline:3px solid var(--ds-color-accent);outline-offset:2px}.design-system-page .ds-container-study__choice-mark{display:inline-grid;width:20px;height:20px;place-items:center;font-size:14px}.design-system-page .ds-container-study__control-note{align-self:center;margin-left:auto;color:var(--ds-color-muted);font-size:16px}.design-system-page .ds-container-study__preview{display:grid;gap:var(--ds-space-6);min-width:0;padding-block:var(--ds-space-4)}.design-system-page .ds-container-study__project-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ds-space-4);padding-bottom:var(--ds-space-4);border-bottom:1px solid var(--ds-color-divider)}.design-system-page .ds-container-study__project-head>div:first-child{display:grid;gap:var(--ds-space-2);min-width:0}.design-system-page .ds-container-study__project-head h3{color:var(--ds-color-text);font-size:clamp(23px,3vw,34px);line-height:1.15;letter-spacing:-.035em}.design-system-page .ds-container-study__project-head p,.design-system-page .ds-container-study__group p{color:var(--ds-color-text);font-size:16px;line-height:1.55}.design-system-page .ds-container-study__project-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--ds-space-2)}.design-system-page .ds-container-study__edit-field{display:grid;gap:var(--ds-space-1);color:var(--ds-color-text);font-size:16px;font-weight:600}.design-system-page .ds-container-study__edit-field .ds-field{width:min(100%,620px);font:inherit;font-weight:400}.design-system-page .ds-container-study__groups{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-space-4) var(--ds-grid-gap);align-items:stretch}.design-system-page .ds-container-study__group{grid-column:span 4;display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:var(--ds-space-3);padding:var(--ds-space-4);border:1px solid transparent;border-radius:var(--ds-radius);transition:background-color .18s ease,border-color .18s ease}.design-system-page .ds-container-study__group h4{margin:0;color:var(--ds-color-text);font-size:20px;line-height:1.3}.design-system-page .ds-container-study__facts{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-space-3);margin:var(--ds-space-1) 0 0}.design-system-page .ds-container-study__facts div{display:grid;gap:var(--ds-space-1)}.design-system-page .ds-container-study__facts dt,.design-system-page .ds-container-study__next>span:last-child{color:var(--ds-color-muted);font-size:16px}.design-system-page .ds-container-study__facts dd{margin:0;color:var(--ds-color-text);font-size:16px}.design-system-page .ds-container-study__next{display:flex;width:100%;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--ds-space-3);padding-top:var(--ds-space-3);border-top:1px solid var(--ds-color-divider)}.design-system-page .ds-container-study__next>span:first-child{display:grid;gap:var(--ds-space-1)}.design-system-page .ds-container-study__next strong{color:var(--ds-color-text);font-size:16px}.design-system-page .ds-container-study__next>span:first-child>span{color:var(--ds-color-muted);font-size:16px}.design-system-page .ds-container-study__preview--outline .ds-container-study__group{border-color:var(--ds-color-divider)}.design-system-page .ds-container-study__preview--surface .ds-container-study__group{background:color-mix(in srgb,var(--ds-color-surface) 90%,var(--ds-color-accent))}.design-system-page .ds-container-study__legend{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4)}.design-system-page .ds-container-study__legend p{display:grid;gap:var(--ds-space-1);margin:0;color:var(--ds-color-text);font-size:16px;line-height:1.5}.design-system-page .ds-container-study__legend p strong{font-size:18px}.design-system-page .ds-container-study__legend p span,.design-system-page .ds-container-study__shared-rule{color:var(--ds-color-muted)}.design-system-page .ds-container-study__shared-rule{display:inline-flex;align-items:center;gap:var(--ds-space-2);font-size:16px;white-space:nowrap}.design-system-page .ds-container-study__shared-rule i{width:32px;height:2px;background:var(--ds-color-accent)}.design-system-page .ds-container-study__feedback{min-height:24px;margin:0;color:var(--ds-color-muted);font-size:16px}@media (prefers-reduced-motion: reduce){.design-system-page .ds-container-study__group{transition:none}}@media (min-width: 1024px){.design-system-page .ds-container-study__group:last-child{grid-column:span 5}}@media (min-width: 768px) and (max-width: 1023px){.design-system-page .ds-container-study__group{grid-column:span 6}}@media (max-width: 767px){.design-system-page .ds-container-study__intro,.design-system-page .ds-container-study__project-head,.design-system-page .ds-container-study__legend{align-items:flex-start;flex-direction:column}.design-system-page .ds-container-study__control-note{width:100%;margin-left:0}.design-system-page .ds-container-study__preview{padding-block:var(--ds-space-3)}.design-system-page .ds-container-study__group{grid-column:1 / -1}.design-system-page .ds-container-study__facts{grid-template-columns:1fr}.design-system-page .ds-container-study__project-actions{justify-content:flex-start}.design-system-page .ds-container-study__shared-rule{white-space:normal}}.design-system-page .ds-toolbar-study{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-space-5) var(--ds-grid-gap);margin-block:0 var(--ds-space-8)}.design-system-page .ds-toolbar-study>*{grid-column:1 / -1;min-width:0}.design-system-page .ds-toolbar-study__intro{display:flex;align-items:end;justify-content:space-between;gap:var(--ds-space-4)}.design-system-page .ds-toolbar-study__intro h2,.design-system-page .ds-toolbar-study__intro p{margin:0}.design-system-page .ds-toolbar-study__intro h2{color:var(--ds-color-text);font-size:clamp(22px,2.5vw,30px);font-weight:650;line-height:1.2;letter-spacing:-.035em}.design-system-page .ds-toolbar-study__intro p{max-width:68ch;margin-top:var(--ds-space-2);color:var(--ds-color-muted);font-size:16px;line-height:1.55}.design-system-page .ds-toolbar-study__canvas{min-width:0;padding:0;background:transparent;color:var(--ds-color-text)}.design-system-page .ds-toolbar-study__workspace{width:min(100%,1120px);min-width:0;margin-inline:auto}.design-system-page .ds-toolbar-study__file{display:flex;min-height:64px;align-items:center;gap:var(--ds-space-3);padding:0 var(--ds-space-4);border:1px solid var(--ds-color-divider);border-bottom:0;background:var(--ds-color-surface)}.design-system-page .ds-toolbar-study__file-icon{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;background:var(--ds-color-canvas);color:var(--ds-color-accent)}.design-system-page .ds-toolbar-study__file>div{display:grid;gap:2px;min-width:0}.design-system-page .ds-toolbar-study__file strong{font-size:16px;font-weight:650}.design-system-page .ds-toolbar-study__file>div>span{color:var(--ds-color-muted);font-size:14px}.design-system-page .ds-toolbar-study__save-state{display:inline-flex;align-items:center;gap:8px;margin-left:auto;color:var(--ds-color-muted);font-size:14px;white-space:nowrap}.design-system-page .ds-toolbar-study__save-state i{width:8px;height:8px;border-radius:50%;background:var(--ds-color-success)}.design-system-page .ds-toolbar-study__save-state.is-dirty i{background:var(--ds-color-warning)}.design-system-page .ds-toolbar-study__toolbar{display:flex;min-height:56px;align-items:center;flex-wrap:wrap;gap:var(--ds-space-3);padding:var(--ds-space-2) var(--ds-space-4);border:1px solid var(--ds-color-divider);background:var(--ds-color-surface)}.design-system-page .ds-toolbar-study__tool-cluster{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--ds-color-divider);border-radius:var(--ds-radius)}.design-system-page .ds-toolbar-study__tool{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;gap:9px;padding:0 12px;border:1px solid transparent;border-radius:calc(var(--ds-radius) * .75);background:transparent;color:var(--ds-color-text);font:inherit;font-size:15px;cursor:pointer}.design-system-page .ds-toolbar-study__tool:hover:not(:disabled){background:color-mix(in srgb,var(--ds-color-text) 12%,transparent);color:var(--ds-color-text)}.design-system-page .ds-toolbar-study__tool.is-current{border-color:var(--ds-color-control);background:color-mix(in srgb,var(--ds-color-text) 15%,transparent);color:var(--ds-color-text)}.design-system-page .ds-toolbar-study__tool:disabled{color:var(--ds-color-muted);cursor:not-allowed}.design-system-page .ds-toolbar-study__tool .ds-icon{width:18px;height:18px}.design-system-page .ds-toolbar-study__toolbar-divider{width:1px;height:32px;background:var(--ds-color-divider)}.design-system-page .ds-toolbar-study__key-hint{margin-left:auto;color:var(--ds-color-muted);font-size:14px}.design-system-page .ds-toolbar-study__document{min-height:280px;padding:var(--ds-space-4);background:var(--ds-color-canvas);color:var(--ds-color-text)}.design-system-page .ds-toolbar-study__editor,.design-system-page .ds-toolbar-study__preview{width:min(100%,760px);margin-inline:auto}.design-system-page .ds-toolbar-study__editor{display:grid;gap:var(--ds-space-4)}.design-system-page .ds-toolbar-study__field{display:grid;gap:var(--ds-space-2);color:var(--ds-color-text);font-size:15px;font-weight:650}.design-system-page .ds-toolbar-study__field input,.design-system-page .ds-toolbar-study__field textarea{width:100%;min-width:0;padding:12px 14px;border:1px solid var(--ds-color-control);border-radius:var(--ds-radius);background:var(--ds-color-surface);color:var(--ds-color-text);font:inherit;font-size:17px;font-weight:400;line-height:1.6;resize:vertical}.design-system-page .ds-toolbar-study__field input{min-height:52px;font-size:20px;font-weight:600;letter-spacing:-.02em}.design-system-page .ds-toolbar-study__field :is(input,textarea):focus-visible{outline:3px solid var(--ds-color-focus);outline-offset:2px}.design-system-page .ds-toolbar-study__character-count{justify-self:end;color:var(--ds-color-muted);font-size:14px}.design-system-page .ds-toolbar-study__preview{display:grid;align-content:center;min-height:140px;gap:var(--ds-space-4)}.design-system-page .ds-toolbar-study__preview-mark{color:var(--ds-color-muted);font-size:15px;font-weight:600}.design-system-page .ds-toolbar-study__preview h3{max-width:22ch;margin:0;color:var(--ds-color-text);font-size:clamp(28px,4vw,42px);line-height:1.12;letter-spacing:-.04em}.design-system-page .ds-toolbar-study__preview p{max-width:68ch;margin:0;color:var(--ds-color-muted);font-size:17px;line-height:1.7}.design-system-page .ds-toolbar-study__actions{display:flex;min-height:84px;align-items:center;justify-content:space-between;gap:var(--ds-space-4);padding:var(--ds-space-3) var(--ds-space-4);border:1px solid var(--ds-color-divider);border-top:0;background:var(--ds-color-surface)}.design-system-page .ds-toolbar-study__feedback{min-width:0;margin:0;color:var(--ds-color-muted);font-size:15px;line-height:1.45}.design-system-page .ds-toolbar-study__action-group{display:flex;flex:0 0 auto;align-items:center;gap:var(--ds-space-2)}.design-system-page .ds-toolbar-study__action-group .ds-button:disabled{opacity:.55;cursor:not-allowed}.design-system-page .ds-toolbar-study__principle{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ds-space-4);padding-top:var(--ds-space-2)}.design-system-page .ds-toolbar-study__principle p{max-width:78ch;margin:0;color:var(--ds-color-muted);font-size:16px;line-height:1.6}.design-system-page .ds-toolbar-study__principle strong{color:var(--ds-color-text)}.design-system-page .ds-toolbar-study__principle>span{color:var(--ds-color-muted);font-size:14px;white-space:nowrap}.design-system-page .ds-toolbar-study .ds-focus:focus-visible{outline:3px solid var(--ds-color-focus);outline-offset:2px}@media (max-width: 767px){.design-system-page .ds-toolbar-study__intro,.design-system-page .ds-toolbar-study__actions,.design-system-page .ds-toolbar-study__principle{align-items:flex-start;flex-direction:column}.design-system-page .ds-toolbar-study__intro .ds-button{width:fit-content}.design-system-page .ds-toolbar-study__canvas{padding:12px}.design-system-page .ds-toolbar-study__file,.design-system-page .ds-toolbar-study__toolbar,.design-system-page .ds-toolbar-study__actions{padding-inline:12px}.design-system-page .ds-toolbar-study__toolbar{gap:8px}.design-system-page .ds-toolbar-study__tool{gap:6px;padding-inline:9px}.design-system-page .ds-toolbar-study__key-hint{width:100%;margin-left:0;padding-left:4px}.design-system-page .ds-toolbar-study__document{min-height:300px;padding:24px 16px}.design-system-page .ds-toolbar-study__action-group{width:100%;flex-wrap:wrap}.design-system-page .ds-toolbar-study__principle>span{white-space:normal}}@media (prefers-reduced-motion: reduce){.design-system-page .ds-toolbar-study *,.design-system-page .ds-toolbar-study *:before,.design-system-page .ds-toolbar-study *:after{scroll-behavior:auto;transition-duration:.01ms!important}}.design-system-page .ds-driving-specimen{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-space-6) var(--ds-grid-gap);align-items:center;margin-block:var(--ds-space-4) var(--ds-space-8);min-width:0}.design-system-page .ds-driving-specimen__copy{grid-column:span 4;min-width:0;padding-block:var(--ds-space-5)}.design-system-page .ds-driving-specimen__context,.design-system-page .ds-driving-specimen__street,.design-system-page .ds-driving-specimen__route-top,.design-system-page .ds-driving-specimen__route-bottom{flex-wrap:wrap;display:flex;align-items:center}.design-system-page .ds-driving-specimen__context{gap:10px;margin:0 0 var(--ds-space-5);color:var(--ds-color-muted);font-size:15px;letter-spacing:.015em}.design-system-page .ds-driving-specimen__context>span:first-child{width:8px;height:8px;border-radius:50%;background:#9dbdff;box-shadow:0 0 0 4px #9dbdff24}.design-system-page .ds-driving-specimen__instruction{display:flex;align-items:flex-start;gap:16px}.design-system-page .ds-driving-specimen__turn{display:grid;width:58px;height:58px;flex:0 0 auto;place-items:center;margin-top:8px;border-radius:17px;background:var(--ds-color-accent);color:#08111f}.design-system-page .ds-driving-specimen__instruction h2{margin:0;color:var(--ds-color-text);font-size:clamp(38px,5vw,64px);font-weight:650;letter-spacing:-.055em;line-height:.98}.design-system-page .ds-driving-specimen__instruction h2 span{color:var(--ds-color-accent)}.design-system-page .ds-driving-specimen__street{gap:10px;margin:var(--ds-space-4) 0 0 74px;color:var(--ds-color-text);font-size:19px;font-weight:550}.design-system-page .ds-driving-specimen__street svg{color:var(--ds-color-accent)}.design-system-page .ds-driving-specimen__stats{display:flex;align-items:center;gap:var(--ds-space-4);margin:var(--ds-space-5) 0 0 74px}.design-system-page .ds-driving-specimen__stats span{display:grid;gap:3px}.design-system-page .ds-driving-specimen__stats strong{color:var(--ds-color-text);font-size:19px;font-variant-numeric:tabular-nums}.design-system-page .ds-driving-specimen__stats small{color:var(--ds-color-muted);font-size:13px}.design-system-page .ds-driving-specimen__stats i{width:1px;height:32px;background:var(--ds-color-divider)}.design-system-page .ds-driving-specimen__note{max-width:360px;margin:var(--ds-space-5) 0 0 74px;color:var(--ds-color-muted);font-size:15px;line-height:1.55}.design-system-page .ds-driving-specimen__route{grid-column:span 5;position:relative;min-width:0;overflow:hidden;border:1px solid #354154;border-radius:22px;background:#111a27;color:#f2f5fa}.design-system-page .ds-driving-specimen__route-top{justify-content:space-between;gap:12px;padding:18px 20px 0;color:#c3cddd;font-size:13px}.design-system-page .ds-driving-specimen__route-top span:first-child{display:inline-flex;align-items:center;gap:8px}.design-system-page .ds-driving-specimen__route-top svg{color:#b8c9ea}.design-system-page .ds-driving-specimen__map{display:block;width:100%;height:auto;min-height:210px}.design-system-page .ds-driving-specimen__road-edge{fill:none;stroke:#273446;stroke-width:66px}.design-system-page .ds-driving-specimen__road{fill:none;stroke:#3b485b;stroke-width:54px}.design-system-page .ds-driving-specimen__road-center{fill:none;stroke:#78859a;stroke-width:2px;stroke-dasharray:5 13}.design-system-page .ds-driving-specimen__route-line{fill:none;stroke:#a8c4ff;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.design-system-page .ds-driving-specimen__route-dot{fill:#a8c4ff;stroke:#24324a;stroke-width:7px}.design-system-page .ds-driving-specimen__turn-ring{fill:#111a27;stroke:#a8c4ff;stroke-width:3px}.design-system-page .ds-driving-specimen__turn-icon{fill:none;stroke:#d7e3ff;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.design-system-page .ds-driving-specimen__street-label{fill:#c4cfdf;font:600 11px Instrument Sans,sans-serif;letter-spacing:1.8px}.design-system-page .ds-driving-specimen__street-label--vertical{transform:rotate(-90deg);transform-origin:56px 224px;fill:#a6b2c4;font-size:9px}.design-system-page .ds-driving-specimen__route-bottom{justify-content:space-between;gap:14px;padding:0 20px 18px;color:#c3cddd;font-size:12px}.design-system-page .ds-driving-specimen__route-bottom>span{display:inline-flex;align-items:center;gap:8px}.design-system-page .ds-driving-specimen__legend-dot{width:8px;height:8px;border-radius:50%;background:#a8c4ff}.design-system-page .ds-driving-specimen__route-bottom>span:nth-child(2) svg{color:#e3c980}@media (min-width: 768px) and (max-width: 1023px){.design-system-page .ds-driving-specimen__copy,.design-system-page .ds-driving-specimen__route{grid-column:span 6}.design-system-page .ds-driving-specimen__instruction h2{font-size:clamp(38px,5vw,56px)}}@media (max-width: 767px){.design-system-page .ds-driving-specimen{gap:var(--ds-space-3)}.design-system-page .ds-driving-specimen__copy,.design-system-page .ds-driving-specimen__route{grid-column:1 / -1}.design-system-page .ds-driving-specimen__copy{padding-block:var(--ds-space-2)}.design-system-page .ds-driving-specimen__instruction h2{font-size:clamp(42px,12vw,58px)}.design-system-page .ds-driving-specimen__route{border-radius:17px}.design-system-page .ds-driving-specimen__map{min-height:0}.design-system-page .ds-driving-specimen__route-bottom{flex-wrap:wrap}}.design-system-page .ds-platform-study{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-space-3) var(--ds-grid-gap);margin-block:var(--ds-space-4) var(--ds-space-8);min-width:0}.design-system-page .ds-platform-study__controls,.design-system-page .ds-platform-study__feedback,.design-system-page .ds-platform-study__devices{grid-column:1 / -1;min-width:0}.design-system-page .ds-platform-study__controls{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4);flex-wrap:wrap;padding-block:var(--ds-space-3);border-block:1px solid var(--ds-color-divider)}.design-system-page .ds-platform-study__controls>div:first-child{display:grid;gap:4px}.design-system-page .ds-platform-study__controls strong{color:var(--ds-color-text);font-size:19px;letter-spacing:-.02em}.design-system-page .ds-platform-study__controls>div:first-child>span{color:var(--ds-color-muted);font-size:15px}.design-system-page .ds-platform-study__choices{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:4px;border:1px solid var(--ds-color-divider);border-radius:11px;background:var(--ds-color-surface)}.design-system-page .ds-platform-study__choice,.design-system-page .ds-platform-study__reset{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid var(--ds-color-divider);border-radius:9px;background:var(--ds-color-surface);color:var(--ds-color-text);font:inherit;font-size:14px;cursor:pointer}.design-system-page .ds-platform-study__choice.is-selected{border-color:var(--ds-color-accent);background:var(--ds-color-accent);color:#111722;font-weight:650}.design-system-page .ds-platform-study__choice[role=tab]:not(.is-selected){border-color:transparent;background:transparent}.design-system-page .ds-platform-study__choice:hover:not(.is-selected){background:color-mix(in srgb,var(--ds-color-accent) 9%,var(--ds-color-surface))}.design-system-page .ds-platform-study__reset{border-color:transparent;background:transparent;color:var(--ds-color-muted);text-decoration:underline;text-underline-offset:3px}.design-system-page .ds-platform-study__choice:focus-visible,.design-system-page .ds-platform-study__reset:focus-visible{outline:3px solid var(--ds-color-accent);outline-offset:2px}.design-system-page .ds-platform-study__feedback{min-height:0;margin:0;color:var(--ds-color-muted);font-size:14px}.design-system-page .ds-platform-study__feedback strong{color:var(--ds-color-text)}.design-system-page .ds-platform-study__devices{display:grid;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-space-4) var(--ds-grid-gap);align-items:stretch}.design-system-page .ds-platform-study__platform{display:grid;grid-column:1 / -1;min-width:0;gap:var(--ds-space-3)}.design-system-page .ds-platform-study__platform:focus-visible{outline:3px solid var(--ds-color-accent);outline-offset:4px}.design-system-page .ds-platform-study__platform-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:var(--ds-space-2);border-bottom:1px solid var(--ds-color-divider);color:var(--ds-color-muted);font-size:14px}.design-system-page .ds-platform-study__platform-name{color:var(--ds-color-text);font-size:20px;font-weight:650;letter-spacing:-.025em}.design-system-page .ds-platform-study__platform-layout{display:grid;grid-column:1 / -1;grid-template-columns:repeat(var(--ds-article-columns),minmax(0,1fr));gap:var(--ds-space-5) var(--ds-grid-gap);align-items:center;min-width:0}.design-system-page .ds-platform-study__device{grid-column:span 5;min-width:0}.design-system-page .ds-platform-study__device .ds-platform-study__android,.design-system-page .ds-platform-study__device .ds-platform-study__ios{width:min(100%,360px);margin-inline:auto}.design-system-page .ds-platform-study__guidance{grid-column:span 4;min-width:0;align-self:center;padding:var(--ds-space-4);border-left:2px solid var(--ds-color-accent);background:color-mix(in srgb,var(--ds-color-accent) 5%,var(--ds-color-surface))}.design-system-page .ds-platform-study__guidance h3{margin:0;color:var(--ds-color-text);font-size:clamp(22px,2.4vw,30px);letter-spacing:-.035em}.design-system-page .ds-platform-study__guidance>p{margin:var(--ds-space-2) 0 var(--ds-space-4);color:var(--ds-color-muted);font-size:15px;line-height:1.55}.design-system-page .ds-platform-study__guidance ul{display:grid;gap:var(--ds-space-3);margin:0;padding:0;list-style:none}.design-system-page .ds-platform-study__guidance li{display:grid;gap:4px;padding-top:var(--ds-space-2);border-top:1px solid var(--ds-color-divider)}.design-system-page .ds-platform-study__guidance li strong{color:var(--ds-color-text);font-size:15px}.design-system-page .ds-platform-study__guidance li span{color:var(--ds-color-muted);font-size:14px;line-height:1.5}.design-system-page .ds-platform-study__platform-layout--web .ds-platform-study__web,.design-system-page .ds-platform-study__guidance--web{grid-column:1 / -1}.design-system-page .ds-platform-study__platform-layout--web .ds-platform-study__web{min-height:400px;grid-template-columns:minmax(190px,24%) minmax(0,1fr)}.design-system-page .ds-platform-study__platform-layout--web .ds-platform-study__web-sidebar{padding:22px}.design-system-page .ds-platform-study__platform-layout--web .ds-platform-study__web-main{padding-inline:clamp(18px,4vw,52px)}.design-system-page .ds-platform-study__platform-layout--web .ds-platform-study__web-project{padding:18px}.design-system-page .ds-platform-study__platform-layout--web .ds-platform-study__web-heading h3{font-size:clamp(25px,3vw,36px)}.design-system-page .ds-platform-study__platform-layout--web .ds-platform-study__web-project p,.design-system-page .ds-platform-study__platform-layout--web .ds-platform-study__web-focus{font-size:14px}.design-system-page .ds-platform-study__platform-layout--web .ds-platform-study__web-project-head strong{font-size:16px}.design-system-page .ds-platform-study__platform-layout--web .ds-platform-study__web-project-head small,.design-system-page .ds-platform-study__platform-layout--web .ds-platform-study__web-project-foot{font-size:12px}.design-system-page .ds-platform-study__android,.design-system-page .ds-platform-study__ios,.design-system-page .ds-platform-study__web{min-width:0;overflow:hidden;color:#f4f5f7;font-family:Instrument Sans,sans-serif}.design-system-page .ds-platform-study__android{position:relative;display:flex;min-height:465px;flex-direction:column;border:5px solid #303640;border-radius:28px;background:#f7f5f1;color:#20242c}.design-system-page .ds-platform-study__android-status,.design-system-page .ds-platform-study__ios-status{display:flex;height:30px;flex:0 0 auto;align-items:center;justify-content:space-between;padding-inline:16px;font-size:11px;font-weight:650}.design-system-page .ds-platform-study__android-appbar{display:flex;height:52px;align-items:center;justify-content:space-between;padding-inline:15px;border-bottom:1px solid #e5e1db;color:#292d35}.design-system-page .ds-platform-study__android-appbar strong{font-size:17px}.design-system-page .ds-platform-study__android-content{display:grid;flex:1;align-content:start;gap:16px;padding:21px 14px 58px}.design-system-page .ds-platform-study__welcome>span,.design-system-page .ds-platform-study__ios-date{color:#6a6a70;font-size:10px;font-weight:650;letter-spacing:.1em}.design-system-page .ds-platform-study__welcome h3{margin:7px 0 0;font-size:26px;letter-spacing:-.04em;line-height:1.07}.design-system-page .ds-platform-study__task{border:1px solid #e5e1dc;border-radius:14px;background:#fff;color:#252a33}.design-system-page .ds-platform-study__task--android{padding:13px}.design-system-page .ds-platform-study__task-title,.design-system-page .ds-platform-study__task-detail,.design-system-page .ds-platform-study__task-footer,.design-system-page .ds-platform-study__ios-task-head,.design-system-page .ds-platform-study__ios-meta,.design-system-page .ds-platform-study__ios-team{display:flex;align-items:center}.design-system-page .ds-platform-study__task-title>span:nth-child(2),.design-system-page .ds-platform-study__ios-task-head>span:nth-child(2){display:grid;gap:3px;min-width:0;margin-left:9px}.design-system-page .ds-platform-study__task-title strong,.design-system-page .ds-platform-study__ios-task-head strong{font-size:14px}.design-system-page .ds-platform-study__task-title small,.design-system-page .ds-platform-study__ios-task-head small{color:#717780;font-size:11px}.design-system-page .ds-platform-study__atlas-mark{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:10px;background:#dce7fc;color:#24559e;font-size:16px;font-weight:750}.design-system-page .ds-platform-study__task-detail{gap:8px;margin-top:15px;color:#626b77;font-size:11px}.design-system-page .ds-platform-study__avatar-stack{display:inline-flex}.design-system-page .ds-platform-study__avatar-stack i{display:grid;width:23px;height:23px;place-items:center;margin-right:-5px;border:2px solid #fff;border-radius:50%;background:#d6e4df;color:#344a43;font-size:8px;font-style:normal;font-weight:700}.design-system-page .ds-platform-study__avatar-stack i:nth-child(2){background:#f2ddc5;color:#765337}.design-system-page .ds-platform-study__avatar-stack i:nth-child(3){background:#e5e3ef;color:#4c4861}.design-system-page .ds-platform-study__task-footer{justify-content:space-between;gap:6px;margin-top:13px;padding-top:10px;border-top:1px solid #eeece8;color:#727982;font-size:10px}.design-system-page .ds-platform-study__status{display:inline-flex;align-items:center;gap:5px;color:#406a55;font-weight:600}.design-system-page .ds-platform-study__status i{width:7px;height:7px;border-radius:50%;background:#57936e}.design-system-page .ds-platform-study__android-row{display:flex;align-items:center;justify-content:space-between;padding:8px 3px;color:#424851;font-size:12px}.design-system-page .ds-platform-study__android-row>span{display:flex;align-items:center;gap:8px}.design-system-page .ds-platform-study__bottom-nav,.design-system-page .ds-platform-study__ios-tabbar{position:absolute;right:0;bottom:13px;left:0;display:grid;grid-template-columns:repeat(3,1fr);min-height:54px;align-items:center;border-top:1px solid #e8e4df;background:#f8f6f2}.design-system-page .ds-platform-study__bottom-nav span,.design-system-page .ds-platform-study__ios-tabbar span{display:grid;justify-items:center;gap:3px;color:#626973;font-size:9px}.design-system-page .ds-platform-study__bottom-nav .is-active{color:#345a96;font-weight:700}.design-system-page .ds-platform-study__gesture,.design-system-page .ds-platform-study__ios-home{position:absolute;right:36%;bottom:4px;left:36%;height:3px;border-radius:9px;background:#373b41}.design-system-page .ds-platform-study__ios{position:relative;display:flex;min-height:465px;flex-direction:column;border:5px solid #343944;border-radius:28px;background:#f4f5f8;color:#1e2229}.design-system-page .ds-platform-study__ios-status{padding-inline:17px}.design-system-page .ds-platform-study__ios-nav{display:flex;height:44px;align-items:center;justify-content:space-between;padding-inline:12px;border-bottom:1px solid #e2e3e8}.design-system-page .ds-platform-study__ios-nav span:first-child{display:flex;align-items:center;color:#3568bd;font-size:12px}.design-system-page .ds-platform-study__ios-nav strong{font-size:14px}.design-system-page .ds-platform-study__ios-nav span:last-child{width:48px}.design-system-page .ds-platform-study__ios-content{padding:23px 14px 70px}.design-system-page .ds-platform-study__ios-content h3{margin:7px 0 19px;font-size:28px;letter-spacing:-.045em;line-height:1.02}.design-system-page .ds-platform-study__task--ios{padding:14px;border-radius:16px}.design-system-page .ds-platform-study__ios-progress,.design-system-page .ds-platform-study__web-progress{height:5px;margin-top:16px;overflow:hidden;border-radius:8px;background:#e9edf2}.design-system-page .ds-platform-study__ios-progress i,.design-system-page .ds-platform-study__web-progress i{display:block;width:63%;height:100%;border-radius:inherit;background:#6386c3}.design-system-page .ds-platform-study__ios-meta{justify-content:space-between;margin-top:8px;color:#757b85;font-size:10px}.design-system-page .ds-platform-study__ios-meta span:first-child{color:#426a53;font-weight:650}.design-system-page .ds-platform-study__ios-team{gap:8px;margin-top:13px;padding-top:11px;border-top:1px solid #eceef1;color:#69717d;font-size:10px}.design-system-page .ds-platform-study__ios-caption{margin:14px 2px;color:#717782;font-size:11px;line-height:1.45}.design-system-page .ds-platform-study__ios-tabbar{bottom:13px;border-color:#e3e4e9;background:#f7f7f9}.design-system-page .ds-platform-study__ios-tabbar .is-active{color:#3f68a9;font-weight:700}.design-system-page .ds-platform-study__ios-home{background:#252932}.design-system-page .ds-platform-study__web{display:grid;min-height:465px;grid-template-columns:36% minmax(0,1fr);border:1px solid #343a45;border-radius:11px;background:#202630}.design-system-page .ds-platform-study__web-sidebar{position:relative;display:flex;flex-direction:column;gap:9px;padding:15px 9px;border-right:1px solid #353d49;background:#1c222c}.design-system-page .ds-platform-study__web-brand{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:15px}.design-system-page .ds-platform-study__web-brand .ds-platform-study__atlas-mark{width:27px;height:27px;border-radius:8px;background:#d6e4ff}.design-system-page .ds-platform-study__web-workspace{margin-bottom:2px;color:#8994a5;font-size:8px;font-weight:700;letter-spacing:.1em}.design-system-page .ds-platform-study__web-sidebar>span:not(.ds-platform-study__web-workspace){display:flex;min-height:32px;align-items:center;gap:7px;padding-inline:7px;border-radius:6px;color:#bdc5d0;font-size:10px}.design-system-page .ds-platform-study__web-sidebar>span.is-active{background:#303c50;color:#d8e5ff}.design-system-page .ds-platform-study__web-profile{position:absolute;right:8px;bottom:12px;left:8px;display:flex;align-items:center;gap:6px;padding-top:10px;border-top:1px solid #353d49}.design-system-page .ds-platform-study__web-profile>i{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#e7d7c4;color:#644a34;font-size:8px;font-style:normal;font-weight:700}.design-system-page .ds-platform-study__web-profile>span{display:grid;gap:2px;min-width:0}.design-system-page .ds-platform-study__web-profile strong{font-size:8px}.design-system-page .ds-platform-study__web-profile small{color:#a8b2c1;font-size:7px}.design-system-page .ds-platform-study__web-main{min-width:0;padding:0 12px 15px}.design-system-page .ds-platform-study__web-top,.design-system-page .ds-platform-study__web-heading,.design-system-page .ds-platform-study__web-label,.design-system-page .ds-platform-study__web-project-head,.design-system-page .ds-platform-study__web-project-foot{display:flex;align-items:center}.design-system-page .ds-platform-study__web-top{min-height:39px;justify-content:space-between;gap:4px;border-bottom:1px solid #363d48;color:#aeb8c6;font-size:8px}.design-system-page .ds-platform-study__web-top>span{display:inline-flex;align-items:center;gap:4px}.design-system-page .ds-platform-study__web-heading{justify-content:space-between;padding-block:15px 14px}.design-system-page .ds-platform-study__web-heading>div>span{color:#aeb8c6;font-size:7px;font-weight:650;letter-spacing:.08em}.design-system-page .ds-platform-study__web-heading h3{margin:3px 0 0;font-size:19px;letter-spacing:-.035em}.design-system-page .ds-platform-study__web-label{justify-content:space-between;margin-bottom:8px;color:#aeb8c6;font-size:7px;font-weight:700;letter-spacing:.08em}.design-system-page .ds-platform-study__web-label>span{display:inline-flex;align-items:center;gap:3px;letter-spacing:0}.design-system-page .ds-platform-study__web-project{padding:10px;border:1px solid #414a58;border-radius:8px;background:#29313d}.design-system-page .ds-platform-study__web-project-head{gap:7px}.design-system-page .ds-platform-study__web-project-head .ds-platform-study__atlas-mark{width:27px;height:27px;border-radius:7px;font-size:13px}.design-system-page .ds-platform-study__web-project-head>span:nth-child(2){display:grid;gap:2px;min-width:0}.design-system-page .ds-platform-study__web-project-head strong{font-size:10px}.design-system-page .ds-platform-study__web-project-head small{color:#aeb8c6;font-size:8px}.design-system-page .ds-platform-study__web-project p{margin:10px 0 0;color:#c0c8d3;font-size:8px;line-height:1.5}.design-system-page .ds-platform-study__web-progress{height:4px;margin-top:12px;background:#3c4655}.design-system-page .ds-platform-study__web-progress i{width:63%;background:#9ab7ed}.design-system-page .ds-platform-study__web-project-foot{flex-wrap:wrap;justify-content:space-between;gap:6px;margin-top:10px;color:#b7c0cc;font-size:7px}.design-system-page .ds-platform-study__web-project-foot .ds-platform-study__status{color:#a8d1b3;font-size:7px}.design-system-page .ds-platform-study__web-project-foot .ds-platform-study__status i{width:6px;height:6px;background:#8ac398}.design-system-page .ds-platform-study__web-focus{margin-top:13px;padding:8px;border-left:2px solid #91b3f1;background:#293442;color:#c4cedc;font-size:8px;line-height:1.45}.design-system-page .ds-platform-study__platform-note{min-height:42px;margin:12px 0 0;color:var(--ds-color-muted);font-size:14px;line-height:1.5}@media (min-width: 768px) and (max-width: 1023px){.design-system-page .ds-platform-study__device{grid-column:span 7}.design-system-page .ds-platform-study__guidance{grid-column:span 5}.design-system-page .ds-platform-study__platform-layout--web .ds-platform-study__web{grid-template-columns:minmax(170px,28%) minmax(0,1fr)}}@media (max-width: 767px){.design-system-page .ds-platform-study{grid-template-columns:minmax(0,1fr)}.design-system-page .ds-platform-study__controls{align-items:flex-start;flex-direction:column}.design-system-page .ds-platform-study__choices{width:100%}.design-system-page .ds-platform-study__choice{flex:1}.design-system-page .ds-platform-study__reset{align-self:flex-end}.design-system-page .ds-platform-study__devices,.design-system-page .ds-platform-study__platform-layout{grid-template-columns:minmax(0,1fr);gap:var(--ds-space-4)}.design-system-page .ds-platform-study__device,.design-system-page .ds-platform-study__guidance{grid-column:1 / -1}.design-system-page .ds-platform-study__android,.design-system-page .ds-platform-study__ios{width:min(100%,360px);min-height:440px;margin-inline:auto}.design-system-page .ds-platform-study__platform-layout--web .ds-platform-study__web{min-height:400px;grid-template-columns:minmax(112px,31%) minmax(0,1fr)}.design-system-page .ds-platform-study__platform-layout--web .ds-platform-study__web-sidebar{padding:12px 8px}.design-system-page .ds-platform-study__platform-layout--web .ds-platform-study__web-main{padding-inline:12px}.design-system-page .ds-platform-study__guidance{padding:var(--ds-space-3)}}@media (prefers-reduced-motion: reduce){.design-system-page .ds-platform-study__choice,.design-system-page .ds-platform-study__platform{transition:none}}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--color-red-50:oklch(97.1% .013 17.38);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-600:oklch(57.7% .245 27.325);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-widest:.1em;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-xl:24px;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--ds-font);--default-mono-font-family:"IBM Plex Mono",monospace;--radius:var(--ds-radius);--font-display:var(--ds-font);--color-border:var(--ds-color-divider)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--ds-color-divider)}body{background-color:var(--ds-color-canvas);font-family:var(--ds-font);color:var(--ds-color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--ds-font);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}:where(a[href],area[href],button,select,summary,input[type=button],input[type=submit],input[type=reset],input[type=checkbox],input[type=radio],input[type=range],input[type=color],input[type=file],label[for],label:has(input[type=checkbox]:enabled,input[type=radio]:enabled),[role=button],[role=link],[role=tab],[role=checkbox],[role=radio],[role=switch],[role=menuitem],[role=menuitemcheckbox],[role=menuitemradio],[role=option],[role=treeitem],[onclick]):not(:disabled):not([aria-disabled=true]){cursor:pointer}input[type=file]:enabled::file-selector-button{cursor:pointer}:where(button,input,select,textarea,[role]):is(:disabled,[aria-disabled=true]){cursor:not-allowed}}@layer components;@layer utilities{.\@container\/field-group{container:field-group/inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.-top-12{top:calc(var(--spacing)*-12)}.top-0{top:calc(var(--spacing)*0)}.top-1\.5{top:calc(var(--spacing)*1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-3\.5{top:calc(var(--spacing)*3.5)}.top-4{top:calc(var(--spacing)*4)}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.-right-12{right:calc(var(--spacing)*-12)}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.-bottom-12{bottom:calc(var(--spacing)*-12)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-2{bottom:calc(var(--spacing)*2)}.-left-12{left:calc(var(--spacing)*-12)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing)*2)}.left-3{left:calc(var(--spacing)*3)}.left-\[50\%\]{left:50%}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[60\]{z-index:60}.z-\[100\]{z-index:100}.order-first{order:-9999}.order-last{order:9999}.col-span-2{grid-column:span 2/span 2}.col-span-6{grid-column:span 6/span 6}.col-span-10{grid-column:span 10/span 10}.col-span-12{grid-column:span 12/span 12}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.\!m-0{margin:calc(var(--spacing)*0)!important}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-3\.5{margin-inline:calc(var(--spacing)*3.5)}.mx-auto{margin-inline:auto}.-my-2{margin-block:calc(var(--spacing)*-2)}.my-0{margin-block:calc(var(--spacing)*0)}.my-0\.5{margin-block:calc(var(--spacing)*.5)}.my-1{margin-block:calc(var(--spacing)*1)}.my-3{margin-block:calc(var(--spacing)*3)}.-mt-2{margin-top:calc(var(--spacing)*-2)}.-mt-4{margin-top:calc(var(--spacing)*-4)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-16{margin-top:calc(var(--spacing)*16)}.mt-24{margin-top:calc(var(--spacing)*24)}.mt-\[2px\]{margin-top:2px}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.-ml-4{margin-left:calc(var(--spacing)*-4)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.size-\[--cell-size\]{width:--cell-size;height:--cell-size}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-\[--cell-size\]{height:--cell-size}.h-\[1px\]{height:1px}.h-\[22px\]{height:22px}.h-\[35svh\]{height:35svh}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-svh{height:100svh}.max-h-\[--radix-context-menu-content-available-height\]{max-height:--radix-context-menu-content-available-height}.max-h-\[--radix-select-content-available-height\]{max-height:--radix-select-content-available-height}.max-h-\[300px\]{max-height:300px}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-screen{max-height:100vh}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-8{min-height:calc(var(--spacing)*8)}.min-h-9{min-height:calc(var(--spacing)*9)}.min-h-10{min-height:calc(var(--spacing)*10)}.min-h-11{min-height:calc(var(--spacing)*11)}.min-h-12{min-height:calc(var(--spacing)*12)}.min-h-24{min-height:calc(var(--spacing)*24)}.min-h-48{min-height:calc(var(--spacing)*48)}.min-h-72{min-height:calc(var(--spacing)*72)}.min-h-\[60px\]{min-height:60px}.min-h-\[100dvh\]{min-height:100dvh}.min-h-\[190px\]{min-height:190px}.min-h-\[240px\]{min-height:240px}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.w-0{width:calc(var(--spacing)*0)}.w-1{width:calc(var(--spacing)*1)}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-64{width:calc(var(--spacing)*64)}.w-72{width:calc(var(--spacing)*72)}.w-\[--cell-size\]{width:--cell-size}.w-\[1px\]{width:1px}.w-\[22px\]{width:22px}.w-\[100px\]{width:100px}.w-\[var\(--sidebar-width\)\]{width:var(--sidebar-width)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-\[14ch\]{max-width:14ch}.max-w-\[22ch\]{max-width:22ch}.max-w-\[26ch\]{max-width:26ch}.max-w-\[28ch\]{max-width:28ch}.max-w-\[30ch\]{max-width:30ch}.max-w-\[42ch\]{max-width:42ch}.max-w-\[52ch\]{max-width:52ch}.max-w-\[54ch\]{max-width:54ch}.max-w-\[58ch\]{max-width:58ch}.max-w-\[60ch\]{max-width:60ch}.max-w-\[320px\]{max-width:320px}.max-w-\[var\(--skeleton-width\)\]{max-width:var(--skeleton-width)}.max-w-lg{max-width:var(--container-lg)}.max-w-max{max-width:max-content}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-5{min-width:calc(var(--spacing)*5)}.min-w-8{min-width:calc(var(--spacing)*8)}.min-w-9{min-width:calc(var(--spacing)*9)}.min-w-10{min-width:calc(var(--spacing)*10)}.min-w-\[--cell-size\]{min-width:--cell-size}.min-w-\[8rem\]{min-width:8rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\[--radix-context-menu-content-transform-origin\]{transform-origin:--radix-context-menu-content-transform-origin}.origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:--radix-dropdown-menu-content-transform-origin}.origin-\[--radix-hover-card-content-transform-origin\]{transform-origin:--radix-hover-card-content-transform-origin}.origin-\[--radix-menubar-content-transform-origin\]{transform-origin:--radix-menubar-content-transform-origin}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:--radix-popover-content-transform-origin}.origin-\[--radix-select-content-transform-origin\]{transform-origin:--radix-select-content-transform-origin}.origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:--radix-tooltip-content-transform-origin}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-\[0\.97\]{scale:.97}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-caret-blink{animation:1.25s ease-out infinite caret-blink}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-\[72px_1fr\]{grid-template-columns:72px 1fr}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-7{gap:calc(var(--spacing)*7)}.gap-10{gap:calc(var(--spacing)*10)}.gap-16{gap:calc(var(--spacing)*16)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing)*4)}.gap-x-6{column-gap:calc(var(--spacing)*6)}.gap-x-8{column-gap:calc(var(--spacing)*8)}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-1{row-gap:calc(var(--spacing)*1)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.gap-y-7{row-gap:calc(var(--spacing)*7)}.gap-y-12{row-gap:calc(var(--spacing)*12)}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-end{justify-self:flex-end}.justify-self-start{justify-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:var(--ds-radius)}.rounded-\[2px\]{border-radius:2px}.rounded-\[4px\]{border-radius:4px}.rounded-\[5px\]{border-radius:5px}.rounded-\[22\%\]{border-radius:22%}.rounded-\[calc\(var\(--radius\)-5px\)\]{border-radius:calc(var(--radius) - 5px)}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-tl-sm{border-top-left-radius:var(--radius-sm)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.rounded-bl-none{border-bottom-left-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.\[border-color\:var\(--badge-outline\)\]{border-color:var(--badge-outline)}.\[border-color\:var\(--button-outline\)\]{border-color:var(--button-outline)}.border-\[\#8e8e93\]{border-color:#8e8e93}.border-\[--color-border\]{border-color:--color-border}.border-black\/40{border-color:#0006}@supports (color:color-mix(in lab,red,red)){.border-black\/40{border-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.border-border,.border-border\/50{border-color:var(--ds-color-divider)}@supports (color:color-mix(in lab,red,red)){.border-border\/50{border-color:color-mix(in oklab,var(--ds-color-divider)50%,transparent)}}.border-input{border-color:var(--ds-color-control)}.border-primary,.border-primary\/50{border-color:var(--ds-color-text)}@supports (color:color-mix(in lab,red,red)){.border-primary\/50{border-color:color-mix(in oklab,var(--ds-color-text)50%,transparent)}}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.border-white\/15{border-color:color-mix(in oklab,var(--color-white)15%,transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.border-white\/25{border-color:#ffffff40}@supports (color:color-mix(in lab,red,red)){.border-white\/25{border-color:color-mix(in oklab,var(--color-white)25%,transparent)}}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.border-white\/30{border-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.border-white\/50{border-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.border-white\/50{border-color:color-mix(in oklab,var(--color-white)50%,transparent)}}.border-t-transparent{border-top-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-\[\#0a0a0a\]{background-color:#0a0a0a}.bg-\[\#0a84ff\]{background-color:#0a84ff}.bg-\[\#0d99ff\]{background-color:#0d99ff}.bg-\[\#0d99ff\]\/20{background-color:#0d99ff33}.bg-\[\#1e1e1e\]{background-color:#1e1e1e}.bg-\[\#2c2c2c\]{background-color:#2c2c2c}.bg-\[\#2c2c2e\]{background-color:#2c2c2e}.bg-\[\#3a3a3c\]{background-color:#3a3a3c}.bg-\[\#007aff\]{background-color:#007aff}.bg-\[\#28c840\]{background-color:#28c840}.bg-\[\#0060c0\]{background-color:#0060c0}.bg-\[\#0062cc\]{background-color:#0062cc}.bg-\[\#409cff\]{background-color:#409cff}.bg-\[\#3391ff\]{background-color:#3391ff}.bg-\[\#48484a\]{background-color:#48484a}.bg-\[\#171717\]{background-color:#171717}.bg-\[\#383838\]{background-color:#383838}.bg-\[\#545456\]{background-color:#545456}.bg-\[\#c7c7cc\]{background-color:#c7c7cc}.bg-\[\#d1d1d6\]{background-color:#d1d1d6}.bg-\[\#e5e5ea\]{background-color:#e5e5ea}.bg-\[\#f2f2f7\]{background-color:#f2f2f7}.bg-\[\#febc2e\]{background-color:#febc2e}.bg-\[\#ff5f57\]{background-color:#ff5f57}.bg-\[--color-bg\]{background-color:--color-bg}.bg-background{background-color:var(--ds-color-canvas)}.bg-black{background-color:var(--color-black)}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}}.bg-black\/85{background-color:#000000d9}@supports (color:color-mix(in lab,red,red)){.bg-black\/85{background-color:color-mix(in oklab,var(--color-black)85%,transparent)}}.bg-border{background-color:var(--ds-color-divider)}.bg-foreground{background-color:var(--ds-color-text)}.bg-input{background-color:var(--ds-color-control)}.bg-muted,.bg-muted\/50{background-color:var(--ds-color-surface)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/50{background-color:color-mix(in oklab,var(--ds-color-surface)50%,transparent)}}.bg-primary,.bg-primary\/10{background-color:var(--ds-color-text)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--ds-color-text)10%,transparent)}}.bg-primary\/20{background-color:var(--ds-color-text)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/20{background-color:color-mix(in oklab,var(--ds-color-text)20%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fill-\[\#b3b3b3\]{fill:#b3b3b3}.fill-current{fill:currentColor}.fill-primary{fill:var(--ds-color-text)}.object-cover{object-fit:cover}.object-left-top{object-position:left top}.p-0{padding:calc(var(--spacing)*0)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-\[1px\]{padding:1px}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-\[--cell-size\]{padding-inline:--cell-size}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-10{padding-block:calc(var(--spacing)*10)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-14{padding-top:calc(var(--spacing)*14)}.pt-16{padding-top:calc(var(--spacing)*16)}.pt-24{padding-top:calc(var(--spacing)*24)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-2\.5{padding-right:calc(var(--spacing)*2.5)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-6{padding-right:calc(var(--spacing)*6)}.pr-8{padding-right:calc(var(--spacing)*8)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-14{padding-bottom:calc(var(--spacing)*14)}.pb-16{padding-bottom:calc(var(--spacing)*16)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-2\.5{padding-left:calc(var(--spacing)*2.5)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-8{padding-left:calc(var(--spacing)*8)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-mono{font-family:IBM Plex Mono,monospace}.font-sans{font-family:var(--ds-font)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\/relaxed{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[clamp\(22px\,6vw\,36px\)\]{font-size:clamp(22px,6vw,36px)}.text-\[clamp\(28px\,3\.4vw\,44px\)\]{font-size:clamp(28px,3.4vw,44px)}.text-\[length\:var\(--ds-type-body\)\]{font-size:var(--ds-type-body)}.text-\[length\:var\(--ds-type-display\)\]{font-size:var(--ds-type-display)}.text-\[length\:var\(--ds-type-heading\)\]{font-size:var(--ds-type-heading)}.text-\[length\:var\(--ds-type-page\)\]{font-size:var(--ds-type-page)}.leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.leading-\[0\.9\]{--tw-leading:.9;line-height:.9}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[18px\]{--tw-leading:18px;line-height:18px}.leading-\[26px\]{--tw-leading:26px;line-height:26px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[-0\.025em\]{--tw-tracking:-.025em;letter-spacing:-.025em}.tracking-\[-0\.045em\]{--tw-tracking:-.045em;letter-spacing:-.045em}.tracking-\[\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.text-\[\#007aff\]{color:#007aff}.text-\[\#007aff\]\/60{color:#007aff99}.text-\[\#8e8e93\]{color:#8e8e93}.text-\[\#69bfff\]{color:#69bfff}.text-\[\#2997ff\]{color:#2997ff}.text-\[\#2997ff\]\/60{color:#2997ff99}.text-\[\#636366\]{color:#636366}.text-\[\#a1a1a6\]{color:#a1a1a6}.text-\[\#aeaeb2\]{color:#aeaeb2}.text-\[\#b3b3b3\]{color:#b3b3b3}.text-\[\#c7c7cc\]{color:#c7c7cc}.text-\[\#d1d1d1\]{color:#d1d1d1}.text-\[\#dedee1\]{color:#dedee1}.text-\[var\(--ds-color-accent\)\]{color:var(--ds-color-accent)}.text-\[var\(--ds-color-muted\)\]{color:var(--ds-color-muted)}.text-black{color:var(--color-black)}.text-current{color:currentColor}.text-foreground,.text-foreground\/50{color:var(--ds-color-text)}@supports (color:color-mix(in lab,red,red)){.text-foreground\/50{color:color-mix(in oklab,var(--ds-color-text)50%,transparent)}}.text-muted-foreground{color:var(--ds-color-muted)}.text-primary{color:var(--ds-color-text)}.text-primary-foreground{color:var(--ds-color-canvas)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.accent-white{accent-color:var(--color-white)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-border)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-\[\#0a84ff\]{--tw-ring-color:#0a84ff}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.ring-offset-\[\#1e1e1e\]{--tw-ring-offset-color:#1e1e1e}.ring-offset-background{--tw-ring-offset-color:var(--ds-color-canvas)}.ring-offset-white{--tw-ring-offset-color:var(--color-white)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-offset-2{outline-offset:2px}.outline-\[\#0d99ff\]{outline-color:#0d99ff}.outline-transparent{outline-color:#0000}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale:.95}.\[--cell-size\:2rem\]{--cell-size:2rem}.paused{animation-play-state:paused}.running{animation-play-state:running}.group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity:1}@media (hover:hover){.group-hover\:scale-\[1\.04\]:is(:where(.group):hover *){scale:1.04}.group-hover\:opacity-100:is(:where(.group):hover *),.group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *){opacity:1}}.group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *){padding-right:calc(var(--spacing)*8)}.group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has([data-orientation=horizontal]) *){text-wrap:balance}.group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5:is(:where(.group\/item):has([data-slot=item-description]) *){--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-has-\[\[data-slot\=item-description\]\]\/item\:self-start:is(:where(.group\/item):has([data-slot=item-description]) *){align-self:flex-start}.group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has(>input) *){padding-top:calc(var(--spacing)*2.5)}.group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has(>input) *){padding-bottom:calc(var(--spacing)*2.5)}.group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing)*-8)}.group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}.group-data-\[collapsible\=icon\]\:h-8\!:is(:where(.group)[data-collapsible=icon] *){height:calc(var(--spacing)*8)!important}.group-data-\[collapsible\=icon\]\:w-8\!:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing)*8)!important}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+var\(--spacing-4\)\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + var(--spacing-4))}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+var\(--spacing-4\)\+2px\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + var(--spacing-4) + 2px)}.group-data-\[collapsible\=icon\]\:w-\[var\(--sidebar-width-icon\)\]:is(:where(.group)[data-collapsible=icon] *){width:var(--sidebar-width-icon)}.group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}.group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing)*0)!important}.group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing)*2)!important}.group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width)*-1)}.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width)*-1)}.group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:calc(var(--spacing)*0)}.group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled=true] *),.group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled=true] *){opacity:.5}.group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused=true] *){position:relative}.group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused=true] *){z-index:10}.group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused=true] *){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *){right:calc(var(--spacing)*-4)}.group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}.group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *){left:calc(var(--spacing)*0)}.group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}.group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:var(--radius-lg)}.group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant=floating] *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant=outline] *){margin-bottom:calc(var(--spacing)*-2)}.group-\[\.destructive\]\:border-muted\/40:is(:where(.group).destructive *){border-color:var(--ds-color-surface)}@supports (color:color-mix(in lab,red,red)){.group-\[\.destructive\]\:border-muted\/40:is(:where(.group).destructive *){border-color:color-mix(in oklab,var(--ds-color-surface)40%,transparent)}}.group-\[\.destructive\]\:text-red-300:is(:where(.group).destructive *){color:var(--color-red-300)}.group-\[\.toast\]\:bg-muted:is(:where(.group).toast *){background-color:var(--ds-color-surface)}.group-\[\.toast\]\:bg-primary:is(:where(.group).toast *){background-color:var(--ds-color-text)}.group-\[\.toast\]\:text-muted-foreground:is(:where(.group).toast *){color:var(--ds-color-muted)}.group-\[\.toast\]\:text-primary-foreground:is(:where(.group).toast *){color:var(--ds-color-canvas)}.group-\[\.toaster\]\:border-border:is(:where(.group).toaster *){border-color:var(--ds-color-divider)}.group-\[\.toaster\]\:bg-background:is(:where(.group).toaster *){background-color:var(--ds-color-canvas)}.group-\[\.toaster\]\:text-foreground:is(:where(.group).toaster *){color:var(--ds-color-text)}.group-\[\.toaster\]\:shadow-lg:is(:where(.group).toaster *){--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*){top:calc(var(--spacing)*1.5)}.peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*){top:calc(var(--spacing)*2.5)}.peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*){top:calc(var(--spacing)*1)}.selection\:bg-white ::selection{background-color:var(--color-white)}.selection\:bg-white::selection{background-color:var(--color-white)}.selection\:text-black ::selection{color:var(--color-black)}.selection\:text-black::selection{color:var(--color-black)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--ds-color-text)}.placeholder\:text-\[\#8e8e93\]::placeholder{color:#8e8e93}.placeholder\:text-muted-foreground::placeholder{color:var(--ds-color-muted)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing)*-2)}.after\:inset-y-0:after{content:var(--tw-content);inset-block:calc(var(--spacing)*0)}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-1:after{content:var(--tw-content);width:calc(var(--spacing)*1)}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}.first\:rounded-l-md:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.last\:mt-0:last-child{margin-top:calc(var(--spacing)*0)}.last\:rounded-r-md:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.focus-within\:pointer-events-auto:focus-within{pointer-events:auto}.focus-within\:opacity-100\!:focus-within{opacity:1!important}@media (hover:hover){.hover\:border-\[\#4a4a4a\]:hover{border-color:#4a4a4a}.hover\:border-white:hover{border-color:var(--color-white)}.hover\:bg-muted:hover,.hover\:bg-muted\/50:hover{background-color:var(--ds-color-surface)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab,var(--ds-color-surface)50%,transparent)}}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.hover\:text-foreground:hover{color:var(--ds-color-text)}.hover\:text-muted-foreground:hover{color:var(--ds-color-muted)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-accent)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-\[\.destructive\]\:hover\:text-red-50:is(:where(.group).destructive *):hover{color:var(--color-red-50)}}.focus\:border-\[\#0d99ff\]:focus{border-color:#0d99ff}.focus\:opacity-100:focus{opacity:1}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.group-\[\.destructive\]\:focus\:ring-red-400:is(:where(.group).destructive *):focus{--tw-ring-color:var(--color-red-400)}.group-\[\.destructive\]\:focus\:ring-offset-red-600:is(:where(.group).destructive *):focus{--tw-ring-offset-color:var(--color-red-600)}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--ds-color-canvas)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:shadow-none:active{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}:where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize{cursor:w-resize}:where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize{cursor:e-resize}.has-focus\:ring-\[3px\]:has(:focus){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-data-\[state\=checked\]\:border-primary:has([data-state=checked]){border-color:var(--ds-color-text)}.has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]){background-color:var(--ds-color-text)}@supports (color:color-mix(in lab,red,red)){.has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]){background-color:color-mix(in oklab,var(--ds-color-text)5%,transparent)}}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-1:has([data-slot=input-group-control]:focus-visible){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]){height:auto}.has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]){flex-direction:column}.has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]){height:auto}.has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]){flex-direction:column}.has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]){gap:calc(var(--spacing)*2)}.has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(>[data-slot=checkbox-group]){gap:calc(var(--spacing)*3)}.has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}.has-\[\>\[data-slot\=field\]\]\:w-full:has(>[data-slot=field]){width:100%}.has-\[\>\[data-slot\=field\]\]\:flex-col:has(>[data-slot=field]){flex-direction:column}.has-\[\>\[data-slot\=field\]\]\:rounded-md:has(>[data-slot=field]){border-radius:var(--radius-md)}.has-\[\>\[data-slot\=field\]\]\:border:has(>[data-slot=field]){border-style:var(--tw-border-style);border-width:1px}.has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(>[data-slot=radio-group]){gap:calc(var(--spacing)*3)}.has-\[\>button\]\:mr-\[-0\.4rem\]:has(>button){margin-right:-.4rem}.has-\[\>button\]\:ml-\[-0\.45rem\]:has(>button){margin-left:-.45rem}.has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(>kbd){margin-right:-.35rem}.has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(>kbd){margin-left:-.35rem}.has-\[\>svg\]\:p-0:has(>svg){padding:calc(var(--spacing)*0)}.has-\[\>svg\]\:px-2:has(>svg){padding-inline:calc(var(--spacing)*2)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing)*2.5)}.has-\[\>textarea\]\:h-auto:has(>textarea){height:auto}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-selected\:text-muted-foreground[aria-selected=true]{color:var(--ds-color-muted)}.data-\[active\=true\]\:font-medium[data-active=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x:calc(52*var(--spacing))}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x:calc(52*var(--spacing)*-1)}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x:calc(52*var(--spacing))}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x:calc(52*var(--spacing)*-1)}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity:0}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-]{--tw-exit-opacity:0}.data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical]{height:auto}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:calc(var(--spacing)*0)}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:calc(var(--spacing)*1)}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--ds-color-muted)}.data-\[range-end\=true\]\:rounded-md[data-range-end=true]{border-radius:var(--radius-md)}.data-\[range-end\=true\]\:bg-primary[data-range-end=true]{background-color:var(--ds-color-text)}.data-\[range-end\=true\]\:text-primary-foreground[data-range-end=true]{color:var(--ds-color-canvas)}.data-\[range-middle\=true\]\:rounded-none[data-range-middle=true]{border-radius:0}.data-\[range-start\=true\]\:rounded-md[data-range-start=true]{border-radius:var(--radius-md)}.data-\[range-start\=true\]\:bg-primary[data-range-start=true]{background-color:var(--ds-color-text)}.data-\[range-start\=true\]\:text-primary-foreground[data-range-start=true]{color:var(--ds-color-canvas)}.data-\[selected-single\=true\]\:bg-primary[data-selected-single=true]{background-color:var(--ds-color-text)}.data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single=true]{color:var(--ds-color-canvas)}.data-\[selected\=true\]\:rounded-none[data-selected=true]{border-radius:0}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[slot\=checkbox-group\]\:gap-3[data-slot=checkbox-group]{gap:calc(var(--spacing)*3)}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--ds-color-canvas)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--ds-color-text)}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--ds-color-text)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--ds-color-canvas)}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity:.8}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x: -50% }.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x: 100% }.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y: -48% }.data-\[state\=hidden\]\:animate-out[data-state=hidden]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity:0}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--ds-color-muted)}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale:.9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x: -50% }.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y: -48% }.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y: -100% }.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--ds-color-surface)}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--ds-color-control)}.data-\[state\=visible\]\:animate-in[data-state=visible]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity:0}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[swipe\=end\]\:animate-out[data-swipe=end]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[variant\=label\]\:text-sm[data-variant=label]{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.data-\[variant\=legend\]\:text-base[data-variant=legend]{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.nth-last-2\:-mt-1:nth-last-child(2){margin-top:calc(var(--spacing)*-1)}@media (prefers-reduced-motion:no-preference){.motion-safe\:animate-spin{animation:var(--animate-spin)}}@media not all and (min-width:80rem){.max-xl\:hidden\!{display:none!important}}@media (min-width:40rem){.sm\:top-auto{top:auto}.sm\:right-0{right:calc(var(--spacing)*0)}.sm\:bottom-0{bottom:calc(var(--spacing)*0)}.sm\:mt-0{margin-top:calc(var(--spacing)*0)}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:inline{display:inline}.sm\:min-h-\[240px\]{min-height:240px}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-\[118px_minmax\(0\,1fr\)\]{grid-template-columns:118px minmax(0,1fr)}.sm\:grid-cols-\[minmax\(0\,1fr\)_205px\]{grid-template-columns:minmax(0,1fr) 205px}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2{gap:calc(var(--spacing)*2)}.sm\:gap-2\.5{gap:calc(var(--spacing)*2.5)}:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius-lg)}.sm\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.sm\:px-4{padding-inline:calc(var(--spacing)*4)}.sm\:text-left{text-align:left}.sm\:text-\[14px\]{font-size:14px}.sm\:text-\[16px\]{font-size:16px}.sm\:text-\[28px\]{font-size:28px}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y: 100% }}@media (min-width:48rem){.md\:absolute{position:absolute}.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-7{grid-column:span 7/span 7}.md\:col-span-8{grid-column:span 8/span 8}.md\:col-span-9{grid-column:span 9/span 9}.md\:col-span-10{grid-column:span 10/span 10}.md\:col-start-6{grid-column-start:6}.md\:mt-0{margin-top:calc(var(--spacing)*0)}.md\:mt-20{margin-top:calc(var(--spacing)*20)}.md\:mt-24{margin-top:calc(var(--spacing)*24)}.md\:block{display:block}.md\:flex{display:flex}.md\:h-36{height:calc(var(--spacing)*36)}.md\:w-36{width:calc(var(--spacing)*36)}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:max-w-\[420px\]{max-width:420px}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:justify-between{justify-content:space-between}.md\:justify-end{justify-content:flex-end}.md\:gap-x-8{column-gap:calc(var(--spacing)*8)}.md\:justify-self-center{justify-self:center}.md\:p-12{padding:calc(var(--spacing)*12)}.md\:py-12{padding-block:calc(var(--spacing)*12)}.md\:py-16{padding-block:calc(var(--spacing)*16)}.md\:pt-24{padding-top:calc(var(--spacing)*24)}.md\:pb-20{padding-bottom:calc(var(--spacing)*20)}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:opacity-0{opacity:0}.md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*){margin:calc(var(--spacing)*2)}.md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*){margin-left:calc(var(--spacing)*0)}.md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*){border-radius:var(--radius-xl)}.md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant=inset]~*){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*){margin-left:calc(var(--spacing)*2)}.md\:after\:hidden:after{content:var(--tw-content);display:none}}@media (min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-9{grid-column:span 9/span 9}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:h-7{height:calc(var(--spacing)*7)}.lg\:h-8{height:calc(var(--spacing)*8)}.lg\:h-40{height:calc(var(--spacing)*40)}.lg\:min-h-0{min-height:calc(var(--spacing)*0)}.lg\:min-h-7{min-height:calc(var(--spacing)*7)}.lg\:min-h-8{min-height:calc(var(--spacing)*8)}.lg\:w-40{width:calc(var(--spacing)*40)}.lg\:gap-1{gap:calc(var(--spacing)*1)}.lg\:overflow-y-auto{overflow-y:auto}.lg\:overscroll-contain{overscroll-behavior:contain}.lg\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.lg\:p-2{padding:calc(var(--spacing)*2)}.lg\:pt-0{padding-top:calc(var(--spacing)*0)}.lg\:pt-\[34px\]{padding-top:34px}.lg\:pr-3{padding-right:calc(var(--spacing)*3)}.lg\:first\:col-span-3:first-child,.lg\:last\:col-span-3:last-child{grid-column:span 3/span 3}}@media (min-width:80rem){.xl\:hidden{display:none}}@container field-group (min-width:28rem){.\@md\/field-group\:flex-row{flex-direction:row}.\@md\/field-group\:items-center{align-items:center}.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}}.dark\:bg-input\/30:is(.dark *){background-color:var(--ds-color-control)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--ds-color-control)30%,transparent)}}.dark\:bg-transparent:is(.dark *){background-color:#0000}.dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state=checked]){background-color:var(--ds-color-text)}@supports (color:color-mix(in lab,red,red)){.dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state=checked]){background-color:color-mix(in oklab,var(--ds-color-text)10%,transparent)}}.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:var(--ds-color-muted)}.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:var(--ds-color-divider)}@supports (color:color-mix(in lab,red,red)){.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:color-mix(in oklab,var(--ds-color-divider)50%,transparent)}}.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:var(--ds-color-divider)}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-layer\]\:outline-none .recharts-layer{--tw-outline-style:none;outline-style:none}.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"]{stroke:var(--ds-color-divider)}.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:var(--ds-color-surface)}.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"]{stroke:var(--ds-color-divider)}.\[\&_\.recharts-sector\]\:outline-none .recharts-sector{--tw-outline-style:none;outline-style:none}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-surface\]\:outline-none .recharts-surface{--tw-outline-style:none;outline-style:none}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:calc(var(--spacing)*2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:calc(var(--spacing)*1.5)}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:var(--ds-color-muted)}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-inline:calc(var(--spacing)*2)}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:calc(var(--spacing)*0)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:calc(var(--spacing)*5)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:calc(var(--spacing)*5)}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:calc(var(--spacing)*12)}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-inline:calc(var(--spacing)*2)}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-block:calc(var(--spacing)*3)}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:calc(var(--spacing)*5)}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:calc(var(--spacing)*5)}.\[\&_img\]\:size-full img{width:100%;height:100%}.\[\&_img\]\:object-cover img{object-fit:cover}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]){width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\+\[data-slot\=item-content\]\]\:flex-none+[data-slot=item-content]{flex:none}.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected=true] button{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing)*0)}.\[\.border-b\]\:pb-3.border-b{padding-bottom:calc(var(--spacing)*3)}.\[\.border-t\]\:pt-3.border-t{padding-top:calc(var(--spacing)*3)}:is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_next>svg),:is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_previous>svg){rotate:180deg}.\[a\]\:transition-colors:is(a){transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected=true] button{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.\[\&\>\*\]\:col-span-12>*{grid-column:span 12/span 12}.\[\&\>\*\]\:w-full>*{width:100%}.\[\&\>\*\]\:focus-visible\:relative>:focus-visible{position:relative}.\[\&\>\*\]\:focus-visible\:z-10>:focus-visible{z-index:10}@container field-group (min-width:28rem){.\@md\/field-group\:\[\&\>\*\]\:w-auto>*{width:auto}}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.\[\&\>\.sr-only\]\:w-auto>.sr-only{width:auto}.\[\&\>\[data-slot\=field-group\]\]\:gap-4>[data-slot=field-group]{gap:calc(var(--spacing)*4)}.\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{flex:auto}@container field-group (min-width:28rem){.\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{flex:auto}}.\[\&\>\[data-slot\=field\]\]\:p-4>[data-slot=field]{padding:calc(var(--spacing)*4)}.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]){width:fit-content}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x)var(--tw-translate-y)}.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]{margin-top:1px}@container field-group (min-width:28rem){.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]{margin-top:1px}}.\[\&\>a\]\:underline>a{text-decoration-line:underline}.\[\&\>a\]\:underline-offset-4>a{text-underline-offset:4px}.\[\&\>a\:hover\]\:text-primary>a:hover{color:var(--ds-color-text)}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>input\]\:flex-1>input{flex:1}.has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(>[data-align=block-end])>input{padding-top:calc(var(--spacing)*3)}.has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(>[data-align=block-start])>input{padding-bottom:calc(var(--spacing)*3)}.has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has(>[data-align=inline-end])>input{padding-right:calc(var(--spacing)*2)}.has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has(>[data-align=inline-start])>input{padding-left:calc(var(--spacing)*2)}.\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd{border-radius:calc(var(--radius) - 5px)}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\[\&\>span\]\:text-xs>span{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&\>span\]\:opacity-70>span{opacity:.7}.\[\&\>span\:last-child\]\:truncate>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:top-4>svg{top:calc(var(--spacing)*4)}.\[\&\>svg\]\:left-4>svg{left:calc(var(--spacing)*4)}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&\>svg\]\:h-2\.5>svg{height:calc(var(--spacing)*2.5)}.\[\&\>svg\]\:h-3>svg{height:calc(var(--spacing)*3)}.\[\&\>svg\]\:h-3\.5>svg{height:calc(var(--spacing)*3.5)}.\[\&\>svg\]\:h-4>svg{height:calc(var(--spacing)*4)}.\[\&\>svg\]\:w-2\.5>svg{width:calc(var(--spacing)*2.5)}.\[\&\>svg\]\:w-3>svg{width:calc(var(--spacing)*3)}.\[\&\>svg\]\:w-3\.5>svg{width:calc(var(--spacing)*3.5)}.\[\&\>svg\]\:w-4>svg{width:calc(var(--spacing)*4)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-foreground>svg{color:var(--ds-color-text)}.\[\&\>svg\]\:text-muted-foreground>svg{color:var(--ds-color-muted)}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5>svg:not([class*=size-]){width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:calc(var(--spacing)*7)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{rotate:90deg}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:calc(var(--spacing)*-2)}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:calc(var(--spacing)*-2)}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent,[data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent{background-color:#0000}[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20{background-color:var(--ds-color-canvas)}@supports (color:color-mix(in lab,red,red)){[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20{background-color:color-mix(in oklab,var(--ds-color-canvas)20%,transparent)}}[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:text-background{color:var(--ds-color-canvas)}[data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *){background-color:var(--ds-color-canvas)}@supports (color:color-mix(in lab,red,red)){[data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *){background-color:color-mix(in oklab,var(--ds-color-canvas)10%,transparent)}}[data-variant=legend]+.\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5{margin-top:calc(var(--spacing)*-1.5)}.text-balance{text-wrap:balance}.animate-fade-up{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeUp}.animate-fade-up-delay{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) .2s forwards fadeUp}.review-app{background:var(--ds-color-canvas);color:var(--ds-color-text);-webkit-font-smoothing:antialiased}.review-field{box-shadow:0 1px #0000}.review-focus:focus-visible{outline:3px solid var(--ds-color-focus);outline-offset:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{color-scheme:dark;--ds-font:"Instrument Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ds-color-canvas:#000;--ds-color-surface:#1c1c1e;--ds-color-text:#f5f5f7;--ds-color-muted:#c7c7cc;--ds-color-control:#96969c;--ds-color-divider:#404044;--ds-section-gap:48px;--ds-color-accent:#0091ff;--ds-color-on-accent:#000;--ds-color-focus:#5cb8ff;--ds-color-success:#30d158;--ds-color-warning:#ffd600;--ds-color-danger:#ff4245;--ds-space-1:4px;--ds-space-2:8px;--ds-space-3:12px;--ds-space-4:16px;--ds-space-6:24px;--ds-space-8:32px;--ds-space-12:48px;--ds-type-small:16px;--ds-type-body:17px;--ds-type-section:22px;--ds-type-page:28px;--ds-type-display:clamp(56px,10vw,152px);--ds-type-doc-page:clamp(32px,4vw,40px);--ds-type-doc-section:26px;--ds-type-heading:20px;--ds-type-ride-status:32px;--ds-type-ride-status-compact:28px;--ds-type-ride-destination:22px;--ds-type-ride-support:20px;--ds-type-ride-support-compact:18px;--ds-type-ride-body-compact:18px;--ds-type-ride-metric:24px;--ds-control-ride:56px;--ds-control-ride-compact:48px;--ds-color-static-ink:#0b0b0d;--ds-color-static-paper:#f5f5f7;--ds-type-weight-strong:650;--ds-type-weight-regular:500;--ds-type-tracking-tight:-.02em;--ds-type-tracking-label:0;--ds-type-label-transform:none;--ds-border-width:1px;--ds-density:1;--ds-page-max:1440px;--ds-page-inset:24px;--ds-grid-gap:16px;--ds-control-height:44px;--ds-header-height:56px;--ds-nav-gap:32px;--ds-radius:4px;--ds-radius-medium:8px;--ds-radius-large:12px;--ds-radius-round:999px;--ds-baseline:4px}[data-ds-theme=day]{color-scheme:light;--ds-color-canvas:#f5f5f7;--ds-color-surface:#fff;--ds-color-text:#171719;--ds-color-muted:#515158;--ds-color-control:#707078;--ds-color-divider:#ccccd1;--ds-color-accent:#06c;--ds-color-on-accent:#fff;--ds-color-focus:#0060c0;--ds-color-danger:#c8000f}[data-ds-brand=northline]{--ds-color-canvas:#0b1014;--ds-color-surface:#182027;--ds-color-text:#f3f6f8;--ds-color-muted:#c3ccd2;--ds-color-divider:#2b3740;--ds-color-accent:#2ad3c2;--ds-color-on-accent:#041a18;--ds-color-focus:#7ff0e3;--ds-radius-large:28px;--ds-control-ride:60px;--ds-density:1.15;--ds-type-weight-strong:600;--ds-type-weight-regular:500;--ds-type-tracking-tight:-.01em;--ds-type-ride-status:30px;--ds-type-ride-destination:22px;--ds-type-ride-metric:26px;--ds-border-width:1px}[data-ds-brand=northline][data-ds-theme=day]{--ds-color-canvas:#eef3f5;--ds-color-surface:#fff;--ds-color-text:#0f1a1f;--ds-color-muted:#435159;--ds-color-divider:#c9d3d8;--ds-color-accent:#0b6d65;--ds-color-on-accent:#fff;--ds-color-focus:#0b6d65}[data-ds-brand=atlas]{--ds-color-canvas:#0e0b08;--ds-color-surface:#221c16;--ds-color-text:#f7f3ee;--ds-color-muted:#cfc6bb;--ds-color-divider:#46403a;--ds-color-accent:#ff9f1a;--ds-color-on-accent:#1a1000;--ds-color-focus:#ffc46b;--ds-radius-large:2px;--ds-control-ride:52px;--ds-density:.85;--ds-type-weight-strong:700;--ds-type-weight-regular:600;--ds-type-tracking-tight:0;--ds-type-tracking-label:.06em;--ds-type-label-transform:none;--ds-type-ride-status:34px;--ds-type-ride-destination:20px;--ds-type-ride-metric:28px;--ds-border-width:2px}[data-ds-brand=atlas][data-ds-theme=day]{--ds-color-canvas:#f6f2ec;--ds-color-surface:#fffdf9;--ds-color-text:#1c1611;--ds-color-muted:#574e47;--ds-color-divider:#d9d0c5;--ds-color-accent:#994d00;--ds-color-on-accent:#fff;--ds-color-focus:#994d00}[data-ds-brand=verve]{--ds-color-canvas:#050807;--ds-color-surface:#141a17;--ds-color-text:#f2f7f3;--ds-color-muted:#bfcac3;--ds-color-divider:#323d37;--ds-color-accent:#b4ff3c;--ds-color-on-accent:#0b1a00;--ds-color-focus:#d7ff8f;--ds-radius-large:14px;--ds-control-ride:64px;--ds-density:1;--ds-type-weight-strong:700;--ds-type-weight-regular:500;--ds-type-tracking-tight:-.035em;--ds-type-ride-status:38px;--ds-type-ride-destination:24px;--ds-type-ride-metric:32px;--ds-border-width:2px}[data-ds-brand=verve][data-ds-theme=day]{--ds-color-canvas:#f1f5ef;--ds-color-surface:#fff;--ds-color-text:#121a14;--ds-color-muted:#46534a;--ds-color-divider:#cbd5cc;--ds-color-accent:#367000;--ds-color-on-accent:#fff;--ds-color-focus:#367000}[data-ds-brand=sable]{--ds-color-canvas:#0a0908;--ds-color-surface:#1d1a17;--ds-color-text:#f4efe6;--ds-color-muted:#cdc5b8;--ds-color-divider:#3f3a33;--ds-color-accent:#e3c27a;--ds-color-on-accent:#221a08;--ds-color-focus:#f2dca3;--ds-radius-large:0px;--ds-control-ride:56px;--ds-density:1.3;--ds-type-weight-strong:500;--ds-type-weight-regular:400;--ds-type-tracking-tight:.02em;--ds-type-tracking-label:.04em;--ds-type-ride-status:30px;--ds-type-ride-destination:22px;--ds-type-ride-metric:26px;--ds-border-width:1px}[data-ds-brand=sable][data-ds-theme=day]{--ds-color-canvas:#f4efe6;--ds-color-surface:#fcfaf5;--ds-color-text:#1b1711;--ds-color-muted:#554d43;--ds-color-divider:#d8cfc0;--ds-color-accent:#7c5d14;--ds-color-on-accent:#fff;--ds-color-focus:#7c5d14}@media (min-width:768px){:root{--ds-page-inset:40px;--ds-grid-gap:24px}}.ds-page{width:100%;max-width:var(--ds-page-max);padding-inline:var(--ds-page-inset);margin-inline:auto}.ds-grid{gap:var(--ds-space-6)var(--ds-grid-gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.ds-icon{flex-shrink:0}.ds-focus:focus-visible,.ds-field:focus-visible{outline:3px solid var(--ds-color-focus);outline-offset:3px}.ds-brand{min-height:var(--ds-control-height);border-radius:var(--ds-radius);color:var(--ds-color-text);font:650 var(--ds-type-body)/1.35 var(--ds-font);letter-spacing:-.02em;flex-shrink:0;align-items:center;display:inline-flex}.ds-product-header{border-bottom:1px solid var(--ds-color-divider);background:var(--ds-color-canvas);color:var(--ds-color-text)}.ds-product-header__inner{min-height:calc(var(--ds-header-height) - 1px);justify-content:space-between;align-items:center;gap:0 var(--ds-space-4);flex-wrap:wrap;display:flex}.ds-product-nav{align-items:center;gap:var(--ds-nav-gap);min-width:0;display:flex}.ds-product-nav a{min-height:var(--ds-control-height);justify-content:center;align-items:center;gap:var(--ds-space-2);padding-inline:var(--ds-space-3);border-radius:var(--ds-radius);color:var(--ds-color-muted);font:500 var(--ds-type-small)/1.35 var(--ds-font);white-space:nowrap;display:inline-flex}.ds-product-nav a[aria-current=page]{color:var(--ds-color-text);background:#202023}.ds-product-nav a:hover{color:var(--ds-color-text)}.ds-product-header__inner>.ds-product-nav{margin-left:auto}.ds-product-header__inner>.ds-grid-toggle{margin-left:0}.ds-grid-toggle{white-space:nowrap;font-size:var(--ds-type-small)}.ds-grid-toggle-label{justify-items:start;display:inline-grid}.ds-grid-toggle-label>span{grid-area:1/1}.ds-grid-toggle-label>span[aria-hidden=true]{visibility:hidden}.ds-divider{width:100%;height:0;margin:var(--ds-section-gap)0;border:0;border-top:1px solid var(--ds-color-divider);grid-column:1/-1;padding:0;display:block}@media (max-width:767px){.ds-divider{margin-block:32px}}.ds-grid-overlay{z-index:9999;pointer-events:none;background-image:linear-gradient(to bottom,var(--ds-color-focus)1px,transparent 1px);grid-template-columns:repeat(12,minmax(0,1fr));position:fixed;top:0;bottom:0}@supports (color:color-mix(in lab,red,red)){.ds-grid-overlay{background-image:linear-gradient(to bottom,color-mix(in srgb,var(--ds-color-focus)18%,transparent)1px,transparent 1px)}}.ds-grid-overlay{background-position-y:var(--ds-grid-phase,0px)}.ds-grid-overlay[data-empty]{visibility:hidden}.ds-grid-overlay>span:not(.ds-grid-caption){background:var(--ds-color-focus)}@supports (color:color-mix(in lab,red,red)){.ds-grid-overlay>span:not(.ds-grid-caption){background:color-mix(in srgb,var(--ds-color-focus)7%,transparent)}}.ds-grid-overlay>span:not(.ds-grid-caption){border-inline:1px solid var(--ds-color-focus)}@supports (color:color-mix(in lab,red,red)){.ds-grid-overlay>span:not(.ds-grid-caption){border-inline:1px solid color-mix(in srgb,var(--ds-color-focus)36%,transparent)}}.ds-grid-caption{bottom:var(--ds-space-4);right:var(--ds-page-inset);padding:var(--ds-space-2)var(--ds-space-3);border-radius:var(--ds-radius);background:var(--ds-color-canvas);color:var(--ds-color-text);font:500 var(--ds-type-small)/1.5 var(--ds-font);position:fixed}.ds-link{min-height:var(--ds-control-height);align-items:center;gap:var(--ds-space-2);border-radius:var(--ds-radius);color:var(--ds-color-text);text-decoration:underline;-webkit-text-decoration-color:var(--ds-color-control);text-decoration-color:var(--ds-color-control);text-underline-offset:6px;transition:text-decoration-color .15s ease-out;display:inline-flex}.ds-link:hover{-webkit-text-decoration-color:var(--ds-color-text);text-decoration-color:var(--ds-color-text)}.ds-link--quiet{color:var(--ds-color-muted);text-decoration:none}.ds-link--quiet:hover{color:var(--ds-color-text)}.ds-subgrid{grid-template-columns:subgrid;display:grid}.ds-grid-right{gap:var(--ds-space-6)var(--ds-grid-gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}@media (min-width:768px){.ds-grid-right{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (min-width:1024px){.ds-grid-right{grid-template-columns:repeat(9,minmax(0,1fr))}}.ds-button{min-height:var(--ds-control-height);justify-content:center;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2)var(--ds-space-4);border:1px solid var(--ds-color-control);border-radius:var(--ds-radius);color:var(--ds-color-text);font:600 var(--ds-type-body)/1.35 var(--ds-font);cursor:pointer;background:0 0;display:inline-flex}.ds-button--primary{border-color:var(--ds-color-accent);background:var(--ds-color-accent);color:var(--ds-color-on-accent)}.ds-button--tonal{background:var(--ds-color-text);border-color:#0000}@supports (color:color-mix(in lab,red,red)){.ds-button--tonal{background:color-mix(in srgb,var(--ds-color-text)10%,transparent)}}.ds-button--tonal:hover:not(:disabled){background:var(--ds-color-text);border-color:#0000}@supports (color:color-mix(in lab,red,red)){.ds-button--tonal:hover:not(:disabled){background:color-mix(in srgb,var(--ds-color-text)18%,transparent)}}.ds-button--ghost{border-color:#0000}.ds-button--icon{width:var(--ds-control-height);padding:0}.ds-button--destructive{border-color:var(--ds-color-danger);color:var(--ds-color-danger)}.ds-button--destructive:hover:not(:disabled){border-color:var(--ds-color-danger);background:var(--ds-color-danger);color:var(--ds-color-on-accent)}.ds-button:active:not(:disabled){transform:translateY(1px)}.ds-button[aria-busy=true]{cursor:progress}.ds-button[aria-busy=true] .ds-icon{animation:1s linear infinite ds-spin}@keyframes ds-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ds-button[aria-busy=true] .ds-icon{animation:none}}.ds-button:hover:not(:disabled){border-color:var(--ds-color-text)}.ds-button--primary:hover:not(:disabled){border-color:var(--ds-color-focus);background:var(--ds-color-focus)}.ds-button:disabled{opacity:.55;cursor:not-allowed}.ds-field{min-width:0;min-height:var(--ds-control-height);padding:var(--ds-space-2)var(--ds-space-3);border:1px solid var(--ds-color-control);border-radius:var(--ds-radius);background:var(--ds-color-surface);color:var(--ds-color-text);font:var(--ds-type-body)/1.4 var(--ds-font);color-scheme:dark}.ds-field::placeholder{color:#b8b8be;opacity:1}.ds-field[aria-invalid=true]{border-color:var(--ds-color-danger)}.ds-status{align-items:center;gap:var(--ds-space-2);font-size:var(--ds-type-small);display:inline-flex}.ds-status[data-tone=neutral]{color:var(--ds-color-muted)}.ds-status[data-tone=success]{color:var(--ds-color-success)}.ds-status[data-tone=warning]{color:var(--ds-color-warning)}.ds-status[data-tone=danger]{color:var(--ds-color-danger)}.ds-product-surface{background:var(--ds-color-canvas);color:var(--ds-color-text)}.ds-product-surface :not(.ds-car,.ds-car *),.ds-product-surface :not(.ds-car *):before,.ds-product-surface :not(.ds-car *):after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.ds-product-menu-button{min-height:var(--ds-control-height);padding-inline:var(--ds-space-3);border-radius:var(--ds-radius);color:var(--ds-color-text);font:500 var(--ds-type-body)/1.35 var(--ds-font);cursor:pointer;background:0 0;border:0;align-items:center;display:none}.ds-product-menu{inset:var(--ds-header-height)0 0;z-index:40;padding-top:var(--ds-space-6);background:var(--ds-color-canvas);flex-direction:column;display:flex;position:fixed;overflow-y:auto}.ds-product-menu a{min-height:var(--ds-control-height);align-items:center;gap:var(--ds-space-3);border-top:1px solid var(--ds-color-divider);padding-block:var(--ds-space-4);color:var(--ds-color-text);letter-spacing:-.025em;font-size:clamp(22px,6vw,36px);font-weight:600;display:inline-flex}.ds-product-menu a[aria-current=page]{color:var(--ds-color-accent)}.ds-product-menu .ds-grid-toggle{margin-top:var(--ds-space-6);font-size:var(--ds-type-body);align-self:flex-start}@media (max-width:1023px){.ds-product-nav--desktop{display:none}.ds-product-menu-button{display:inline-flex}}@media (prefers-contrast:more){:root{--ds-color-text:#fff;--ds-color-muted:#e5e5ea;--ds-color-control:#d1d1d6;--ds-color-divider:#96969c;--ds-color-accent:#5cb8ff;--ds-color-success:#4ad968;--ds-color-warning:#fedf43;--ds-color-danger:#ff6165}.ds-car-screen[data-ds-theme]{--ds-color-muted:var(--ds-color-text);--ds-color-control:var(--ds-color-text);--ds-color-divider:var(--ds-color-text)}}@media (forced-colors:active){:root{--ds-color-canvas:Canvas;--ds-color-surface:Canvas;--ds-color-text:CanvasText;--ds-color-muted:CanvasText;--ds-color-control:ButtonText;--ds-color-divider:CanvasText;--ds-color-accent:Highlight;--ds-color-on-accent:HighlightText;--ds-color-focus:Highlight;--ds-color-success:CanvasText;--ds-color-warning:CanvasText;--ds-color-danger:CanvasText}.ds-product-nav a[aria-current=page]{outline:2px solid highlight}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}to{height:0}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}