.ds{padding-bottom:var(--section-main);font-family:var(--font-sans);font-variation-settings:"wdth" var(--sans-wdth);letter-spacing:0}.ds-shell{align-items:start}.ds-rail{grid-column:1 / 4;position:sticky;top:calc(var(--nav-h) + var(--crumb-h) + var(--s-6));padding-top:var(--section-sm)}.ds-rail ol{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-1)}.ds-rail a{display:block;padding:var(--s-1) 0;font-size:var(--body-3);line-height:var(--lh-body-3);color:var(--ink-muted);transition:color var(--dur-hover) var(--ease)}.ds-rail a:hover,.ds-rail a[aria-current]{color:var(--ink)}.ds-rail a[aria-current]{font-weight:var(--fw-heading)}.ds-main{grid-column:4 / -1;min-width:0}.ds-head{padding:var(--section-sm) 0 var(--section-sm);display:grid;gap:var(--s-5)}.ds-lede{max-width:var(--text-title)}.ds-sec{padding:var(--section-sm) 0;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-4);scroll-margin-top:calc(var(--nav-h) + var(--crumb-h))}.ds-deck{max-inline-size:var(--ds-deck)}.ds-h{margin-top:var(--s-6)}.ds-code{font-family:var(--font-mono);font-size:var(--caption);line-height:var(--lh-caption);letter-spacing:0}a.ds-code:hover{color:var(--link-hover)}.ds-chips{display:flex;flex-wrap:wrap;gap:var(--s-1);margin:0}.ds-chips .ds-chip{margin:0}.ds-chip{display:inline-flex;align-items:center;gap:var(--s-1);margin:0 var(--s-1) var(--s-1) 0;padding:0 var(--s-2);min-height:var(--btn-h-s);border-radius:var(--r-chip);background:var(--surface-soft);font-size:var(--caption);color:var(--ink)}.ds-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3)}.ds-toks{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);--tap-room:calc(var(--s-2) / 2)}.ds-tok{display:inline-flex;flex-wrap:wrap;align-items:baseline;align-content:center;column-gap:var(--s-2);min-height:var(--btn-h-s);max-width:100%;padding:var(--s-1) var(--s-2);border-radius:var(--r-chip);border:1px solid var(--line-control);font-family:var(--font-mono);font-size:var(--caption);line-height:var(--lh-caption);color:var(--ink);white-space:nowrap;text-align:left;transition:border-color var(--dur-hover) var(--ease),background var(--dur-hover) var(--ease)}.ds-tok>span{min-width:0;white-space:normal}.ds-nb{white-space:nowrap}.ds-tok:hover{border-color:var(--line-control-strong);background:var(--surface-soft)}.ds-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--col-gap);margin:var(--s-4) 0 0}.ds-stats div{display:grid;gap:var(--s-1);padding-top:var(--s-3);border-top:1px solid var(--line-strong)}.ds-stats dd{margin:0}.ds-table-wrap{overflow-x:auto}.ds-table{width:100%;border-collapse:collapse}.ds-table th,.ds-table td{padding:var(--s-3) var(--s-3) var(--s-2) 0;border-top:1px solid var(--line);vertical-align:top;text-align:left;font-weight:var(--fw-body)}.ds-table th{width:var(--ds-token-w);white-space:nowrap}.ds-table a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-control);text-underline-offset:var(--underline-offset-link)}.ds-rules{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-2)}.ds-rules li{display:grid;grid-template-columns:var(--icon-16) minmax(0,1fr);gap:var(--s-3);align-items:start;max-width:var(--text-body)}.ds-rules .ms{width:var(--icon-16);height:var(--icon-16);margin-top:var(--s-1);color:var(--accent)}.ds-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--ds-swatch-w),1fr));gap:var(--s-1) var(--col-gap);margin-bottom:calc(-1 * var(--col-gap))}.ds-swatch{display:grid;grid-row:span 3;grid-template-rows:subgrid;align-content:start;margin-bottom:var(--col-gap);text-align:left}.ds-swatch-chip{height:var(--ds-chip-h);border-radius:var(--r-m);border:1px solid var(--line);margin-bottom:var(--s-1)}.ds-themes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--ds-pair-min)),1fr));gap:var(--col-gap)}.ds-theme{container:ds-table / inline-size;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-l);padding:var(--s-5)}.ds-trow{display:grid;grid-template-columns:var(--s-5) minmax(0,1fr) auto;grid-template-areas:"sw name value";column-gap:var(--s-3);align-items:center;padding:var(--s-1) 0;border-top:1px solid var(--line)}.ds-trow>.ds-code{grid-area:name;white-space:nowrap}.ds-trow>.t-caption{grid-area:value}.ds-tchip{grid-area:sw;height:var(--s-5);border-radius:var(--r-s);border:1px solid var(--line)}.ds-scopes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--col-gap)}.ds-scope{display:grid;gap:var(--s-3);align-content:start;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-l);padding:var(--s-5)}.ds-type{display:grid;grid-template-columns:minmax(0,1fr) max-content max-content;column-gap:var(--col-gap)}.ds-ladder{grid-column:1 / -1;padding-bottom:var(--s-4)}.ds-type-row+.ds-ladder{margin-top:calc(var(--s-4) + var(--s-5))}.ds-type-row{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;row-gap:var(--s-2);align-items:first baseline;padding:var(--s-4) 0;border-top:1px solid var(--line)}.ds-type-meta{grid-column:2 / -1;display:grid;grid-template-columns:subgrid;gap:var(--s-1) var(--s-2);justify-items:start;align-items:baseline;align-self:first baseline}.ds-resize{resize:horizontal;overflow:hidden;min-width:var(--ds-resize-min);max-width:100%;width:var(--text-title);display:grid;gap:var(--s-4);padding:var(--s-5);border:1px dashed var(--line-control-strong);border-radius:var(--r-m)}.ds-bars{display:grid;gap:var(--s-2);--tap-room:calc(var(--s-2) / 2)}.ds-bar-row{display:grid;grid-template-columns:var(--ds-token-w) minmax(0,1fr) var(--ds-cell-w);gap:var(--col-gap);align-items:center}.ds-bar-row .ds-tok{justify-self:start}.ds-bar-track{min-width:0}.ds-bar{display:block;height:var(--ds-bar-h);border-radius:var(--r-key);background:var(--accent)}.ds-len{text-align:right;font-variant-numeric:tabular-nums}.ds-spans{row-gap:var(--s-2)}.ds-span{display:grid;place-items:center;min-height:var(--ds-lane-h);max-inline-size:none;border-radius:var(--r-s);background:var(--surface-soft);color:var(--ink-muted)}.ds-chip.is-on{background:var(--ink);color:var(--bg)}.ds-switch{display:inline-flex;align-items:center;gap:var(--s-2);margin-top:var(--s-2)}.ds-switch input{accent-color:var(--ink);margin:0}.ds-cells{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--ds-tile-min),1fr));gap:var(--col-gap)}.ds-cell{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-2);justify-items:start;text-align:left}.ds-cell>.ds-code{white-space:nowrap}.ds-radius,.ds-shadow,.ds-opacity{width:100%;aspect-ratio:1;background:var(--surface-soft);border:1px solid var(--line)}.ds-shadow{background:var(--surface-sheet);border-radius:var(--r-m);border:0}.ds-opacity{background:var(--ink);border-radius:var(--r-m);border:0}.ds-icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(var(--ds-icon-min),(100% - var(--col-gap)) / 2),1fr));gap:var(--col-gap)}.ds-icon{display:grid;justify-items:center;align-content:start;gap:var(--s-2);padding:var(--s-4) var(--s-2);border-radius:var(--r-m);background:var(--surface-soft);text-align:center}.ds-icon .ms{width:var(--icon-theme);height:var(--icon-theme)}.ds-card,.ds-mod{padding:var(--ds-card-pad);border:1px solid var(--line);border-radius:var(--r-l);background:var(--surface-sheet)}.ds-card{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-3);margin-top:var(--s-4)}.ds-demo{min-height:var(--ds-demo-min-h);padding:var(--ds-card-pad);border-radius:var(--r-m);background:var(--surface-band);align-content:center}.ds-about{display:grid;gap:var(--s-2);align-content:start}.ds-note{max-inline-size:var(--text-body)}.ds-more summary{cursor:pointer;color:var(--ink-muted);inline-size:fit-content}.ds-more summary:hover{color:var(--ink)}.ds-more[open] summary{margin-bottom:var(--s-2)}.ds-ic{font-family:var(--font-mono);font-size:var(--figcap-code);padding:0 var(--s-1);border-radius:var(--r-key);background:var(--surface-soft);color:var(--ink)}.ds-matrix{padding:0}.ds-mx{display:grid;grid-template-columns:repeat(7,max-content);gap:var(--s-3);justify-items:start;align-items:center;padding:var(--ds-card-pad);overflow-x:auto;scrollbar-width:none;mask-image:var(--strip-mask)}.ds-mx::-webkit-scrollbar{display:none}.ds-tiles{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--s-3)}.ds-tile{aspect-ratio:1;border-radius:var(--r-m)}.ds-arts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--col-gap)}.ds-art{display:grid;place-items:center;padding:var(--s-6);border-radius:var(--r-m);background:var(--tile);container-type:inline-size}.ds-art .artifact{width:100%}.ds-pop{position:relative;display:grid;place-items:center}.ds-pop .popcard{position:relative}.ds-crumb{min-height:0;padding:0;overflow:hidden}.ds-crumb .crumb{position:relative;top:auto;border-bottom:0}.ds-specs{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--s-6) var(--s-8)}.ds-spec{margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-3);justify-items:start;min-width:0;max-width:100%}.ds-marks .logo{--logo-h:var(--s-6);max-width:100%;color:var(--ink)}.ds-marks .logo svg{max-width:100%;height:auto}.ds-mods{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--ds-mod-min)),1fr));gap:var(--col-gap)}.ds-mod{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:var(--s-3)}.ds-mod-head{display:grid;gap:var(--s-1)}.ds-mod-head h4{margin:0}.ds-used{grid-row:3;display:grid;gap:var(--s-2);justify-items:start;align-content:start;padding-top:var(--s-2)}.ds-open{display:inline-flex;align-items:center;gap:var(--s-1);color:var(--ink)}.ds-open:hover{color:var(--link-hover)}.ds-open .ms{width:var(--icon-16);height:var(--icon-16)}.ds-lab{display:grid;gap:var(--s-3)}.ds-preset{display:grid;grid-template-columns:var(--ds-token-w) minmax(0,1fr);gap:var(--col-gap);align-items:center;padding:var(--s-4) 0;border-top:1px solid var(--line)}.ds-preset-meta{display:grid;gap:var(--s-1);justify-items:start}.ds-preset-lab{display:grid;gap:var(--s-2)}.ds-lane{position:relative;height:var(--ds-lane-h);border-radius:var(--r-pill);background:var(--surface-soft);cursor:pointer}.ds-lane:hover{background:var(--card-hover)}.ds-lane-dot{position:absolute;top:50%;left:calc(var(--s-3) + (100% - 2 * var(--s-3) - var(--ds-dot)) * var(--x,0));width:var(--ds-dot);height:var(--ds-dot);margin-top:var(--ds-dot-pull);border-radius:var(--r-round);background:var(--accent)}.ds-curve{width:100%;height:var(--ds-curve-h);overflow:visible}.ds-curve path{fill:none;stroke:var(--ink);stroke-width:var(--chart-line);vector-effect:non-scaling-stroke}.ds-curve line{stroke:var(--line-strong);stroke-dasharray:var(--ds-dash);vector-effect:non-scaling-stroke}.ds-sliders{display:flex;flex-wrap:wrap;gap:var(--s-4);align-items:center}.ds-sliders label{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--caption);color:var(--ink-muted)}.ds-sliders input{accent-color:var(--ink);background:transparent}.ds-demos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--col-gap)}.ds-dcard{margin:0;grid-row:span 3;grid-template-rows:subgrid;row-gap:var(--s-3)}.ds-dlabel{display:grid;gap:var(--s-1);justify-items:start}.ds-dstage{display:grid;place-items:center;min-height:var(--ds-stage-min);text-align:center}.ds-dctl{justify-self:start;align-self:end}.ds-liftdemo{display:inline-grid;place-items:center;padding:var(--s-4) var(--s-5);border:1px solid var(--line);border-radius:var(--r-m);background:var(--bg);transform:translate3d(0,var(--ly,0px),0);box-shadow:var(--shadow-card)}.ds-tuner{display:grid;grid-template-columns:minmax(0,1fr) var(--ds-col-w);gap:var(--col-gap);align-items:start}.ds-tuner-bar{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--s-3)}.ds-tuner-bar [aria-haspopup=listbox],.ds-tuner-bar .ds-input{height:var(--btn-h-lg);border-radius:var(--r-s);font-size:var(--fs-ui)}.ds-tuner-bar [role=listbox]{inline-size:max-content;max-inline-size:min(var(--text-title),100cqi);max-block-size:var(--ds-pick-h);overflow-y:auto}.ds-tuner-bar [role=option]{white-space:normal}.ds-input{min-height:var(--btn-h-lg);padding:0 var(--s-3);border:1px solid var(--line-control);border-radius:var(--r-s);background:var(--surface-sheet);color:var(--ink);font:inherit;font-size:var(--body-3)}.ds-input:focus{outline:none;border-color:var(--line-control-strong)}.ds-input:focus-visible{outline:var(--focus-w) solid var(--ink);outline-offset:var(--focus-offset)}.ds-input:disabled,.ds-input[aria-disabled=true]{background:transparent;color:var(--ink-muted)}.ds-tuner-bar .ds-input[type=search]{flex:1;min-width:var(--ds-resize-min)}.ds-val{display:block;inline-size:100%;min-inline-size:0;min-height:0;padding:var(--s-2) var(--s-3);font-family:var(--font-mono);font-size:var(--caption);line-height:var(--lh-caption);white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:none;cursor:text}.ds-val[aria-disabled=true]{cursor:default}.ds-changes{grid-column:2;grid-row:2;align-self:start;position:sticky;top:calc(var(--nav-h) + var(--crumb-h) + var(--s-5));display:grid;gap:var(--s-3);padding:var(--s-5);border:1px solid var(--line);border-radius:var(--r-l);background:var(--surface-sheet)}.ds-diff{margin:0;max-height:var(--ds-resize-min);overflow:auto;white-space:pre-wrap;color:var(--ink-muted)}.ds-tlist{grid-column:1;grid-row:2;display:grid;grid-template-columns:fit-content(var(--ds-token-w)) minmax(0,1fr);column-gap:var(--col-gap)}.ds-trow2{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;row-gap:var(--s-1);align-items:start;padding:var(--s-2) 0;border-top:1px solid var(--line)}.ds-tname{padding-top:calc(var(--s-2) + 1px)}.ds-trow2[hidden]{display:none}.ds-trow2 details{grid-column:2}.ds-trow2 summary{cursor:pointer}.ds-trow2.is-changed .ds-tname{color:var(--accent)}.ds-trow2.is-flash{background:var(--surface-soft)}@container shell (width <= 1067.7px){.ds-rail{grid-column:1 / -1;min-width:0;top:calc(var(--nav-h) + var(--crumb-h));z-index:2;padding:var(--s-2) 0;background:var(--bg);border-bottom:1px solid var(--line)}.ds-rail ol{position:relative;display:flex;gap:var(--s-4);overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--strip-fade));padding-inline:var(--strip-fade);mask-image:var(--strip-mask)}.ds-rail ol::-webkit-scrollbar{display:none}.ds-rail a{white-space:nowrap}.ds-main{grid-column:1 / -1}.ds-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-sec{scroll-margin-top:calc(var(--nav-h) + var(--crumb-h) + var(--ds-lane-h) + var(--s-4))}}@container shell (width <= 889.4px){.ds-scopes{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-tuner{grid-template-columns:minmax(0,1fr)}.ds-changes{grid-column:1;grid-row:auto;position:static}.ds-tlist{grid-row:auto}.ds-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}@container shell (width <= 678.1px){.ds-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-scopes,.ds-demos,.ds-arts,.ds-preset,.ds-tlist{grid-template-columns:minmax(0,1fr)}.ds-trow2 details{grid-column:1}.ds-tname{padding-top:0}.ds-bars{gap:var(--s-4);--tap-room:calc(var(--s-4) / 2)}.ds-bar-row{grid-template-columns:minmax(0,1fr) var(--ds-cell-w);row-gap:var(--s-1)}.ds-bar-row .ds-tok{grid-column:1 / -1}.ds-table th{width:auto;white-space:normal}}@container shell (width < 560px){.ds-type{grid-template-columns:minmax(0,1fr)}.ds-type-meta{grid-column:auto;display:flex;flex-wrap:wrap}}@container shell (width < 480px){.ds-demo{margin-inline:calc(-1 * var(--ds-card-pad));border-radius:0}.ds-mx{padding:var(--s-3) var(--strip-fade)}.ds-resize{padding:var(--s-3)}.ds-table tr{display:grid;gap:var(--s-2);padding:var(--s-3) 0;border-top:1px solid var(--line)}.ds-table th,.ds-table td{display:block;padding:0;border:0}}@container ds-table (width < 400px){.ds-trow{grid-template-columns:var(--s-5) minmax(0,1fr);grid-template-areas:"sw name" "sw value"}}