:root{--site-top:0px;--site-sidebar:260px;--site-outline:250px;--site-content:1140px}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:calc(var(--site-top) + 1.5rem)}body.site{font-family:var(--body-family);font-size:var(--body-size-md);font-weight:var(--body-weight-regular);line-height:var(--font-line-height-normal);letter-spacing:var(--font-letter-spacing-normal);color:var(--global-text-on-base-neutral-primary);background:var(--global-bg-level-0-default);margin:0}:where(.site) a{color:var(--global-text-on-subtle-brand-default);text-underline-offset:.2em;text-decoration-thickness:var(--stroke-width-sm)}.site h1,.site h2,.site h3,.site h4{font-family:var(--heading-family);font-weight:var(--heading-weight-medium);line-height:var(--font-line-height-tight);letter-spacing:var(--font-letter-spacing-normal);color:var(--global-text-on-base-neutral-primary)}.site h1{font-size:var(--heading-size-sm);margin:0 0 var(--space-16)}.site h2{font-size:var(--heading-size-xs);margin:0 0 var(--space-16)}.site h3{font-size:var(--heading-size-2xs);margin:var(--space-32) 0 var(--space-12)}.site h4{font-size:var(--heading-size-3xs);margin:var(--space-24) 0 var(--space-8)}.site code,.site pre,.site kbd{font-family:var(--mono-family);font-size:var(--mono-size-sm);font-weight:var(--mono-weight-regular);letter-spacing:var(--font-letter-spacing-normal)}.site code{background:var(--global-bg-subtle-neutral-default);border:var(--stroke-width-sm) solid var(--global-border-level-on-level-0);border-radius:var(--corner-radius-xs);padding:.1em .4em}.site pre{color:var(--global-text-on-base-neutral-primary);background:var(--global-bg-level-1-default);border:var(--stroke-width-sm) solid var(--global-border-level-edge-level-1);border-radius:var(--corner-radius-xs);max-height:32rem;line-height:var(--font-line-height-normal);padding:.85rem 1rem;overflow:auto}.site pre code{background:0 0;border:0;padding:0}.site kbd{border:var(--stroke-width-sm) solid var(--global-border-base-neutral-4);border-bottom-width:var(--focus-ring-width);border-radius:var(--corner-radius-xs);background:var(--global-bg-level-0-default);padding:.05em .45em}.site :focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.site-small code{font-size:var(--mono-size-xs)}.site-skip{position:absolute;top:0;left:-999px}.site-skip:focus{background:var(--global-bg-level-0-default);z-index:10;padding:.5rem;top:8px;left:8px}.site-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-mode-switch{margin:0 0 var(--space-12);padding:var(--space-4);display:flex}.site-mode-switch .ds-select{justify-content:space-between;align-items:center;gap:var(--space-8);flex-direction:row;flex:1;display:flex}.site-shell{min-height:calc(100vh - var(--site-top));display:flex}.site-sidebar{width:var(--site-sidebar);border-right:var(--stroke-width-sm) solid var(--global-border-level-on-level-0);flex:none}.site-sidebar__inner{top:var(--site-top);max-height:calc(100vh - var(--site-top));overscroll-behavior:contain;padding:var(--space-12) var(--space-12) var(--space-24);position:sticky;overflow-y:auto}.site-sidebar__areas{margin:0 0 var(--space-12);padding:var(--space-4);gap:var(--space-2);background:var(--global-bg-level-1-default);border:var(--stroke-width-sm) solid var(--global-border-level-edge-level-1);border-radius:var(--corner-radius-xs);list-style:none;display:grid}.site-sidebar__areas a,.site-sidebar__list a{justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-20);border:var(--stroke-width-sm) solid transparent;border-radius:var(--corner-radius-2xs);font-size:var(--body-size-sm);font-weight:var(--body-weight-medium);line-height:var(--font-line-height-normal);letter-spacing:var(--font-letter-spacing-tight-sm);color:var(--global-text-on-base-neutral-tertiary);text-decoration:none;display:flex;position:relative}.site-sidebar__areas a:hover,.site-sidebar__list a:hover{color:var(--global-text-on-base-neutral-primary);background:var(--global-bg-subtle-neutral-hover)}.site-sidebar__areas a[aria-current]{color:var(--global-text-on-base-neutral-primary);background:var(--global-bg-level-0-default);border-color:var(--global-border-level-edge-level-0)}.site-sidebar__section{padding-top:var(--space-8)}.site-sidebar__section+.site-sidebar__section{margin-top:var(--space-8);border-top:var(--stroke-width-sm) solid var(--global-border-level-on-level-0)}.site-sidebar__title{min-height:29px;padding:0 var(--space-4);font-size:var(--body-size-2xs);font-weight:var(--body-weight-medium);letter-spacing:var(--font-letter-spacing-tight-xs);text-transform:uppercase;color:var(--global-text-on-base-neutral-tertiary);align-items:center;margin:0;display:flex}.site-sidebar__list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.site-sidebar__list a[aria-current]{color:var(--global-text-on-base-neutral-primary);background:var(--global-bg-level-1-default);border-color:var(--global-border-level-edge-level-1)}.site-content{justify-content:center;gap:var(--space-64);min-width:0;padding:var(--space-40) var(--space-64) var(--space-80);flex:auto;display:flex}.site-main{min-width:0;max-width:var(--site-content);flex:auto}.site-outline{width:var(--site-outline);top:var(--site-top);max-height:calc(100vh - var(--site-top));padding:var(--space-24) 0 var(--space-24) var(--space-4);flex:none;align-self:flex-start;position:sticky;overflow-y:auto}.site-outline[hidden]{visibility:hidden;display:block}.site-outline__title{margin:0 0 var(--space-12);padding-left:var(--space-16);font-size:var(--body-size-2xs);font-weight:var(--body-weight-medium);letter-spacing:var(--font-letter-spacing-tight-xs);text-transform:uppercase;color:var(--global-text-on-base-neutral-tertiary)}.site-outline__list{border-left:var(--stroke-width-sm) solid var(--global-border-level-on-level-0);margin:0;padding:0;list-style:none}.site-outline__list a{padding:var(--space-8) var(--space-16);margin-left:calc(-1 * var(--stroke-width-sm));border-left:var(--stroke-width-lg) solid transparent;font-size:var(--body-size-sm);font-weight:var(--body-weight-medium);line-height:var(--font-line-height-tight);letter-spacing:var(--font-letter-spacing-tight-sm);color:var(--global-text-on-base-neutral-tertiary);text-overflow:ellipsis;white-space:nowrap;text-decoration:none;display:block;overflow:hidden}.site-outline__item--h3 a{padding-left:var(--space-28)}.site-outline__list a:hover{color:var(--global-text-on-base-neutral-primary)}.site-outline__list a[aria-current]{color:var(--global-text-on-base-neutral-primary);border-left-color:var(--global-border-accent-neutral-default)}.site-footer{background:var(--global-bg-level-1-default);border-top:var(--stroke-width-sm) solid var(--global-border-level-on-level-0)}.site-footer__inner{align-items:center;gap:var(--space-16) var(--space-40);max-width:1600px;padding:var(--space-44) var(--space-20);font-size:var(--body-size-sm);color:var(--global-text-on-base-neutral-tertiary);flex-wrap:wrap;margin:0 auto;display:flex}.site-footer__text{flex:24rem;margin:0}.site-footer__text a{color:inherit}.site-footer__nav{gap:var(--space-16);flex-wrap:wrap;display:flex}.site-footer__nav a{color:var(--global-text-on-base-neutral-secondary);font-weight:var(--body-weight-medium);text-decoration:none}.site-footer__nav a:hover{color:var(--global-text-on-base-neutral-primary)}@media (width<=1200px){.site-outline,.site-outline[hidden]{display:none}.site-content{padding-inline:var(--space-40)}}@media (width<=900px){.site-shell{flex-direction:column}.site-sidebar{border-right:0;border-bottom:var(--stroke-width-sm) solid var(--global-border-level-on-level-0);width:auto}.site-sidebar__inner{align-items:center;gap:var(--space-8) var(--space-16);max-height:none;padding:var(--space-8) var(--space-12);flex-wrap:wrap;display:flex;position:static}.site-mode-switch{margin:0;padding:0}.site-sidebar__areas{flex-wrap:wrap;margin:0;display:flex}.site-sidebar__section{align-items:center;gap:var(--space-8);flex:100%;padding:0;display:flex;overflow-x:auto}.site-sidebar__section+.site-sidebar__section{border:0;margin:0}.site-sidebar__title{flex:none;min-height:0}.site-sidebar__list{display:flex}.site-sidebar__list a{white-space:nowrap;padding-left:var(--space-8)}.site-content{padding:var(--space-24) var(--space-16) var(--space-48)}}.site-lede{font-size:var(--body-size-lg);line-height:var(--font-line-height-normal);color:var(--global-text-on-base-neutral-secondary);max-width:68ch;margin:0}.site-muted{color:var(--global-text-on-base-neutral-tertiary)}.site-small{font-size:var(--body-size-sm)}.site-eyebrow{font-size:var(--body-size-xs);color:var(--global-text-on-base-neutral-tertiary);align-items:center;gap:.4rem;margin:0 0 .4rem;display:flex}.site-eyebrow a{color:inherit;text-decoration:none}.site-eyebrow a:hover{color:var(--global-text-on-base-neutral-primary)}.site-version{font-family:var(--mono-family);font-size:var(--mono-size-xs);font-weight:var(--mono-weight-regular);color:var(--global-text-on-base-neutral-tertiary)}.site-page-header{margin-bottom:1.75rem}.site-page-header h1{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.site-page-header__desc{max-width:78ch;color:var(--global-text-on-base-neutral-secondary);margin:.6rem 0 0}.site-hero{margin-bottom:1.75rem}.site-section{margin:0 0 var(--space-48)}.site-section>h2:first-child{margin-bottom:.35rem}.site-section>h2:first-child+p{margin-top:0}.site-subsection{margin-bottom:2rem}.site-plain-list{margin:0;padding:0;list-style:none}.site-plain-list li{margin:.15rem 0}.site-callout{border-radius:var(--corner-radius-xs);background:var(--global-bg-level-1-default);border:var(--stroke-width-sm) solid var(--global-border-level-edge-level-1);padding:.7rem .9rem}.site-callout--error{background:var(--global-bg-subtle-functional-error-default);border-color:var(--global-border-subtle-functional-error-default);color:var(--global-text-on-subtle-functional-error-default)}.site-cite{font-size:var(--body-size-xs);color:var(--global-text-on-base-neutral-tertiary);flex-wrap:wrap;gap:0 .75em;display:inline-flex}.site-cite a{color:inherit}td.site-cite{display:table-cell}td.site-cite a{margin-inline-end:.75em}.site-chip{border:var(--stroke-width-sm) solid var(--global-border-level-edge-level-0);border-radius:var(--corner-radius-full);font-size:var(--body-size-xs);background:var(--global-bg-level-0-default);align-items:baseline;gap:.35em;margin:0 .35em .35em 0;padding:.1em .55em;display:inline-flex}.site-toc{font-size:var(--body-size-sm);font-weight:var(--body-weight-medium);background:var(--global-bg-level-1-default);border:var(--stroke-width-sm) solid var(--global-border-level-edge-level-1);border-radius:var(--corner-radius-xs);flex-wrap:wrap;gap:2px;margin:.25rem 0 .5rem;padding:3px;display:inline-flex}.site-toc a{color:var(--global-text-on-base-neutral-tertiary);border-radius:var(--corner-radius-2xs);padding:.2rem .75rem;text-decoration:none}.site-toc a:hover{color:var(--global-text-on-base-neutral-primary);background:var(--global-bg-subtle-neutral-hover)}.site-toc a[aria-disabled=true]{color:var(--global-text-state-disabled-default);pointer-events:none}.site-tabs{font-size:var(--body-size-sm);font-weight:var(--body-weight-medium);border-bottom:var(--stroke-width-sm) solid var(--global-border-level-on-level-0);top:var(--site-top);z-index:4;background:var(--global-bg-level-0-default);gap:.15rem;margin:1.5rem 0 0;display:flex;position:sticky;overflow-x:auto}.site-tabs a{color:var(--global-text-on-base-neutral-tertiary);margin-bottom:calc(-1 * var(--stroke-width-sm));border-bottom:var(--focus-ring-width) solid transparent;flex:none;padding:.65rem .7rem;text-decoration:none}.site-tabs a:hover{color:var(--global-text-on-base-neutral-primary)}.site-tabs a[aria-current=page]{color:var(--global-text-on-base-neutral-primary);border-bottom-color:var(--global-border-accent-neutral-default)}.site-tabs__count{border-radius:var(--corner-radius-full);font-size:var(--body-size-xs);background:var(--global-bg-subtle-neutral-default);color:var(--global-text-on-base-neutral-tertiary);font-variant-numeric:tabular-nums;margin-left:.25rem;padding:.05em .45em}.site-subsection>h3{align-items:baseline;gap:.5rem;display:flex}.site-decisions{margin:0;padding:0;list-style:none}.site-decisions>li{border-top:var(--stroke-width-sm) solid var(--global-border-level-on-level-0);padding:.75rem 0}.site-decisions>li:target{background:var(--global-bg-level-1-default)}.site-decisions p{margin:0 0 .25rem}.site-decisions .site-chip{margin-left:.5em}.site-page-header:has(.site-tabs){margin-bottom:1.5rem}.site-status{font-family:var(--body-family);font-size:var(--body-size-xs);font-weight:var(--body-weight-medium);line-height:var(--font-line-height-tight);border-radius:var(--corner-radius-full);vertical-align:middle;text-transform:capitalize;background:var(--global-bg-subtle-neutral-default);color:var(--global-text-on-subtle-neutral-default);align-items:center;gap:.35em;padding:.3em .6em;display:inline-flex}.site-status:before{content:"";border-radius:var(--corner-radius-full);background:currentColor;width:6px;height:6px}.site-status--review{background:var(--global-bg-subtle-brand-default);color:var(--global-text-on-subtle-brand-default)}.site-status--stable{background:var(--global-bg-accent-brand-default);color:var(--global-text-on-accent-brand-default)}.site-status--deprecated{background:var(--global-bg-subtle-functional-error-default);color:var(--global-text-on-subtle-functional-error-default)}.site-status--dot{background:0 0;padding:0;font-size:0}.site-status--dot.site-status--stable{color:var(--global-bg-accent-brand-default)}.site-status--dot:before{width:7px;height:7px}.site-tier{font-size:var(--body-size-xs);font-weight:var(--body-weight-medium);text-transform:uppercase;border-radius:var(--corner-radius-full);padding:.2em .6em;display:inline-block}.site-tier--raw{background:var(--global-bg-subtle-neutral-default);color:var(--global-text-on-subtle-neutral-default)}.site-tier--semantic{background:var(--global-bg-subtle-brand-default);color:var(--global-text-on-subtle-brand-default)}.site-tier--component{background:var(--global-bg-accent-neutral-default);color:var(--global-text-on-accent-neutral-primary)}.site-stats{border:var(--stroke-width-sm) solid var(--global-border-level-edge-level-1);border-radius:var(--corner-radius-sm);background:var(--global-bg-level-1-default);grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));margin:0 0 2rem;padding:0;list-style:none;display:grid;overflow:hidden}.site-stats li{box-shadow:calc(-1 * var(--stroke-width-sm)) 0 0 var(--global-border-level-on-level-1), 0 calc(-1 * var(--stroke-width-sm)) 0 var(--global-border-level-on-level-1);padding:.8rem 1.1rem}.site-stats__value{font-family:var(--heading-family);font-size:var(--heading-size-xs);font-weight:var(--heading-weight-semi-bold);line-height:var(--font-line-height-tight);font-variant-numeric:tabular-nums;display:block}.site-stats__label{font-size:var(--body-size-xs);color:var(--global-text-on-base-neutral-tertiary)}.site-stats a{color:inherit;text-decoration:none}.site-stats a:hover .site-stats__label{color:var(--global-text-on-subtle-brand-default)}.site-list-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.site-list-head h2{font-size:var(--heading-size-2xs);margin:0}.site-filter{width:min(260px,100%)}.site-filter>.ds-search-field{display:flex}.site-filter-bar{flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin:1rem 0 1.25rem;display:flex}.site-filter-bar .site-filter{width:min(360px,100%)}.site-filter-empty{color:var(--global-text-on-base-neutral-tertiary)}.site-list{border:var(--stroke-width-sm) solid var(--global-border-level-edge-level-0);border-radius:var(--corner-radius-sm);background:var(--global-bg-level-0-default);margin:0;padding:0;list-style:none;overflow:hidden}.site-list>li:not([hidden])~li{border-top:var(--stroke-width-sm) solid var(--global-border-level-on-level-0)}.site-list__item{grid-template-columns:168px minmax(0,1fr) auto;align-items:center;gap:1.25rem;padding:.75rem 1rem .75rem .75rem;display:grid;position:relative}.site-list__item[hidden]{display:none}.site-list__item--text{grid-template-columns:minmax(0,1fr) auto;padding-left:1rem}.site-list__item:hover{background:var(--global-bg-level-1-default)}.site-list__item:hover .site-list__arrow{color:var(--global-text-on-base-neutral-primary);transform:translate(2px)}.site-list__link{color:inherit;text-decoration:none}.site-list__link:after{content:"";position:absolute;inset:0}.site-list__link:focus-visible{outline:none}.site-list__item:has(.site-list__link:focus-visible){outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:-2px;border-radius:var(--corner-radius-sm)}.site-list .site-list__thumb{border-radius:var(--corner-radius-xs);border:var(--stroke-width-sm) solid var(--global-border-level-edge-level-0);pointer-events:none;place-items:center;height:76px;min-height:0;padding:.5rem;display:grid;overflow:hidden}.site-list .site-list__title{font-size:var(--heading-size-2xs);align-items:center;gap:.5rem;margin:0;display:flex}.site-list__summary{color:var(--global-text-on-base-neutral-tertiary);margin:.15rem 0 .35rem}.site-list__meta{font-size:var(--body-size-xs);color:var(--global-text-on-base-neutral-tertiary);flex-wrap:wrap;gap:.2rem .9rem;margin:0;display:flex}.site-list__meta code{color:var(--global-text-on-base-neutral-tertiary);background:0 0;padding:0}.site-list__arrow{color:var(--global-text-on-base-neutral-tertiary);font-size:var(--heading-size-2xs);transition:transform var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard)}.site-list__empty{color:var(--global-text-on-base-neutral-tertiary);padding:1rem}@media (width<=640px){.site-list__item{grid-template-columns:1fr auto}.site-list .site-list__thumb{display:none}}@media (prefers-reduced-motion:reduce){.site-list__arrow{transition:none}}.site-preview__stage{background-color:var(--global-bg-level-0-default);background-image:radial-gradient(var(--global-border-level-on-level-0) .7px, transparent .7px);background-size:14px 14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;min-height:96px;padding:1.75rem 1rem;display:flex}.site-explorer{border:var(--stroke-width-sm) solid var(--global-border-level-edge-level-0);border-radius:var(--corner-radius-sm);background:var(--global-bg-level-0-default);grid-template-columns:240px minmax(0,1fr);display:grid;overflow:hidden}.site-explorer__list{background:var(--global-bg-level-1-default);border-right:var(--stroke-width-sm) solid var(--global-border-level-on-level-0);flex-direction:column;gap:2px;padding:.5rem;display:flex}.site-explorer__tab{border-radius:var(--corner-radius-xs);width:100%;font:inherit;text-align:left;color:var(--global-text-on-base-neutral-tertiary);cursor:pointer;background:0 0;border:0;flex-direction:column;gap:.1rem;padding:.5rem .7rem;display:flex}.site-explorer__tab:hover{background:var(--global-bg-subtle-neutral-hover);color:var(--global-text-on-base-neutral-primary)}.site-explorer__tab[aria-selected=true]{background:var(--global-bg-level-0-default);color:var(--global-text-on-base-neutral-primary);box-shadow:inset 0 0 0 var(--stroke-width-sm) var(--global-border-level-edge-level-0)}.site-explorer__tab:focus-visible{outline-offset:-2px}.site-explorer__tab-name{font-size:var(--body-size-sm);font-weight:var(--body-weight-medium);line-height:var(--font-line-height-tight)}.site-explorer__tab-desc{font-size:var(--body-size-xs);color:var(--global-text-on-base-neutral-tertiary);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.site-explorer__panel{flex-direction:column;min-width:0;display:flex}.site-explorer__panel[hidden]{display:none}.site-explorer__stage.site-preview__stage{flex:auto;min-height:220px;padding:2.5rem 1.5rem}.site-explorer__bar{border-top:var(--stroke-width-sm) solid var(--global-border-level-on-level-0);justify-content:space-between;align-items:center;gap:.35rem .75rem;padding:.4rem .75rem;display:flex}.site-explorer__props{flex-wrap:wrap;flex:auto;gap:.3rem;min-width:0;margin:0;padding:0;list-style:none;display:flex}.site-explorer__props li{min-width:0;max-width:100%}.site-explorer__props code{color:var(--global-text-on-base-neutral-primary);overflow-wrap:anywhere}.site-explorer__prop-key{color:var(--global-text-on-subtle-brand-default)}.site-explorer__link{font-size:var(--body-size-xs);font-weight:var(--body-weight-medium);white-space:nowrap;flex:none}.site .site-explorer__code{border:0;border-radius:0;flex:auto;min-height:0;max-height:none;margin:0}.site-explorer__panel:has(>.site-explorer__code){contain:size;min-block-size:28rem}.site-explorer__source{color:var(--global-text-on-base-neutral-tertiary);overflow-wrap:anywhere;background:0 0;padding:0}.site-explorer__mode{flex:none;align-items:center;display:inline-flex}@media (width<=760px){.site-explorer{grid-template-columns:minmax(0,1fr)}.site-explorer__list{border-right:0;border-bottom:var(--stroke-width-sm) solid var(--global-border-level-on-level-0);flex-direction:row;overflow-x:auto}.site-explorer__tab{flex:none;width:auto}.site-explorer__tab-desc{display:none}.site-explorer__bar{flex-wrap:wrap}}.site-matrix-wrap{border:var(--stroke-width-sm) solid var(--global-border-level-edge-level-0);border-radius:var(--corner-radius-sm);overflow-x:auto}.site-matrix{border-collapse:collapse;width:100%}.site-matrix th,.site-matrix td{border-bottom:var(--stroke-width-sm) solid var(--global-border-level-on-level-0);border-left:var(--stroke-width-sm) solid var(--global-border-level-on-level-0);text-align:center;vertical-align:middle;padding:.85rem 1rem}.site-matrix tr>:first-child{border-left:0}.site-matrix tbody tr:last-child>*{border-bottom:0}.site-matrix thead th{font-family:var(--mono-family);font-size:var(--mono-size-xs);font-weight:var(--mono-weight-regular);color:var(--global-text-on-base-neutral-tertiary);background:var(--global-bg-level-1-default)}.site-matrix tbody th{text-align:left;background:var(--global-bg-level-1-default);font-weight:var(--body-weight-medium)}.site-matrix td{background:var(--global-bg-level-0-default)}.site-matrix__cell{justify-content:center;display:flex}.site-playground{border:var(--stroke-width-sm) solid var(--global-border-level-edge-level-0);border-radius:var(--corner-radius-sm);grid-template-rows:minmax(720px,auto);grid-template-columns:280px minmax(0,1fr);display:grid;overflow:hidden}.site-playground__form{contain:size;overscroll-behavior:contain;background:var(--global-bg-level-1-default);border-right:var(--stroke-width-sm) solid var(--global-border-level-on-level-0);flex-direction:column;gap:.85rem;padding:1.1rem;display:flex;overflow:auto}.site-playground__field{font-weight:var(--body-weight-medium);flex-direction:column;gap:.3rem;display:flex}.site-playground__field>.ds-select,.site-playground__field>.ds-text-field,.site-playground__field>.ds-textarea,.site-playground__field>.ds-number-field{display:flex}.site-playground__field--sandbox{border-top:var(--stroke-width-sm) solid var(--global-border-level-on-level-1);margin-top:.5rem;padding-top:.85rem}.site-playground__label{justify-content:space-between;gap:.5rem;display:flex}.site-playground__label code{color:var(--global-text-on-base-neutral-tertiary);background:0 0}.site-playground__result{flex-direction:column;display:flex}.site-playground__result .site-preview__stage{flex:1;min-height:240px}.site-playground__filters{width:0;height:0;position:absolute;overflow:hidden}.site-preview__stage[data-vision=blurred-vision],.site-preview__stage[data-vision=blurred-vision] :popover-open{filter:url(#site-vision-blurred-vision)}.site-preview__stage[data-vision=reduced-contrast],.site-preview__stage[data-vision=reduced-contrast] :popover-open{filter:url(#site-vision-reduced-contrast)}.site-preview__stage[data-vision=protanopia],.site-preview__stage[data-vision=protanopia] :popover-open{filter:url(#site-vision-protanopia)}.site-preview__stage[data-vision=deuteranopia],.site-preview__stage[data-vision=deuteranopia] :popover-open{filter:url(#site-vision-deuteranopia)}.site-preview__stage[data-vision=tritanopia],.site-preview__stage[data-vision=tritanopia] :popover-open{filter:url(#site-vision-tritanopia)}.site-preview__stage[data-vision=achromatopsia],.site-preview__stage[data-vision=achromatopsia] :popover-open{filter:url(#site-vision-achromatopsia)}.site-playground__code{border-top:var(--stroke-width-sm) solid var(--global-border-level-on-level-0);flex-direction:column;grid-column:1/-1;max-block-size:400px;display:flex}.site-playground__code-bar{background:var(--global-bg-level-1-default);border-bottom:var(--stroke-width-sm) solid var(--global-border-level-on-level-0);align-items:center;gap:.75rem;padding:.35rem .75rem;display:flex}.site-playground__copy-status{color:var(--global-text-on-base-neutral-tertiary);margin-left:auto}.site .site-playground__code pre{min-block-size:0;background:var(--global-bg-level-0-default);overscroll-behavior:contain;white-space:pre;border:0;border-radius:0;flex:auto;max-height:none;margin:0;overflow:auto}.site-playground__toolbar{border-bottom:var(--stroke-width-sm) solid var(--global-border-level-on-level-0);flex-wrap:wrap;align-items:flex-end;gap:.75rem;padding:.5rem .75rem;display:flex}.site-playground__simulations{flex-wrap:wrap;gap:.75rem;margin-right:auto;display:flex}@media (width<=900px){.site-playground{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.site-playground__form{contain:none;border-right:0;border-bottom:var(--stroke-width-sm) solid var(--global-border-level-on-level-0);overflow:visible}}.site-playground--inspecting{grid-template-columns:280px minmax(0,1fr) minmax(280px,340px)}.site-inspector{contain:size;overscroll-behavior:contain;background:var(--global-bg-level-1-default);border-left:var(--stroke-width-sm) solid var(--global-border-level-on-level-0);flex-direction:column;gap:.75rem;padding:1rem;display:flex;overflow:auto}.site-inspector[hidden],.site-inspector [hidden]{display:none}.site-inspector__header{gap:.2rem;display:grid}.site .site-inspector__title{font-size:var(--heading-size-3xs);margin:0}.site-inspector__config{font-family:var(--mono-family);font-size:var(--mono-size-xs);margin:0}.site-inspector__header [role=status]{margin:0}.site-inspector__kinds{flex-wrap:wrap;gap:.35rem;display:flex}.site-inspector__kind-count{opacity:.75}.site-inspector__part{border-radius:var(--corner-radius-xs);margin:0 -.5rem;padding:.5rem}.site-inspector__part[data-active]{background:var(--global-bg-subtle-brand-default)}.site-inspector__part[data-absent] .site-inspector__tokens{opacity:.6}.site-inspector__part>p{margin:0 0 .4rem}.site .site-inspector__part-title{font-size:var(--body-size-sm);align-items:baseline;gap:.4rem;margin:0 0 .4rem;display:flex}.site-inspector__tokens{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.site-inspector__token{background:var(--global-bg-level-0-default);border:var(--stroke-width-sm) solid var(--global-border-level-edge-level-0);border-radius:var(--corner-radius-xs);gap:.15rem;padding:.5rem .6rem;display:grid}.site-inspector__name{flex-wrap:wrap;align-items:baseline;gap:.4rem;display:flex}.site-inspector__property{font-weight:var(--body-weight-medium)}.site-inspector__fallback{border:var(--stroke-width-sm) solid var(--global-border-level-edge-level-0);border-radius:var(--corner-radius-full);color:var(--global-text-on-base-neutral-tertiary);padding:0 .45em}.site-inspector__alias{overflow-wrap:anywhere;color:var(--global-text-on-base-neutral-tertiary)}.site-inspector__more summary{cursor:pointer;color:var(--global-text-on-base-neutral-tertiary)}.site-inspector__facts{margin:.2rem 0 0}.site-inspector__facts dt{color:var(--global-text-on-base-neutral-tertiary);margin-top:.4rem}.site-inspector__facts dd{overflow-wrap:anywhere;margin:0}.site-inspector__facts .site-cssvar{white-space:normal}.site-inspector__why{margin:0;padding-left:1.1em}.site-inspector__why li+li{margin-top:.2rem}@media (width<=1280px){.site-playground--inspecting{grid-template-rows:minmax(720px,auto) auto auto;grid-template-columns:280px minmax(0,1fr)}.site-playground--inspecting .site-inspector{contain:none;border-left:0;border-top:var(--stroke-width-sm) solid var(--global-border-level-on-level-0);grid-column:1/-1;max-block-size:32rem}}@media (width<=900px){.site-playground--inspecting{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}}.site-table-wrap{border:var(--stroke-width-sm) solid var(--global-border-level-edge-level-0);border-radius:var(--corner-radius-sm);margin:0 0 1rem;overflow-x:auto}.site-table{border-collapse:collapse;width:100%}.site-table th,.site-table td{border-bottom:var(--stroke-width-sm) solid var(--global-border-level-on-level-0);text-align:left;vertical-align:top;padding:.55rem .8rem}.site-table tbody tr:last-child>*{border-bottom:0}.site-table thead th{font-size:var(--body-size-xs);font-weight:var(--body-weight-medium);color:var(--global-text-on-base-neutral-tertiary);background:var(--global-bg-level-1-default);white-space:nowrap}.site-table tbody th{font-weight:var(--body-weight-medium)}.site-table tbody tr:hover>*{background:var(--global-bg-level-1-default)}.site-token-table td{padding-block:.4rem}.site-alias{display:block}.site-cssvar{white-space:nowrap;display:block}.site-mode-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1rem;display:grid}.site-mode-grid__item{border:var(--stroke-width-sm) solid var(--global-border-level-edge-level-0);border-radius:var(--corner-radius-sm);margin:0;overflow:hidden}.site-mode-grid__item figcaption{border-bottom:var(--stroke-width-sm) solid var(--global-border-level-on-level-0);background:var(--global-bg-level-1-default);padding:.4rem .75rem}.site-mode-grid__item .site-preview__stage{min-height:100%}.site-preview__stage--spaced{gap:1.5rem;padding:2.25rem 1.5rem}.site-mode-value{flex-wrap:wrap;align-items:center;gap:0 .1em;display:flex}.site-mode-value+.site-mode-value{margin-top:.2rem}.site-mode-value__mode{min-width:2.6em;font-size:var(--body-size-xs);color:var(--global-text-on-base-neutral-tertiary)}.site-swatch{border-radius:var(--corner-radius-xs);width:.95em;height:.95em;box-shadow:inset 0 0 0 var(--stroke-width-sm) var(--global-border-base-neutral-4);background:var(--swatch);vertical-align:-.12em;margin-right:.4em;display:inline-block}.site-prose{max-width:78ch}.site-prose h2{margin-top:var(--space-40)}.site-prose h3{margin-top:var(--space-32)}.site-prose p,.site-prose li{color:var(--global-text-on-base-neutral-secondary)}.site-prose img{max-width:100%;height:auto}.site-prose table{border-collapse:collapse;width:100%;margin:1rem 0}.site-prose th,.site-prose td{border-bottom:var(--stroke-width-sm) solid var(--global-border-level-on-level-0);text-align:left;vertical-align:top;padding:.5rem .65rem}.site-prose th{font-size:var(--body-size-xs);font-weight:var(--body-weight-medium);color:var(--global-text-on-base-neutral-tertiary)}.site-prose li{margin:.25rem 0}.site-prose li::marker{color:var(--global-text-on-base-neutral-tertiary)}.site-source{border:var(--stroke-width-sm) solid var(--global-border-level-edge-level-0);border-radius:var(--corner-radius-sm);margin-bottom:1rem;overflow:hidden}.site-source summary{cursor:pointer;background:var(--global-bg-level-1-default);padding:.55rem .9rem}.site-source summary:hover{background:var(--global-bg-subtle-neutral-hover)}.site-source pre{border:0;border-top:var(--stroke-width-sm) solid var(--global-border-level-on-level-0);border-radius:0;max-height:40rem;margin:0}:root,[data-theme]{--ca-overlay-border:var(--global-border-accent-brand-default);--ca-overlay-bg:color-mix(in srgb, var(--global-bg-accent-brand-default) 12%, transparent);--ca-overlay-radius:var(--corner-radius-xs);--ca-label-bg:var(--global-bg-accent-brand-default);--ca-label-fg:var(--global-text-on-accent-brand-default);--ca-label-font:var(--mono-family)}.site-anatomy__preview{border:var(--stroke-width-sm) solid var(--global-border-level-edge-level-0);border-radius:var(--corner-radius-sm);min-height:140px;margin-bottom:.75rem}.site-anatomy tr[data-anatomy-item]{cursor:default}.site-anatomy tr[data-anatomy-item]:focus-visible{outline-offset:-2px}.site-anatomy .site-table tr[data-active]>*{background:var(--global-bg-subtle-brand-default)}.site-anatomy tr[data-active]>th code{color:var(--global-text-on-subtle-brand-default)}.ca-overlay{box-shadow:0 0 0 1px var(--global-bg-level-0-default), inset 0 0 0 1px var(--global-bg-level-0-default)}.site-matrix__scope{font-family:var(--body-family);font-weight:var(--body-weight-regular);font-size:var(--body-size-xs);color:var(--global-text-on-base-neutral-tertiary);text-transform:none;margin-top:.15em;display:block}.site-explorer__tab-scope{border:var(--stroke-width-sm) solid var(--global-border-level-edge-level-0);border-radius:var(--corner-radius-full);font-size:var(--body-size-xs);font-weight:var(--body-weight-regular);color:var(--global-text-on-base-neutral-tertiary);vertical-align:middle;margin-inline-start:.5em;padding:0 .45em;display:inline-block}.site-specimen{margin:0 0 2.75rem}.site-specimen__head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.site .site-specimen__head h3{margin-top:0}.site-specimen__head p{margin:0 0 .25rem}.site-specimen__head>div{min-width:0}.site-specimen__head code{overflow-wrap:anywhere}.site-specimen__desc{max-width:78ch}.site-specimen__play{flex:none}.site-specimen__platforms{flex-wrap:wrap;margin-top:.3rem;display:flex}.site-specimen-table .site-alias{margin-top:.15rem}.site-palette{gap:1.1rem;display:grid}.site .site-palette__name{font-size:var(--body-size-sm);margin:0 0 .4rem}.site-palette__ramp{grid-template-columns:repeat(auto-fill,minmax(4.75rem,1fr));gap:.5rem .4rem;margin:0;padding:0;list-style:none;display:grid}.site-palette__step{min-width:0;font-size:var(--body-size-xs);gap:.1rem;display:grid}.site-palette__chip{border-radius:var(--corner-radius-xs);background-image:linear-gradient(var(--swatch), var(--swatch)), repeating-conic-gradient(var(--global-border-level-on-level-0) 0 25%, transparent 0 50%);block-size:2.75rem;box-shadow:inset 0 0 0 var(--stroke-width-sm) var(--global-border-level-edge-level-0);background-size:auto,12px 12px}.site-palette__label{font-weight:var(--body-weight-medium)}.site .site-palette__value{color:var(--global-text-on-base-neutral-tertiary);overflow-wrap:anywhere;background:0 0;padding:0}.site-scale,.site-type,.site-motion{border:var(--stroke-width-sm) solid var(--global-border-level-edge-level-0);border-radius:var(--corner-radius-sm);background:var(--global-bg-level-0-default);margin:0;padding:0;list-style:none}.site-scale__row,.site-type__row,.site-motion__row{align-items:center;gap:.5rem 1.25rem;padding:.65rem .9rem;display:grid}.site-scale__row+.site-scale__row,.site-type__row+.site-type__row,.site-motion__row+.site-motion__row{border-top:var(--stroke-width-sm) solid var(--global-border-level-on-level-0)}.site-scale__row{grid-template-columns:minmax(10rem,17rem) minmax(0,1fr) minmax(7rem,13rem)}.site-scale__name,.site-type__meta,.site-motion__name{align-content:start;gap:.15rem;min-width:0;display:grid}.site-scale__name>*,.site-type__meta>*,.site-motion__name>*{justify-self:start;max-width:100%}.site-scale__name code,.site-type__meta code,.site-motion__name code{overflow-wrap:anywhere}.site-scale__sample{min-block-size:1.5rem;align-items:center;min-width:0;display:flex}.site-scale__value{justify-items:start;gap:.1rem;display:grid}.site-scale__bar{inline-size:var(--_value);border-radius:var(--corner-radius-xs);background:var(--global-bg-accent-brand-default);block-size:.75rem;max-inline-size:100%;display:block}.site-scale__platform-bars{grid-column:2;gap:.3rem;display:grid}.site-scale__platform-bar{align-items:center;gap:.5rem;display:flex}.site-scale__platform-bar .site-scale__bar{background:var(--global-border-subtle-brand-active)}.site-scale__square{inline-size:var(--_value);block-size:var(--_value);background:var(--global-bg-subtle-brand-active);box-shadow:inset 0 0 0 var(--stroke-width-sm) var(--global-border-accent-brand-default)}.site-scale__corner{border:var(--stroke-width-sm) solid var(--global-border-accent-brand-default);border-radius:var(--_value);background:var(--global-bg-subtle-brand-default);block-size:3rem;inline-size:4.5rem}.site-scale__stroke{border-style:solid;border-width:var(--_value);border-color:var(--global-text-on-base-neutral-primary);border-radius:var(--corner-radius-xs);block-size:3rem;inline-size:4.5rem}.site-scale__blur{font-family:var(--heading-family);font-size:var(--heading-size-sm);font-weight:var(--heading-weight-semi-bold);line-height:var(--font-line-height-tight);filter:blur(var(--_value))}.site-scale__opacity{border-radius:var(--corner-radius-xs);background:var(--global-text-on-base-neutral-primary);block-size:2.5rem;inline-size:2.5rem;opacity:var(--_value)}.site-type__row{grid-template-columns:minmax(12rem,19rem) minmax(0,1fr)}.site-type__sample{overflow-wrap:anywhere;min-width:0;margin:0}.site-type--line-height .site-type__sample{max-inline-size:34ch}.site-type__glyphs{font-size:var(--heading-size-sm);margin-inline-end:.5rem}.site-type__parts{font-size:var(--body-size-xs);grid-template-columns:auto minmax(0,1fr);gap:0 .6rem;margin:.2rem 0;display:grid}.site-type__parts div{display:contents}.site-type__parts dt{color:var(--global-text-on-base-neutral-tertiary)}.site-type__parts dd{margin:0}.site-motion__row{grid-template-columns:minmax(12rem,19rem) auto minmax(0,1fr)}.site-motion__curve{block-size:4.5rem;inline-size:4.5rem;overflow:visible}.site-motion__axes{fill:none;stroke:var(--global-border-base-neutral-4);stroke-width:var(--stroke-width-sm);vector-effect:non-scaling-stroke}.site-motion__path{fill:none;stroke:var(--global-bg-accent-brand-default);stroke-width:var(--focus-ring-width);vector-effect:non-scaling-stroke}.site-motion__track{border-radius:var(--corner-radius-full);background:var(--global-bg-level-1-default);block-size:1rem;box-shadow:inset 0 0 0 var(--stroke-width-sm) var(--global-border-level-edge-level-1);grid-column:-2;position:relative}.site-motion__dot{border-radius:var(--corner-radius-full);background:var(--global-bg-accent-brand-default);inline-size:1rem;transition:inset-inline-start var(--_duration) var(--_easing);position:absolute;inset-block:0;inset-inline-start:0}[data-playing] .site-motion__dot{inset-inline-start:calc(100% - 1rem)}[data-resetting] .site-motion__dot{transition:none}.site-motion__reduced{margin:0 0 .75rem;display:none}@media (prefers-reduced-motion:reduce){.site-motion__dot{transition:none}.site-motion__reduced{display:block}}.site-icon{font-family:var(--font-icon-family);font-weight:var(--font-icon-weight-light);font-style:normal;font-size:var(--size-4);letter-spacing:normal;text-transform:none;white-space:nowrap;font-feature-settings:"liga";font-variation-settings:"FILL" var(--font-icon-fill-off), "GRAD" var(--font-icon-grade-normal), "opsz" var(--font-icon-optical-size-20);display:inline-block}.site-icons{grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.site-icons li{border:var(--stroke-width-sm) solid var(--global-border-level-edge-level-0);border-radius:var(--corner-radius-sm);flex-direction:column;align-items:center;gap:.35rem;padding:.85rem .5rem;display:flex}.site-icons code{color:var(--global-text-on-base-neutral-tertiary);background:0 0;padding:0}@media (width<=760px){.site-specimen__head{flex-direction:column}.site-scale__row,.site-type__row,.site-motion__row{grid-template-columns:minmax(0,1fr)}.site-scale__platform-bars,.site-motion__track{grid-column:auto}}.site-attribution{gap:.35rem;margin:0 0 1.5rem;display:grid}.site-attribution p{margin:0}.site-screen{margin-bottom:2.5rem}.site-screen__bar{flex-wrap:wrap;align-items:end;gap:.75rem 1.25rem;margin-bottom:.75rem;display:flex}.site-screen__open{font-size:var(--body-size-sm);margin-inline-start:auto}.site-screen__stage{border:var(--stroke-width-sm) solid var(--global-border-level-edge-level-1);border-radius:var(--corner-radius-xs);background-color:var(--global-bg-level-1-default);padding:1rem;overflow:auto}.site-screen__frame{border:var(--stroke-width-sm) solid var(--global-border-level-edge-level-1);border-radius:var(--corner-radius-xs);background-color:var(--global-bg-level-0-default);resize:vertical;block-size:760px;inline-size:100%;max-inline-size:none;margin-inline:auto;display:block}.site-screen-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.site-screen-card{align-content:start;gap:.35rem;display:grid}.site-screen-card__thumb{aspect-ratio:16/10;border:var(--stroke-width-sm) solid var(--global-border-level-edge-level-1);border-radius:var(--corner-radius-xs);background-color:var(--global-bg-level-0-default);position:relative;overflow:hidden}.site-screen-card__thumb iframe{transform-origin:0 0;pointer-events:none;border:0;block-size:400%;inline-size:400%;position:absolute;inset:0 auto auto 0;transform:scale(.25)}.site-screen-card__title{font-size:var(--body-size-md);font-weight:var(--body-weight-medium);margin:.4rem 0 0}.site-screen-card__meta{font-size:var(--body-size-xs);color:var(--global-text-on-base-neutral-tertiary);margin:0}.site-chips{flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-chips .site-chip{color:var(--global-text-on-base-neutral-primary);text-decoration:none}.site-facts{grid-template-columns:max-content minmax(0,1fr);gap:.35rem 1rem;margin:0 0 1rem;display:grid}.site-facts dt{color:var(--global-text-on-base-neutral-tertiary)}.site-facts dd{overflow-wrap:anywhere;margin:0}.site-license{white-space:pre-wrap}