@layer system{.ds-width-probe{visibility:hidden;contain:strict;pointer-events:none;width:100vw;height:0;position:fixed;inset:0 auto auto 0;overflow:hidden}.ds-stat-width--case,.ds-stat-width--bare{margin:0;display:grid}.ds-stat-width--bare{gap:var(--grid-gap);grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=767px){.ds-stat-width--bare{grid-template-columns:minmax(0,1fr)}}.ds-button-view .ds-stage-bar>.ds-tabs{margin-inline-start:0}.ds-button-preview{gap:var(--space-16);padding:var(--space-6);padding-top:var(--space-3);display:grid}.ds-button-group>.text-label-m{color:var(--color-text-secondary);margin-bottom:var(--space-1)}.ds-button-secondary,.ds-button-values dt{color:var(--color-text-secondary)}.ds-button-grid{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;display:grid}.ds-button-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-button-card{gap:var(--space-6);min-width:0;padding:var(--space-6);background:var(--color-bg-canvas);border-radius:var(--radius-medium);flex-direction:column;display:flex}.ds-button-card--wide{grid-column:span 2}.ds-button-grid[data-ds-columns="1"] .ds-button-card--wide{grid-column:auto}.ds-button-stage{--ds-stage-clearance:var(--space-6);min-width:0;min-height:calc(var(--space-16) * 2);justify-content:center;align-items:center;gap:var(--space-4);padding:var(--ds-stage-clearance);border-radius:var(--radius-small);background:var(--color-bg-surface);display:flex}.ds-button-values{grid-template-rows:var(--ds-button-value-rows,auto);gap:var(--space-1);margin:auto 0 0;display:grid}.ds-button-values>div{justify-content:space-between;gap:var(--space-2);align-items:start;display:flex}.ds-button-values dt{white-space:nowrap;flex:none}.ds-button-values dd{text-align:right;min-width:0;margin:0}.ds-button-state-column,.ds-button-state-labels{grid-row:span 5;grid-template-rows:subgrid;min-width:0;display:grid}.ds-button-state-group+.ds-button-state-group{margin-top:var(--space-8)}.ds-button-state-labels{align-items:center}.ds-button-state-column>p{text-align:center;white-space:nowrap}.ds-button-states{grid-template-columns:var(--space-16) repeat(4,minmax(0,1fr));grid-template-rows:minmax(var(--space-6),auto) repeat(4,calc(var(--space-16) + var(--space-6)));padding:var(--space-6);gap:var(--space-3);margin-top:var(--space-4);border-radius:var(--radius-medium);background:var(--color-bg-canvas);display:grid}.ds-button-state-cell{justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.ds-button-state-cell>span{display:none}.ds-button-state-example{justify-content:center;align-items:center;width:100%;min-width:0;display:flex;position:relative}.ds-button-stage-art,.ds-button-state-art{flex:none;align-items:center;width:max-content;display:flex;position:relative}.ds-button-stage-art{transform:scale(var(--ds-specimen-fit,1))}.ds-value-item{white-space:nowrap;display:inline-block}.ds-button-stage .text-link{white-space:nowrap}.ds-button-stage-art .button,.ds-button-state-art :is(.button,.text-link,p){white-space:nowrap;flex-shrink:0}.ds-button-state-art{transform:scale(var(--ds-state-scale,1))}.ds-button-state-group>.text-label-m{white-space:nowrap}.ds-button-view .ds-media-controls{align-items:center;gap:var(--space-2);opacity:1;pointer-events:auto;padding:var(--space-1);display:flex;position:static}.ds-button-state-example [data-ds-state],.ds-button-state-example [data-ds-state] *,.ds-button-state-example [data-ds-state]:before{transition:none}.ds-button-turn{width:var(--control-icon);height:var(--control-icon);left:50%;top:calc(var(--space-4) * -1);color:var(--color-interactive-accent);position:absolute;overflow:visible}#button .ds-button-state-example:has([data-ds-state=hover]) .icon--close>g{transform:rotate(calc(var(--rotation-icon-close) / 2))}.ds-button-code>section{gap:var(--space-4);display:grid}.ds-button-code>section+section{margin-top:var(--space-8)}.ds-button-props,.ds-button-code-panel{min-width:0;padding:var(--space-6);border-radius:var(--radius-small);background:var(--color-bg-canvas);overflow-wrap:anywhere}.ds-button-code-panel>*+*{margin-top:var(--space-3)}.ds-button-code-panel ul{padding-left:var(--space-4)}.ds-button-code-panel li+li{margin-top:var(--space-2)}.ds-button-code-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.ds-button-view .ds-comparison-switch{min-width:0;height:auto;overflow:visible}.ds-button-view .ds-comparison-switch .case-comparison-images{display:none}.ds-button-view .ds-button-stage .case-comparison-controls{margin:0}.ds-button-state-name--phone{display:none}.ds-button-state-section[data-layout=stacked] .ds-button-states{gap:var(--space-4);background:0 0;grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.ds-button-state-section[data-layout=stacked] .ds-button-state-labels{display:none}.ds-button-state-section[data-layout=stacked] .ds-button-state-column{grid-row:auto;grid-template-rows:var(--space-6) repeat(4,calc(var(--space-16) + var(--space-6)));padding:var(--space-6);border-radius:var(--radius-medium);background:var(--color-bg-canvas)}.ds-button-state-section[data-layout=stacked] .ds-button-state-column>p{text-align:left}.ds-button-state-section[data-layout=stacked] .ds-button-state-name--desktop{display:none}.ds-button-state-section[data-layout=stacked] .ds-button-state-name--phone{display:inline}.ds-button-state-section[data-layout=stacked] .ds-button-state-cell{justify-content:space-between;gap:var(--space-2)}.ds-button-state-section[data-layout=stacked] .ds-button-state-cell>span{flex:none;display:block}.ds-button-state-section[data-layout=stacked] .ds-button-state-example{flex:1;width:auto}.ds-button-state-section[data-labels=above] .ds-button-state-column{row-gap:var(--space-6)}.ds-button-state-section[data-labels=above] .ds-button-state-cell{justify-content:flex-start;align-items:start;gap:var(--space-2);flex-direction:column}.ds-button-state-section[data-labels=above] .ds-button-state-example{flex:none;width:100%}.ds-button-state-section[data-labels=above] .ds-button-state-art{margin-block:calc((var(--ds-state-scale,1) - 1) * var(--ds-state-art-height) / 2)}@media (width<=1279px){.ds-button-grid,.ds-button-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.ds-button-stage{--ds-stage-clearance:var(--space-4)}.ds-button-grid,.ds-button-grid--three,.ds-button-code-grid{grid-template-columns:minmax(0,1fr)}.ds-button-card--wide{grid-column:auto}.ds-button-state-section[data-layout=stacked] .ds-button-states{grid-template-columns:minmax(0,1fr)}.ds-button-state-section[data-layout=stacked] .ds-button-state-column{padding:var(--space-4)}}.ds-decision-view .ds-stage-bar>.ds-tabs{margin-inline-start:0}.ds-decision-grid{grid-template-columns:minmax(0,1fr)}.ds-decision-grid .ds-button-card{grid-row:span 4;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr);display:grid}.ds-decision-view .ds-button-values{grid-row:span 2;grid-template-rows:subgrid;margin:0}.ds-decision-stage{background:var(--color-bg-canvas)}.ds-decision-stage>.ds-decision-art{width:min(100%,var(--ds-decision-width));overflow-wrap:normal;flex:none;min-width:0}.ds-decision-art[data-decision-art=figure]{--ds-decision-width:var(--ds-decision-figure-width)}.ds-decision-art[data-decision-art=stack]{--ds-decision-width:var(--ds-decision-stack-width)}.ds-decision-art[data-decision-art=media]{--ds-decision-width:var(--ds-decision-media-width)}.ds-decision-art .hk-decisions{display:block}.ds-decision-view .ds-props-table :is(th,td){overflow-wrap:normal}@media (width>=1024px){.ds-decision-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-decision-grid [data-decision-card=media]{grid-column:1/-1}}.ds-timeline-view .ds-stage-bar>.ds-tabs{margin-inline-start:0}.ds-timeline-grid{grid-template-columns:minmax(0,1fr)}.ds-timeline-stage{background:var(--color-bg-section)}.ds-timeline-stage>.ds-timeline-art{min-width:0;width:min(100%,calc(100vw - var(--gutter-left) - var(--gutter-right)))}.ds-timeline-art [data-section-item]{opacity:1;transform:none}.ds-timeline-view .ds-props-table :is(th,td){overflow-wrap:normal}@media (width<=1279px){.ds-timeline-grid{grid-template-columns:minmax(0,1fr)}}.ds-stat-view .ds-stage-bar>.ds-tabs{margin-inline-start:0}.ds-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-stat-grid .ds-button-card{grid-row:span 3;grid-template-rows:subgrid;display:grid}.ds-stat-stage{min-height:calc(var(--space-24) * 2)}.ds-stat-fit{width:100%;min-width:0}.ds-stat-fit>.ds-stat-art{width:min(100%,var(--ds-stat-width));margin:0 auto}.ds-stat-art dl{margin:0}.ds-stat-view .ds-props-table :is(th,td){overflow-wrap:normal}@media (width<=767px){.ds-stat-grid{grid-template-columns:minmax(0,1fr)}}.ds-heading-view .ds-stage-bar>.ds-tabs{margin-inline-start:0}.ds-heading-grid{grid-template-columns:minmax(0,1fr)}.ds-heading-fit{flex:none;position:relative}.ds-heading-art.ds-specimens{width:var(--ds-heading-width);transform:scale(var(--ds-heading-scale,1));transform-origin:0 0;margin:0;position:absolute}.ds-heading-art .section-heading{margin-bottom:0}.ds-project-view .ds-stage-bar>.ds-tabs{margin-inline-start:0}.ds-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-project-grid .ds-button-card{grid-template-rows:subgrid;grid-row:span 3;display:grid}.ds-project-card--full{grid-column:1/-1}.ds-project-states{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-project-states .ds-button-card{grid-template-rows:subgrid;grid-row:span 2;display:grid}.ds-project-stage{overflow:visible}.ds-project-fit{flex:none;position:relative}.ds-project-art.ds-specimens{width:var(--ds-project-width);transform-origin:0 0;transform:scale(var(--ds-project-scale,1));position:absolute}.ds-project-art>.project{width:100%}.ds-project-cursor{position:absolute}.ds-project-state--hover .project-surface{--project-rotate-x:calc(var(--project-tilt-angle) * -2deg);--project-rotate-y:calc(var(--project-tilt-angle) * 2deg)}@media (width<=1399px){.ds-project-grid,.ds-project-states{grid-template-columns:minmax(0,1fr)}}.ds-navigation-view .ds-stage-bar>.ds-tabs{margin-inline-start:0}.ds-nav-grid{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.ds-nav-grid .ds-button-card{grid-template-rows:subgrid;grid-row:span 3;display:grid}.ds-nav-stage{min-height:calc(var(--space-16) * 2);padding:var(--space-16) var(--ds-stage-clearance);overflow:visible}.ds-nav-specimen{width:max-content;transform:scale(var(--ds-specimen-fit,1));flex:none;position:relative}.ds-nav-specimen .site-header{z-index:auto;position:relative;top:0;left:0;right:auto}.ds-nav-specimen--top .site-header{height:var(--control-icon)}.ds-nav-specimen .identity{left:0}.ds-nav-specimen .header-controls{right:0}.ds-nav-specimen .header-pill-surface{opacity:1}.ds-nav-specimen--floating .header-full-logo{opacity:0}.ds-nav-specimen--floating .header-compact-logo{opacity:1}.ds-nav-specimen .work-rail{display:block;position:static}.ds-nav-specimen .work-rail .section-navigation{position:relative;top:0}.ds-nav-specimen .section-navigation--pill{max-width:none}.ds-nav-states{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.ds-nav-state{justify-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-2);background:var(--color-bg-canvas);border-radius:var(--radius-medium);display:grid}.ds-nav-state>div{padding:var(--space-2)}.ds-nav-state [data-ds-state],.ds-nav-state [data-ds-state] *{transition:none}@media (width<=1399px){.ds-nav-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=767px){.ds-nav-states{grid-template-columns:repeat(2,minmax(0,1fr))}}.ds-chip-view .ds-stage-bar>.ds-tabs{margin-inline-start:0}.ds-chip-stage{gap:var(--space-2);padding:var(--ds-stage-clearance);flex-wrap:wrap}.ds-chip-stage>div{max-width:100%}.ds-motion-catalog{gap:var(--space-12);display:grid}.ds-motion-section-title{color:var(--color-text-secondary);margin:0 0 var(--space-4)}.ds-motion-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;align-items:stretch;display:grid}.ds-motion-wide{grid-column:span 2}.ds-motion-full{grid-column:1/-1}.ds-motion-card,.ds-motion-curve-card,.ds-motion-reduced{min-width:0;padding:var(--space-6);border-radius:var(--radius-medium);background:var(--color-bg-canvas)}.ds-motion-demo{height:calc(var(--space-16) * 2 + var(--space-8));margin-bottom:var(--space-6);border-radius:var(--radius-small);background:var(--color-bg-surface);isolation:isolate;touch-action:pan-y;place-items:center;display:grid;position:relative}.ds-motion-art{width:100%;height:100%;padding:var(--space-6);border-radius:inherit;grid-template-columns:minmax(0,1fr);place-items:center;display:grid;overflow:hidden}.ds-motion-art .wordmark{overflow:visible}.ds-motion-art :is(.arrow,[data-icon-layer],.button-arrow-icon,.theme-icon-glyph,.tooltip,.ds-motion-tilt,.ds-motion-cursor,[data-motion-panel],[data-motion-artwork],[data-motion-caption],[data-motion-header-items],[data-motion-letter],[data-motion-role],[data-motion-role-letter],[data-motion-filter-item],.navigation-item-label,.navigation-item-indicator,[data-motion-skill-track]){will-change:transform,opacity}.ds-motion-art [data-logo-letter]{transform-box:fill-box;transform-origin:50%}.ds-motion-bubble{position:relative}.ds-motion-bubble .tooltip{opacity:1;display:block;position:relative;top:auto;left:auto;transform:none}.ds-motion-demo .ds-motion-replay{top:var(--space-3);right:var(--space-3);z-index:var(--layer-controls);position:absolute}.ds-motion-replay .ds-motion-pause,.ds-motion-card[data-motion-playing] .ds-motion-replay .ds-motion-play{display:none}.ds-motion-card[data-motion-playing] .ds-motion-replay .ds-motion-pause{display:block}.ds-motion-replay>.icon{transition:transform var(--duration-fast) var(--ease-out)}.ds-motion-replay .ds-motion-progress{pointer-events:none;fill:none;width:100%;height:100%;stroke:var(--color-interactive-accent);stroke-width:var(--icon-stroke-regular);stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--motion-progress,0));opacity:0;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.ds-motion-card:is([data-motion-playing],[data-motion-paused]) .ds-motion-progress{opacity:1}.ds-motion-replay:focus-visible .ds-motion-play{transform:translateX(var(--distance-icon-shift))}.ds-motion-card[data-motion-playing] .ds-motion-replay:focus-visible .ds-motion-pause{transform:scale(var(--scale-icon-hover))}@media (hover:hover) and (pointer:fine){.ds-motion-replay:hover .ds-motion-play{transform:translateX(var(--distance-icon-shift))}.ds-motion-card[data-motion-playing] .ds-motion-replay:hover .ds-motion-pause{transform:scale(var(--scale-icon-hover))}}.ds-motion-name{margin:0 0 var(--space-1)}.ds-motion-description{color:var(--color-text-secondary);margin:0}.ds-motion-values{margin:var(--space-4) 0 0;gap:0;display:grid}.ds-motion-values>div{align-items:start;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.ds-motion-values .ds-token-swap{align-items:start}.ds-motion-values dt{color:var(--color-text-secondary);min-width:0}.ds-motion-values dd{text-align:right;margin:0}.ds-motion-timeline{gap:var(--space-2);margin-top:var(--space-6);display:grid;position:relative}.ds-motion-step,.ds-motion-axis{align-items:center;gap:var(--space-3);grid-template-columns:minmax(0,1.2fr) minmax(0,1.25fr) minmax(0,1fr);display:grid}.ds-motion-step-label{min-width:0}.ds-motion-step-value{color:var(--color-text-secondary)}.ds-motion-track{height:var(--space-2);position:relative}.ds-motion-track>span{background:var(--color-interactive-accent);border-radius:var(--radius-full);position:absolute;inset-block:0}.ds-motion-delay{border-top:1px dashed var(--color-interactive-accent);position:absolute;top:50%;left:0}.ds-motion-axis>div{height:var(--space-4);border-top:1px solid var(--color-border-default);position:relative}.ds-motion-axis div>span:first-child{transform:none}.ds-motion-axis div>span:last-child{transform:translate(-100%)}.ds-motion-axis div>span{top:var(--space-1);color:var(--color-text-secondary);position:absolute;transform:translate(-50%)}.ds-motion-curve-chips{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.ds-motion-curve-chips>span{align-items:center;gap:var(--space-1);min-width:0;max-width:100%;display:flex}.ds-motion-curve-chips .ds-motion-curve-line{vector-effect:non-scaling-stroke;stroke-width:var(--icon-stroke-regular)}.ds-motion-curve-chips .ds-motion-guides,.ds-motion-curve-chips circle{display:none}.ds-motion-curve-chips .ds-motion-curve{flex:0 0 var(--icon-size);width:var(--icon-size);height:var(--icon-size);background:var(--color-bg-surface);border-radius:var(--radius-small);padding:0}.ds-motion-playhead{background:var(--color-text-primary);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.ds-motion-playhead span{bottom:calc(var(--space-4) * -1);background:var(--color-text-primary);color:var(--color-bg-canvas);border-radius:var(--radius-full);padding-inline:var(--space-1);white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.ds-motion-other{margin-top:var(--space-4)}.ds-motion-other>div{gap:var(--space-3);padding-block:var(--space-3);border-top:1px solid var(--color-border-default);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);display:grid}.ds-motion-other>div>:not(:first-child){color:var(--color-text-secondary)}.ds-motion-curves{gap:var(--space-3);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.ds-motion-curve-card{padding:var(--space-2);text-align:center}.ds-motion-curve-card>div{border-radius:var(--radius-small);background:var(--color-bg-surface)}.ds-motion-curve-card p{margin:var(--space-2) 0}.ds-motion-curve-card .ds-token-swap{align-items:start}.ds-motion-curve-card .ds-token-human{white-space:nowrap}.ds-motion-curve{width:100%;height:auto;color:var(--color-interactive-accent);display:block}.ds-motion-curve-line{fill:none;stroke:currentColor;stroke-width:var(--icon-stroke-regular)}.ds-motion-curve circle{fill:currentColor}.ds-motion-guides{fill:none;stroke:var(--color-border-default);stroke-width:1px;stroke-dasharray:3 3}.ds-motion-reduced>p+p{margin-top:var(--space-1);color:var(--color-text-secondary)}.ds-motion-arrow-parts{white-space:nowrap;justify-content:center;align-items:center;gap:var(--space-4);width:max-content;display:flex}.ds-motion-mini-card{grid-template-rows:1fr var(--space-1);gap:var(--space-2);padding:var(--space-2);background:var(--color-bg-canvas);border-radius:var(--radius-small);box-shadow:var(--shadow-small);display:grid}.ds-motion-mini-thumbnail{background:var(--color-bg-surface-subtle);border-radius:var(--radius-small)}.ds-motion-mini-title{background:var(--color-text-secondary);border-radius:var(--radius-full);width:100%}.ds-motion-mini-card--website .ds-motion-mini-thumbnail{background:var(--color-bg-accent-subtle)}[data-motion-card=tilt] .ds-motion-demo{height:calc(var(--space-24) * 2 + var(--space-12))}.ds-motion-tilt-scene{width:calc(var(--space-24) * 2);max-width:100%;height:var(--space-24);position:relative}.ds-motion-tilt{width:100%;height:100%}.ds-motion-cursor{margin-left:calc(var(--control-icon) / -2);margin-top:calc(var(--control-icon) / -2);position:absolute;top:50%;left:50%}.ds-motion-art .ds-motion-project-width{visibility:hidden;pointer-events:none;height:0;position:fixed;top:0;left:0}.ds-motion-project{width:calc(var(--space-24) * 2 + var(--space-12));height:calc(var(--space-24) + var(--space-3));max-width:100%;position:relative}.ds-motion-project span{border:1px solid var(--color-interactive-accent);border-radius:var(--radius-medium);background:var(--color-bg-accent-subtle);position:absolute}.ds-motion-project [data-motion-panel]{transform:scale(var(--motion-panel-ratio,1));transform-origin:0 100%;border-radius:var(--radius-large);z-index:var(--layer-content);background:0 0;inset:0}.ds-motion-project [data-motion-artwork]{opacity:0;inset:var(--space-3) var(--space-16) var(--space-3) var(--space-8);border-radius:var(--radius-small)}.ds-motion-project [data-motion-caption]{width:var(--space-16);height:var(--space-12);background:var(--color-bg-accent-subtle);border:0;border-top:1px solid var(--color-interactive-accent);border-radius:var(--radius-small);bottom:0;left:0}.ds-motion-header{width:calc(var(--space-24) * 2);height:var(--control-height);border-radius:var(--radius-full);background:var(--color-bg-surface);max-width:100%;box-shadow:var(--shadow-large);justify-content:space-evenly;align-items:center;display:flex;position:relative;overflow:hidden}.ds-motion-header [data-motion-header-items]{width:calc(var(--space-24) * 2);flex:none;justify-content:space-evenly;align-items:center;height:100%;display:flex}.ds-motion-header span{width:var(--space-8);height:var(--space-1);border-radius:var(--radius-full);background:var(--color-text-secondary)}.ds-motion-letters{white-space:nowrap}.ds-motion-letters span,.ds-motion-role span{display:inline-block}.ds-motion-role{height:var(--space-16);text-align:center;align-items:center;width:100%;display:grid}.ds-motion-role>p{white-space:nowrap;grid-area:1/1}.ds-motion-role>[data-motion-role="1"]{opacity:0}[data-motion-card=filter] .ds-motion-demo{height:calc(var(--space-24) * 3 + var(--space-8))}.ds-motion-filter{justify-items:center;gap:var(--space-2);width:100%;display:grid}.ds-motion-filter-nav{width:100%;position:relative}.ds-motion-filter-nav .section-navigation{transform-origin:top;position:absolute;top:0;left:50%}.ds-motion-filter-nav :is(.navigation-item,.navigation-item-indicator,.navigation-item-label){transition:none}.ds-motion-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,var(--space-24));gap:var(--space-2);width:calc(var(--space-24) * 2);max-width:100%;display:grid;position:relative}.ds-motion-filter-grid>div{grid-row:2}.ds-motion-filter-grid>div:nth-child(-n+2){grid-row:1}.ds-motion-filter-grid>div:nth-child(odd){grid-column:1}.ds-motion-filter-grid>div:nth-child(2n){grid-column:2}.ds-motion-filter-grid>div:nth-child(n+5){opacity:0}.ds-motion-skills{height:var(--space-24);overflow:hidden;mask-image:linear-gradient(#0000,currentColor 25% 75%,#0000)}.ds-motion-skills>div{justify-items:center;gap:var(--space-1);display:grid}.ds-motion-skills .skill-tag{min-height:0;padding:0 var(--space-2)}@media (width<=1199px){.ds-motion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-motion-curves{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=767px){.ds-motion-arrow-parts{flex-direction:column}.ds-motion-grid{grid-template-columns:minmax(0,1fr)}.ds-motion-wide{grid-column:auto}.ds-motion-full{grid-column:1/-1}.ds-motion-curves{grid-template-columns:repeat(2,minmax(0,1fr))}#motion .ds-stage-bar{grid-template-columns:1fr;display:grid}#motion .ds-stage-bar .ds-motion-speed{margin-inline-start:0}#motion .ds-stage-bar>:last-child{justify-self:end}#motion .ds-stage-bar .ds-motion-speed{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}#motion .ds-motion-speed .button{justify-content:center;width:100%}.ds-motion-step,.ds-motion-axis{gap:var(--space-1);grid-template-columns:minmax(0,1fr)}.ds-motion-step{padding-bottom:var(--space-2)}.ds-motion-step-value{text-align:right}.ds-motion-axis>span{display:none}.ds-motion-other>div{gap:var(--space-2);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.ds-motion-replay,.ds-motion-speed,.ds-motion-playhead{display:none!important}.ds-motion-replay>.icon{transition:none}}#motion .ds-stage-bar .ds-motion-speed{margin-inline-start:auto}#motion .ds-stage-bar>.ds-name-toggle{margin-inline-start:var(--space-6)}@media (width<=767px){#motion .ds-stage-bar>.ds-name-toggle{margin-inline-start:auto}}.ds-motion-art :is([data-logo-rest],[data-logo-glyphs]){transition:none}@media (width<=359px){.ds-motion-card{padding:var(--space-4)}}.ds-tools-view .ds-stage-bar>.ds-tabs{margin-inline-start:0}.ds-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-tools-grid--tooltip{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-tools-grid .ds-button-card{grid-row:span 3;grid-template-rows:subgrid;display:grid}.ds-tools-view .ds-button-values{grid-template-rows:min-content 1fr;align-content:start;margin:0}.ds-tools-stage{background:var(--color-bg-canvas)}.ds-tools-stage--about{background:var(--color-bg-section)}.ds-tools-stage--tooltip{padding-block:var(--space-16)}.ds-tools-stage>.ds-tools-art{width:min(100%,var(--ds-tool-logo-width));flex:none;min-width:0}.ds-tools-stage>[data-tool-art=detail]{width:min(100%,var(--ds-tool-detail-width))}.ds-tools-art.about-details{padding:0}.ds-tools-art.about-details:before{display:none}.ds-tools-art [data-tooltip-target],.ds-tools-art .tooltip,.ds-tools-art .svg-asset{transition:none}.ds-tools-cursor{z-index:var(--layer-tooltip);left:var(--ds-pointer-x);top:var(--tooltip-y);width:var(--icon-size-compact);height:var(--icon-size-compact);color:var(--color-paper);fill:var(--color-ink);pointer-events:none;position:absolute}.ds-tools-view .ds-props-table :is(th,td){overflow-wrap:normal}@media (width<=1279px){.ds-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-tools-grid--tooltip{grid-template-columns:minmax(0,1fr)}}@media (width>=1024px){.ds-tools-grid--tooltip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=767px){.ds-tools-grid{grid-template-columns:minmax(0,1fr)}}[data-scroll-surface=vertical]{overscroll-behavior:contain}[data-scroll-surface=horizontal]{overscroll-behavior-x:contain}.ds-sidebar{display:contents}.ds-logo-row{padding:calc(var(--header-inset) + var(--safe-top)) calc(var(--header-inset) + var(--safe-right)) var(--space-8) calc(var(--header-inset) + var(--safe-left))}.ds-home{min-height:var(--control-icon);align-items:center;display:inline-flex}.ds-navigation{top:var(--safe-top);z-index:var(--layer-header);background:var(--color-bg-canvas);border-bottom:1px solid var(--color-border-default);position:sticky}.ds-nav-scroll{--ds-nav-fade-start:0px;--ds-nav-fade-end:0px;min-height:var(--space-16);scrollbar-width:none;margin-inline:var(--safe-left) var(--safe-right);padding-inline:calc(var(--header-inset) - var(--space-3));scroll-padding-inline:var(--space-6);mask-image:linear-gradient(to right,transparent,var(--color-ink) var(--ds-nav-fade-start),var(--color-ink) calc(100% - var(--ds-nav-fade-end)),transparent);align-items:center;display:flex;overflow-x:auto}.ds-nav-scroll::-webkit-scrollbar{display:none}.ds-nav-scroll[data-scroll-start]{--ds-nav-fade-start:var(--space-6)}.ds-nav-scroll[data-scroll-end]{--ds-nav-fade-end:var(--space-6)}.ds-nav-scroll>*,.ds-nav-group>.navigation-item{flex:none}.ds-nav-group{display:contents}.ds-nav-group>p{height:var(--space-4);color:var(--color-text-secondary);margin:var(--space-2) var(--space-3);display:none}.ds-nav-divider{width:1px;height:var(--space-4);margin-inline:var(--space-3);background:var(--color-border-default);flex:none}.ds-main{min-width:0;padding:var(--space-8) calc(var(--space-6) + var(--safe-right)) calc(var(--space-8) + var(--safe-bottom)) calc(var(--space-6) + var(--safe-left));margin:0}html:not([data-work-stage-layout=true]) .ds-breadcrumb{display:none}html[data-work-stage-layout=true] .ds-sidebar{width:calc(240px + var(--safe-left));padding:calc(var(--header-inset) + var(--safe-top)) var(--header-inset) calc(var(--header-inset) + var(--safe-bottom)) calc(var(--header-inset) + var(--safe-left));border-right:1px solid var(--color-border-default);display:block;position:fixed;inset:0 auto 0 0;overflow-y:auto}html[data-work-stage-layout=true] .ds-logo-row{margin-bottom:var(--space-8);padding:0}html[data-work-stage-layout=true] .ds-navigation{background:0 0;border:0;position:static}html[data-work-stage-layout=true] .ds-nav-scroll{gap:var(--space-6);min-height:0;margin-left:calc(var(--space-3) * -1);margin-right:0;padding:0;display:grid;overflow:visible;mask-image:none}html[data-work-stage-layout=true] .ds-nav-group{display:grid}html[data-work-stage-layout=true] .ds-nav-group>p{display:block}html[data-work-stage-layout=true] .ds-nav-divider{display:none}html[data-work-stage-layout=true] .ds-main{margin-left:calc(240px + var(--safe-left));padding:calc(var(--space-12) + var(--safe-top)) calc(var(--space-12) + var(--safe-right)) calc(var(--space-12) + var(--safe-bottom)) var(--space-12)}@media (width<=767px){.ds-navigation [data-ds-dashboard-link]{display:none}}.ds-item-header{justify-content:space-between;align-items:flex-end;gap:var(--space-6);margin-bottom:var(--space-8);display:flex}.ds-item-header h1{margin:0 0 var(--space-1)}.ds-breadcrumb{color:var(--color-text-secondary);margin-bottom:var(--space-2)}.ds-item-description{color:var(--color-text-secondary);max-width:72ch}.ds-view{min-width:0}.ds-view[hidden],.ds-view [role=tabpanel][hidden]{display:none}.ds-stage,.ds-exclusions-box{background:var(--color-bg-surface);border-radius:var(--radius-large);min-width:0;box-shadow:var(--shadow-small);border:0;overflow:hidden}.ds-stage-bar{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-6);flex-wrap:wrap;display:flex}.ds-stage-bar>:last-child{margin-inline-start:auto}.ds-tabs{gap:var(--space-1);display:flex}.ds-tile-visual:before{background-image:radial-gradient(var(--color-border-default) .75px,transparent .75px);background-size:var(--space-4) var(--space-4)}.ds-specimens{width:100%;min-width:0;color:var(--color-text-primary)}.ds-inline-controls{gap:var(--space-3);align-items:center;display:flex}.ds-close-holder{position:static;transform:none}.ds-comparison-switch{min-width:180px;height:60px;overflow:hidden}.ds-spec-list{margin:0;padding:0;list-style:none}.ds-spec-list li{padding-block:var(--space-2);border-top:1px solid var(--color-border-default)}.ds-spec-list strong,.ds-spec-list li>span,.ds-spec-list li>code{margin-right:var(--space-1)}.ds-spec-list li>span:last-child{color:var(--color-text-secondary)}.ds-name-toggle{white-space:nowrap;flex:none}.ds-name-switch{width:var(--space-6);height:var(--space-3);background:var(--color-bg-surface-subtle);border:1px solid var(--color-border-default);border-radius:var(--radius-full);display:inline-block;position:relative}.ds-name-switch:before{content:"";width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--color-text-secondary);position:absolute;top:1px;left:1px}.ds-name-toggle[aria-checked=true] .ds-name-switch{background:var(--color-text-primary)}.ds-name-toggle[aria-checked=true] .ds-name-switch:before{background:var(--color-bg-canvas);left:auto;right:1px}.ds-token-swap{vertical-align:baseline;grid-template-areas:"label";align-items:center;min-width:0;max-width:100%;display:inline-grid}.ds-token-swap>*{overflow-wrap:anywhere;min-width:0;transition:opacity var(--duration-fast);grid-area:label}.ds-token-swap .ds-token-name{opacity:0;color:inherit;pointer-events:none}[data-show-names=true] .ds-token-swap .ds-token-human{opacity:0}[data-show-names=true] .ds-token-swap .ds-token-name{opacity:1}@media (prefers-reduced-motion:reduce){.ds-token-swap>*{transition:none}}.ds-main code,.ds-main pre,.ds-code-columns{font:400 var(--text-label-s)/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.ds-code{gap:var(--space-6);padding:0 var(--space-6) var(--space-6);display:grid}.ds-code pre{white-space:pre;min-width:0;padding:var(--space-6);border-radius:var(--radius-small);background:var(--color-bg-canvas);margin:0;overflow:auto hidden}.ds-code [data-ds-token]{display:none}.ds-code pre>code{overflow-wrap:normal;min-width:max-content;display:block}.ds-code-comment{color:var(--color-text-secondary)}@media (width>=768px){.ds-code pre>code[data-ds-markup]{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}}.ds-code-columns.ds-code-single{grid-template-columns:minmax(0,1fr)}.ds-code-columns{grid-template-columns:repeat(auto-fit,minmax(min(100%,calc(60ch + var(--space-6) * 2)),1fr));align-items:stretch;gap:var(--space-4);display:grid}.ds-code details{margin-top:var(--space-4)}.ds-code summary{cursor:pointer;padding-block:var(--space-2)}.ds-code ul{padding-left:var(--space-4)}.ds-props-table table{border-collapse:collapse;text-align:left;width:100%}.ds-props-table th,.ds-props-table td{vertical-align:top;border-top:1px solid var(--color-border-default);padding:var(--space-2);overflow-wrap:anywhere}.ds-props-table td:nth-child(4){color:var(--color-text-secondary)}.ds-foundation-rows{padding:0 var(--space-6) var(--space-6)}.ds-dashboard{gap:var(--space-8);display:grid}.ds-dashboard-title{margin-bottom:var(--space-4)}.ds-tile-grid{gap:var(--space-4);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.ds-tile-frame{border-radius:var(--radius-medium);min-width:0;position:relative}.ds-tile{background:var(--color-bg-surface);min-width:0;height:100%;box-shadow:var(--shadow-small);border-radius:var(--radius-medium);position:relative;overflow:hidden}.ds-tile-link:after{content:"";border-radius:inherit;position:absolute;inset:0}.ds-tile-link:focus-visible{outline:none}.ds-tile:has(.ds-tile-link:focus-visible){outline:2px solid var(--color-focus-ring);outline-offset:4px}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.ds-tile-frame.is-tilting{z-index:var(--layer-content)}.ds-tile-frame.is-tilting[data-tilt-ready]>.ds-tile{transform:perspective(var(--project-tilt-perspective)) rotateX(var(--project-rotate-x,0deg)) rotateY(var(--project-rotate-y,0deg))}}.ds-exclusions-box{gap:var(--space-8);padding:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ds-exclusions-box .ds-spec-list li{border:0}@media (width<=767px){.ds-exclusions-box{grid-template-columns:minmax(0,1fr)}}.ds-tile-visual{isolation:isolate;height:104px;padding:var(--space-3);background-color:var(--color-bg-surface);place-items:center;display:grid;position:relative;overflow:hidden}.ds-tile-visual:before{content:"";inset:0 0 var(--space-2);z-index:var(--layer-behind);pointer-events:none;position:absolute}.ds-tile-visual:after{content:"";inset:auto var(--space-4) 0;border-bottom:1px solid var(--color-border-default);pointer-events:none;position:absolute}.ds-tile-link{gap:var(--space-1);padding:var(--space-4);align-content:start;display:grid}.ds-tile-link>span{color:var(--color-text-secondary)}.ds-cover-image{width:min(var(--ds-cover-width),calc((100% - var(--space-8)) * var(--ds-cover-scale)));object-fit:contain;pointer-events:none;height:auto;position:absolute;top:50%;left:50%;translate:-50% -50%}.ds-cover-image--dark,[data-theme=dark] .ds-cover-image--light{visibility:hidden}[data-theme=dark] .ds-cover-image--dark{visibility:visible}@media (width<=1099px){.ds-tile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=767px){.ds-item-header{align-items:flex-start;gap:var(--space-4);flex-direction:column}.ds-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-props-table tr{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ds-props-table th,.ds-props-table td{border-top:0;min-width:0}.ds-props-table tbody tr{border-top:1px solid var(--color-border-default)}.ds-props-table :is(th,td):first-child{grid-area:1/1}.ds-props-table :is(th,td):nth-child(2){grid-area:2/1}.ds-props-table :is(th,td):nth-child(3){grid-area:1/2}.ds-props-table :is(th,td):nth-child(4){grid-area:2/2}}@media (width<=599px){.ds-navigation{grid-template-columns:minmax(0,1fr)}}@media (width<=359px){.ds-tile-grid{grid-template-columns:minmax(0,1fr)}}.button.button--catalog{min-height:var(--space-8);padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);background:0 0;border-color:#0000}@media (hover:hover) and (pointer:fine){.button.button--catalog:not([aria-selected=true],[aria-pressed=true]):hover{background:var(--color-bg-surface-subtle);color:var(--color-text-primary);transform:none}}.button.button--catalog:not([aria-selected=true],[aria-pressed=true]):active{background:var(--color-bg-surface-subtle);color:var(--color-text-primary);transform:none}.button.button--catalog:active{transform:none}.button.button--catalog[aria-selected=true]{background:var(--color-bg-surface-subtle);color:var(--color-text-primary)}.button.button--catalog:focus-visible{outline:1px solid var(--color-focus-ring);outline-offset:2px}.button.button--catalog[aria-pressed=true]{background:var(--color-text-primary);color:var(--color-bg-canvas)}.theme-toggle-group{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border-default);border-radius:var(--radius-full);width:max-content;display:inline-flex}.theme-toggle-group .button{gap:var(--space-2)}.theme-toggle-group .button>span{text-box-trim:trim-both;text-box-edge:text}.theme-toggle-group .icon{width:var(--icon-size-compact);height:var(--icon-size-compact)}.ds-color-strip{border-radius:var(--radius-small);grid-template-columns:repeat(12,minmax(0,1fr));display:grid;position:relative;overflow:hidden}.ds-color-strip>div{min-width:0;height:var(--space-24);padding:var(--space-1);align-items:end;display:flex}.ds-color-legend{gap:var(--space-6);margin-top:var(--space-6);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.ds-icon-text-row{align-items:flex-start;gap:var(--space-2);display:flex}.ds-color-mode{align-items:center;gap:var(--space-1);height:1lh;color:var(--color-text-secondary);flex:none;display:inline-flex}.ds-mode-text{min-width:0}.ds-color-legend .icon,.ds-color-mode .icon{width:var(--space-4);height:var(--space-4)}.ds-color-cards{columns:3;column-gap:var(--space-3);margin-top:var(--space-4)}.ds-color-card{grid-template-columns:calc(var(--space-8) + var(--space-2)) minmax(0,1fr);gap:var(--space-3);break-inside:avoid;padding:var(--space-4);margin-bottom:var(--space-3);border-radius:var(--radius-medium);background:var(--color-bg-canvas);align-items:start;display:grid}.ds-color-copy{min-width:0}.ds-color-card-heading{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.ds-color-square{width:calc(var(--space-8) + var(--space-2));height:calc(var(--space-8) + var(--space-2));border:1px solid var(--color-border-default);border-radius:var(--radius-full);flex:none}.ds-color-card-heading>span{color:var(--color-text-secondary)}.ds-color-card-heading .ds-token-swap{display:inline-block;position:relative}.ds-color-card-heading .ds-token-swap>*{white-space:nowrap}.ds-color-card-heading .ds-token-name,[data-show-names=true] .ds-color-card-heading .ds-token-human{position:absolute;inset:0 auto auto 0}[data-show-names=true] .ds-color-card-heading .ds-token-name{position:static}.ds-color-uses{gap:var(--space-1);margin-top:var(--space-2);display:grid}.ds-color-uses>div{align-items:start;gap:var(--space-2);display:flex}.ds-stroke-cards{gap:var(--space-3);margin-top:var(--space-8);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.ds-stroke-card{min-width:0;padding:var(--space-4);border-radius:var(--radius-medium);background:var(--color-bg-canvas)}.ds-stroke-sample{min-width:0;min-height:var(--space-24);padding-block:var(--space-3);margin-bottom:var(--space-3);background:var(--color-bg-surface);border-radius:var(--radius-small);pointer-events:none;white-space:nowrap;place-items:center;display:grid}.ds-stroke-sample *{pointer-events:none;transition:none;animation:none}.ds-stroke-card>p{margin-top:var(--space-1);color:var(--color-text-secondary)}.ds-stroke-values{gap:var(--space-1);margin-top:var(--space-3);display:grid}.ds-stroke-swatch{width:var(--space-4);height:var(--space-4);margin-block:calc((1lh - var(--space-4)) / 2);border:1px solid var(--color-border-default);border-radius:var(--radius-full);background:var(--ds-swatch-base);flex:none;position:relative;overflow:hidden}.ds-stroke-swatch:after{content:"";background:var(--ds-swatch-shade);position:absolute;inset:0}.ds-border-demo{width:var(--space-24);height:var(--space-16);padding:var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-small);align-items:center;display:grid}.ds-border-demo>span{border-top:1px solid var(--color-border-default)}.ds-video-track-demo{width:calc(100% - var(--space-8));height:var(--space-1);background:var(--color-video-track);border-radius:var(--radius-full);overflow:hidden}.ds-video-track-demo>span{width:var(--space-16);background:var(--color-text-primary);border-radius:inherit;height:100%;display:block}@media (width<=1099px){.ds-stroke-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.ds-stroke-cards{grid-template-columns:minmax(0,1fr)}}@media (width<=1099px){.ds-color-cards{columns:2}}@media (width<=767px){.ds-color-cards{columns:1}.ds-color-strip>div{height:var(--space-12);padding:0}.ds-color-strip>div>span{display:none}}.ds-type-table{--ds-type-columns:minmax(210px,.9fr) repeat(3,minmax(0,1fr))}.ds-type-device-headers,.ds-type-style{grid-template-columns:var(--ds-type-columns);gap:var(--space-4);display:grid}.ds-type-device-header{gap:var(--space-2);background:var(--color-bg-canvas);padding:var(--space-6);border-radius:var(--radius-medium) var(--radius-medium) 0 0;align-items:start;display:flex}.ds-type-device-header .icon,.ds-type-mobile-header .icon{width:var(--space-4);height:var(--space-4);margin-top:var(--space-1)}.ds-type-device-header p:last-child,.ds-type-mobile-header p:last-child{color:var(--color-text-secondary)}.ds-type-style{grid-template-rows:minmax(0,1fr) auto auto;align-items:stretch;row-gap:0}.ds-type-info{padding:var(--space-6) 0;border-top:1px solid var(--color-border-default);flex-direction:column;grid-row:span 3;display:flex}.ds-type-info>strong{margin-bottom:var(--space-2);display:block}.ds-type-info p{color:var(--color-text-secondary)}.ds-type-info .ds-type-use{padding-top:var(--space-2);color:var(--color-text-primary);margin-top:auto}.ds-type-device{grid-row:span 3;grid-template-rows:subgrid;background:var(--color-bg-canvas);min-width:0;padding:var(--space-6);display:grid;position:relative}.ds-type-device:before{content:"";inset:0 var(--space-6) auto;border-top:1px solid var(--color-border-default);pointer-events:none;position:absolute}.ds-type-device-last{border-radius:0 0 var(--radius-medium) var(--radius-medium)}.ds-type-sample-slot{min-height:1cap;margin:var(--space-4) 0 var(--space-6);align-items:flex-end;display:flex}.ds-type-live{text-box-trim:trim-both;text-box-edge:cap alphabetic;overflow-wrap:normal;width:100%;margin:0}.ds-type-value{color:var(--color-text-secondary)}.ds-type-changed{color:var(--color-interactive-accent)}.ds-type-dot{width:var(--space-1);height:var(--space-1);border-radius:var(--radius-full);background:var(--color-interactive-accent);margin-right:var(--space-1);vertical-align:middle;display:inline-block}.ds-type-legend{margin-top:var(--space-6);color:var(--color-text-secondary)}.ds-type-mobile-header{display:none}@media (width<=1399px){.ds-type-device-headers{display:none}.ds-type-style{margin-bottom:var(--space-6);grid-template-rows:none;grid-template-columns:minmax(0,1fr);gap:0}.ds-type-info{grid-row:auto}.ds-type-device{border-radius:0;grid-row:auto;grid-template-rows:auto auto auto auto}.ds-type-device[data-type-device=desktop]{border-radius:var(--radius-medium) var(--radius-medium) 0 0}.ds-type-device[data-type-device=desktop]:before{content:none}.ds-type-device[data-type-device=phone]{border-radius:0 0 var(--radius-medium) var(--radius-medium)}.ds-type-mobile-header{align-items:start;gap:var(--space-2);display:flex}}@media (width<=767px){.ds-type-device{padding:var(--space-3) var(--space-6)}.ds-type-sample-slot{margin-block:var(--space-4)}}.ds-space-catalog{gap:var(--space-12);display:grid}.ds-space-section{gap:var(--space-3);display:grid}.ds-space-section>.text-label-m{color:var(--color-text-secondary)}.ds-space-scale{gap:var(--space-2);padding:var(--space-6);background:var(--color-bg-canvas);border-radius:var(--radius-medium);grid-template-columns:repeat(9,minmax(0,1fr));display:grid}.ds-space-scale-step{text-align:center;gap:var(--space-2);min-width:0;display:grid}.ds-space-bar-slot{width:100%;min-width:0;height:var(--space-24);grid-template-columns:minmax(0,1fr);place-items:end center;display:grid}.ds-space-bar{width:var(--space-12);background:var(--color-interactive-accent);border-radius:var(--radius-small);max-width:100%;display:block}.ds-space-scale-label{min-width:0;color:var(--color-text-secondary)}.ds-space-scale-label .ds-token-swap{width:100%}.ds-space-cards{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ds-space-card,.ds-layout-card,.ds-radius-card,.ds-shadow-card,.ds-icons-card{min-width:0;padding:var(--space-6);background:var(--color-bg-canvas);border-radius:var(--radius-medium)}.ds-space-card{grid-template-columns:var(--space-24) minmax(0,1fr);align-items:center;gap:var(--space-4);display:grid}.ds-space-card p,.ds-layout-card p,.ds-radius-card p,.ds-shadow-card p{color:var(--color-text-secondary)}.ds-space-demo{height:var(--space-16);background:var(--color-bg-surface);border-radius:var(--radius-small);place-items:center;display:grid}.ds-space-demo span{height:var(--space-6);background:var(--color-bg-accent-subtle);border-inline:1px solid var(--color-interactive-accent)}.ds-layout-cards{gap:var(--space-3);grid-template-columns:2fr 2fr 1fr;display:grid}.ds-layout-card{gap:var(--space-4);display:grid}.ds-device-caption{align-items:start;gap:var(--space-2);display:flex}.ds-device-caption .icon{width:var(--icon-size-compact);height:var(--icon-size-compact);color:var(--color-text-secondary)}.ds-layout-stage{padding:var(--space-6);min-height:calc(var(--space-24) + var(--space-24) + var(--space-8));background:var(--color-bg-surface);border-radius:var(--radius-small);align-items:center;display:grid}.ds-layout-sheet{gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-canvas);border:1px solid var(--color-border-default);border-radius:var(--radius-small);display:grid}.ds-layout-title-bar{width:var(--space-16);height:var(--space-2);background:var(--color-text-secondary);border-radius:var(--radius-full);display:block}.ds-layout-projects,.ds-layout-metrics{display:grid}.ds-layout-projects>span{height:var(--space-12);background:var(--color-bg-surface);border-radius:var(--radius-small);box-shadow:var(--shadow-small)}.ds-layout-metrics>span{height:var(--space-4);background:var(--color-bg-accent-subtle);border-radius:var(--radius-full)}.ds-radius-cards{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width>=1440px){.ds-radius-cards{grid-template-columns:repeat(6,minmax(0,1fr))}}.ds-radius-card{align-content:start;gap:var(--space-1);display:grid}.ds-radius-demo{padding:var(--space-6);height:calc(var(--space-24) + var(--space-2));margin-bottom:var(--space-3);background:var(--color-bg-surface);border-radius:var(--radius-small);place-items:center;display:grid}.ds-radius-demo>span{width:100%;height:var(--space-16);border-top:1px solid var(--color-interactive-accent);border-left:1px solid var(--color-interactive-accent);background:var(--color-bg-accent-subtle)}.ds-radius-demo>.ds-radius-pill{width:var(--space-16);height:var(--space-8);border:1px solid var(--color-interactive-accent)}.ds-shadow-cards{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ds-shadow-card{gap:var(--space-1);align-content:start;display:grid}.ds-shadow-demo{border-radius:var(--radius-small);margin-bottom:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.ds-shadow-demo>div{height:calc(var(--space-24) + var(--space-16));padding:var(--space-6);background:var(--color-bg-canvas);place-items:center;display:grid}.ds-shadow-demo span{width:var(--space-24);max-width:100%;height:var(--space-12);background:var(--color-bg-surface);border-radius:var(--radius-small);display:block}.ds-shadow-values{gap:var(--space-2);margin-top:var(--space-2);display:grid}.ds-shadow-values p{align-items:start;gap:var(--space-2);display:flex}.ds-shadow-values .icon{width:var(--icon-size-compact);height:var(--icon-size-compact);margin-top:calc((var(--text-label-s) * 1.5 - var(--icon-size-compact)) / 2);flex:none}.ds-shadow-values code{white-space:normal;overflow-wrap:anywhere;min-width:0}@media (width<=1099px){.ds-space-cards,.ds-radius-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-layout-cards{grid-template-columns:minmax(0,1fr)}.ds-layout-card--phone .ds-layout-sheet{width:var(--space-24);justify-self:center}}@media (width<=767px){.ds-space-cards,.ds-radius-cards,.ds-shadow-cards{grid-template-columns:minmax(0,1fr)}.ds-space-scale{padding:var(--space-4);gap:var(--space-1)}.ds-space-scale-label .ds-token-name{writing-mode:vertical-rl;justify-self:center}}.ds-icons{gap:var(--space-12);display:grid}.ds-icons-section{gap:var(--space-4);min-width:0;display:grid}.ds-icons-section>.text-label-m{color:var(--color-text-secondary)}.ds-icons-groups,.ds-icons-colors{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ds-icons-sizes,.ds-icons-weights{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ds-icons-card{gap:var(--space-4);flex-direction:column;display:flex}.ds-icons-copy{gap:var(--space-1);display:grid}.ds-icons-copy>.text-body-s{color:var(--color-text-secondary)}.ds-icons-grid{grid-template-columns:repeat(4,var(--ds-icon-tile-size,var(--control-icon)));gap:var(--ds-icon-tile-gap,var(--space-2));margin:0;padding:0;list-style:none;display:grid}.ds-icons-grid li{gap:var(--space-2);text-align:center;grid-template-rows:auto 1fr;min-width:0;display:grid}.ds-icon-name{white-space:nowrap;justify-self:center;width:max-content}.ds-icon-control{width:var(--ds-icon-tile-size,var(--control-icon));height:var(--ds-icon-tile-size,var(--control-icon));border-radius:var(--radius-small);background:var(--color-bg-surface);place-items:center;padding:0;display:grid}.ds-icon-control>.icon{overflow:visible}.ds-icons-sample{white-space:nowrap}.ds-icons-sample>*{flex:none}.ds-icons-sample.ds-icons-size-stage{justify-content:center}.ds-icons-size-art{justify-content:space-evenly;align-items:center;gap:var(--space-4);width:100%;min-width:max-content;transform:scale(var(--ds-icons-row-scale,1));display:flex}.ds-icons-copy a{white-space:nowrap}:is(.ds-icons,.ds-motion-catalog) .ds-token-swap>*{overflow-wrap:normal;word-break:normal}.ds-icons-sample{justify-content:space-evenly;align-items:center;gap:var(--space-4);min-height:calc(var(--space-24) + var(--space-12));padding:var(--space-6);background:var(--color-bg-surface);border-radius:var(--radius-small);display:flex}.ds-icons-accent .icon{width:var(--space-12);height:var(--space-12)}.ds-icons-weight .icon{stroke-width:var(--ds-icon-stroke)}.ds-icon-secondary{color:var(--color-text-secondary)}.ds-icon-accent{color:var(--color-interactive-accent)}.ds-icons-zones{gap:0;padding:0;overflow:hidden}.ds-icons-zones>div{background:var(--color-bg-canvas);color:var(--color-rain-icon);flex:1;align-self:stretch;place-items:center;display:grid}.ds-icons-library{place-items:center;gap:var(--space-4);padding:var(--space-6);background:var(--color-bg-surface);border-radius:var(--radius-small);color:var(--color-rain-icon);grid-template-columns:repeat(20,minmax(0,1fr));display:grid}@media (width<=1099px){.ds-icons-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-icons-library{grid-template-columns:repeat(10,minmax(0,1fr))}}@media (width<=767px){.ds-icons-groups,.ds-icons-sizes,.ds-icons-weights,.ds-icons-colors{grid-template-columns:minmax(0,1fr)}.ds-icons-card{padding:var(--space-4)}.ds-icons-size-art{flex-direction:column;width:max-content}.ds-icons-sample{padding:var(--space-4)}.ds-icons-library{gap:var(--space-3);padding:var(--space-4);grid-template-columns:repeat(6,minmax(0,1fr))}.ds-main,.ds-logo-row{padding-inline:calc(var(--space-4) + var(--safe-left)) calc(var(--space-4) + var(--safe-right))}.ds-nav-scroll{padding-inline:calc(var(--space-4) - var(--space-3));scroll-padding-inline:var(--space-4)}.ds-main :is(.ds-stage-bar,.ds-exclusions-box,.ds-button-card,.ds-button-props,.ds-button-code-panel,.ds-type-device,.ds-type-device-header,.ds-space-card,.ds-layout-card,.ds-radius-card,.ds-shadow-card,.ds-icons-card,.ds-motion-card,.ds-motion-curve-card,.ds-motion-reduced,.ds-nav-state,.ds-code pre){padding:var(--space-4)}.ds-main :is(.ds-code,.ds-foundation-rows,.ds-button-preview){padding-inline:var(--space-4);padding-bottom:var(--space-4)}.ds-main :is(.ds-layout-stage,.ds-radius-demo,.ds-motion-art,.ds-shadow-demo>div){padding:var(--space-4)}.ds-type-device:before{inset-inline:var(--space-4)}}}@layer project;