.ds-usage-count{box-sizing:border-box;min-width:32px;height:32px;font-family:inherit;font-size:var(--type-caption);font-synthesis:weight;font-variant-numeric:tabular-nums;border:0;place-items:center;padding-inline:4px;font-weight:600;line-height:1;display:grid}.ds-token-copy{box-sizing:border-box;max-width:100%;height:24px;min-height:0;padding:0 var(--space-2);border-radius:var(--radius-featured);background:var(--raised);font:inherit;cursor:pointer;border:0;place-items:center;font-size:.75rem;line-height:1.6;display:grid}.ds-token-copy>*{grid-area:1/1}.ds-token-copy-feedback,.ds-token-copy[data-copy-state=copied] .ds-token-copy-label,.ds-token-copy[data-copy-state=error] .ds-token-copy-label{visibility:hidden}.ds-token-copy:not([data-copy-state=idle]) .ds-token-copy-feedback{visibility:visible}.ds-token-copy:is(:hover,:focus-visible),.ds-token-copy[data-copy-state=copied]{color:inherit}.ds-token-copy:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ds-token-formats{grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;width:max-content;min-width:0;max-width:100%;display:grid}.ds-token-formats .ds-token-copy{width:100%;min-width:0}.ds-token-copy-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.ds-token-format{border-radius:var(--radius-featured);cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;place-items:center;width:24px;height:24px;padding:0;display:grid}.ds-token-format svg{width:16px;height:16px}.ds-token-format-previous svg{transform:rotate(180deg)}.ds-token-formats:is(:hover,:focus-within) .ds-token-format{opacity:1;pointer-events:auto}.ds-token-format:is(:hover,:focus-visible){color:inherit;background:var(--raised)}.ds-token-format:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (hover:none){.ds-token-format{opacity:1;pointer-events:auto}}.ds-token-formats.ds-token-reference{grid-template-columns:minmax(0,1fr)}.theme-dock{z-index:60;isolation:isolate;padding:56px 16px calc(16px + env(safe-area-inset-bottom));pointer-events:none;justify-content:center;display:flex;position:fixed;inset:auto 0 0}.theme-dock-blur{z-index:-1;background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--background) 80%, transparent));-webkit-backdrop-filter:blur(12px);pointer-events:none;position:absolute;inset:-24px 0 0;-webkit-mask-image:linear-gradient(#0000,#000 65%);mask-image:linear-gradient(#0000,#000 65%)}.theme-dock-options{scrollbar-width:none;pointer-events:auto;overscroll-behavior-x:contain;gap:8px;max-width:100%;padding:4px;display:flex;overflow-x:auto}.theme-dock-options::-webkit-scrollbar{display:none}.theme-dock-option{appearance:none;flex:0 0 var(--control-target);width:var(--control-target);height:var(--control-target);border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.theme-dock-option .theme-preview__orb{--theme-pupil-x:0px;--theme-pupil-y:0px;width:28px;height:28px}.theme-dock-option[aria-pressed=true] .theme-preview__orb{outline:1px solid var(--secondary);outline-offset:4px}.theme-dock-option:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}@media print{.theme-dock{display:none}}.theme-dock .theme-preview__pupil{transform:translate3d(calc(-50% + var(--theme-pupil-x)), calc(-50% + var(--theme-pupil-y)), 0);transition:none}.ds-page{scroll-padding-bottom:calc(var(--ds-bottom-space,140px) + env(safe-area-inset-bottom));--work-label-width:152px;--work-row-inset:2px;--work-row-height:36px}.ds-reference{gap:var(--layout-section-gap);margin-top:var(--layout-section-gap);padding-bottom:calc(var(--ds-bottom-space,140px) + env(safe-area-inset-bottom));display:grid}.ds-page code{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;line-height:1.6}.ds-page .ds-small{font-size:.875rem;line-height:1.5}.ds-index{column-gap:var(--ds-index-columns,var(--space-6));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ds-index a{align-items:baseline;gap:var(--ds-index-label,var(--space-4));min-height:var(--control-target);padding-block:var(--space-2);display:flex}.bio-index .ds-index a{text-decoration:none}.ds-index-number{font-size:inherit;font-variant-numeric:tabular-nums}.ds-index-label{text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:4px;text-decoration-thickness:1px}.ds-index a:is(:hover,:focus-visible) .ds-index-label{text-decoration-color:currentColor}.ds-chapter{scroll-margin-top:var(--space-8);position:relative}.ds-chapter>.ds-section:not(:first-child){margin-top:var(--ds-subsection-gap,var(--space-6))}.ds-swatches{gap:var(--space-6);margin-block:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}.ds-swatch{align-items:center;gap:var(--space-4);grid-template-columns:68px minmax(0,1fr);min-width:0;display:grid}.ds-swatch-previews{gap:var(--space-1);display:flex}.ds-swatch-preview{flex-shrink:0;width:32px;height:32px;position:relative}.ds-swatch-color,.ds-swatch-text{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-featured);place-items:center;width:32px;height:32px;display:grid}.ds-swatch-text{font-size:var(--type-caption);font-synthesis:weight;font-weight:600;line-height:1}.ds-swatch-preview .ds-swatch-badge{box-sizing:content-box;border:2px solid var(--background);border-radius:var(--radius-pill);background:var(--background);min-width:16px;height:16px;color:var(--foreground);padding-inline:4px;position:absolute;top:-8px;right:-4px}.ds-swatch-details{align-items:center;gap:var(--space-4);grid-template-columns:minmax(0,1fr) auto;min-width:0;display:grid}.ds-swatch-details>*{min-width:0}.ds-swatch .ds-token-formats{grid-template-columns:24px minmax(0,1fr);position:relative}.ds-swatch .ds-token-format:not(.ds-token-format-previous){position:absolute;top:50%;left:100%;transform:translateY(-50%)}.ds-swatch p{font:inherit;margin:0}.ds-swatch code{color:inherit;display:block}.ds-inventory p,.ds-route-list p{margin:0;font-size:.875rem;line-height:1.5}.ds-type-list{gap:var(--space-6);display:grid}.ds-type-row{align-items:baseline;gap:var(--space-4);grid-template-columns:minmax(0,1fr) auto;min-width:0;display:grid}.ds-type-preview{overflow-wrap:anywhere;min-width:0}.ds-type-meta{justify-content:flex-end;align-items:center;gap:var(--space-4);min-width:0;display:flex}.ds-type-meta .ds-usage-count{flex-shrink:0}@media (max-width:640px){.ds-type-row{gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.ds-type-meta{justify-self:end;max-width:100%}}.ds-spacing{gap:var(--space-2);display:grid}.ds-spacing>div{align-items:center;gap:var(--space-3);grid-template-columns:112px minmax(0,1fr) 48px 32px;display:grid}.ds-spacing .ds-spacing-bar{background:var(--secondary);max-width:100%;height:8px;display:block}.ds-spacing small{font-size:var(--type-caption);text-align:right}.ds-shapes{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ds-shapes>div{gap:var(--space-2);display:grid}.ds-shapes>div>span:first-child{background:var(--raised);border:1px solid var(--border);width:64px;height:44px;display:block}.ds-example{gap:var(--space-3);min-width:0;margin-top:var(--space-6);display:grid}.ds-example-preview{min-width:0;padding-block:var(--space-4)}.ds-example-preview>.ds-section{gap:var(--space-4)}.ds-code{font-size:.875rem}.ds-code summary,.ds-work-example>summary{min-height:var(--control-target);padding-block:var(--space-2);cursor:pointer;width:-moz-fit-content;width:fit-content}.ds-code summary:is(:hover,:focus-visible),.ds-work-example>summary:is(:hover,:focus-visible){color:var(--foreground)}.ds-code pre,.ds-composition{margin:var(--space-2) 0 0;padding:var(--space-4);background:var(--raised);border-radius:var(--radius-featured);white-space:pre-wrap;overflow-wrap:anywhere}.ds-control-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.ds-action-status{margin-top:var(--space-3);min-height:3em}.ds-principle-example{margin-top:var(--space-6)}.ds-link-example{margin:0}.ds-testimonials.bio-about{max-width:none;margin:0;display:block}.ds-work-preview.bio-work{max-width:none;margin-top:var(--space-6)}.ds-inventory,.ds-route-list{gap:var(--space-6);margin-block:var(--space-4);display:grid}.ds-inventory>div,.ds-route-list>div{gap:var(--space-1);display:grid}.ds-anatomy{border-left:1px solid var(--border);padding-left:var(--space-4);gap:var(--space-8);display:grid}.ds-template-preview{border-block:1px dashed var(--border);padding-block:var(--space-6)}.ds-template-preview .ds-article{max-width:none;margin:0}.ds-guidelines{margin:0;padding-left:1.25em}.ds-guidelines li+li{margin-top:var(--space-2)}.ds-page .bio-pin-canvas{display:none}@media (max-width:640px){.ds-swatch-details{gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.ds-swatch-identity{grid-column:1/-1}.ds-swatch .ds-token-formats{justify-self:end}.ds-shapes{grid-template-columns:minmax(0,1fr)}.ds-shapes>div{grid-template-columns:64px minmax(0,1fr);align-items:center}.ds-shapes .ds-radius-meta{grid-column:2}.ds-spacing>div{gap:var(--space-2);grid-template-columns:96px minmax(0,1fr) 36px 32px}}@media print{.ds-page{height:auto;overflow:visible}html:has(.ds-page){height:auto;overflow:visible}body:has(.ds-page){height:auto;overflow:visible}#root:has(.ds-page){height:auto;overflow:visible}.ds-page{padding-top:24px}.ds-code,.ds-index,.ds-page .bio-index-logo{display:none}.ds-reference{max-width:none}}.bio-index.ds-page{--ds-reading-width:var(--layout-reading-width);--ds-side-gutter:72px;--ds-margin-width:32px;--ds-margin-gap:24px;padding-inline:max(var(--ds-side-gutter), calc(var(--ds-margin-width) + var(--ds-margin-gap) + 12px));padding-top:var(--ds-top-inset,var(--layout-hero-inset-top))}.ds-page>.bio-index-content>:is(.bio-index-header,.ds-reference){max-width:min(var(--ds-reading-width), 100%)}.ds-page .bio-index-logo{left:calc(-1 * (var(--ds-margin-width) + var(--ds-margin-gap)));width:var(--ds-margin-width);height:var(--ds-margin-width);--space-8:var(--ds-margin-width)}.ds-page .bio-principle-number{left:calc(-1 * (var(--ds-margin-width) + var(--ds-margin-gap)));width:var(--ds-margin-width)}.ds-page .ds-section{gap:var(--ds-heading-gap,var(--space-4))}.ds-page .ds-section>.ds-text+.ds-text{margin-top:max(0px, calc(var(--ds-paragraph-gap,var(--ds-heading-gap,16px)) - var(--ds-heading-gap,16px)))}@media (max-width:640px){.bio-index.ds-page{--ds-side-gutter:48px;--ds-margin-gap:4px}}@media print{body:has(.ds-page) .dialkit-root{display:none}}body:has(.ds-page) .dialkit-panel-inner{max-height:calc(100svh - 180px);overflow-y:auto}body:has(.ds-page) .dialkit-panel-inner[data-collapsed=true]{min-width:44px;min-height:44px}body:has(.ds-page) .dialkit-panel-inner[data-collapsed=true] .dialkit-folder-header-top{min-height:44px;position:absolute;inset:0}.ds-audio-cues{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ds-audio-cue{align-content:start;justify-items:start;gap:var(--space-3);min-width:0;display:grid}.ds-audio-cue code{color:var(--secondary)}.ds-audio-status{min-height:1.5em}@media (max-width:640px){.ds-audio-cues{grid-template-columns:minmax(0,1fr)}}.ds-reference>.ds-chapter{display:none}.ds-reference[data-section-navigation][data-active-section=tokens]>#tokens,.ds-reference[data-section-navigation][data-active-section=atoms]>#atoms,.ds-reference[data-section-navigation][data-active-section=molecules]>#molecules,.ds-reference[data-section-navigation][data-active-section=organisms]>#organisms,.ds-reference[data-section-navigation][data-active-section=templates]>#templates,.ds-reference[data-section-navigation][data-active-section=pages]>#pages,.ds-reference:not([data-section-navigation])>.ds-chapter:is(:target,:has(:target)){display:grid}.ds-reference:not([data-section-navigation]):not(:has(.ds-chapter:target,.ds-chapter :target))>#atoms{display:grid}.ds-reference[data-section-navigation] .ds-index a{color:var(--secondary)}.ds-reference[data-section-navigation] .ds-index a[aria-current=location]{color:inherit}.ds-index a[aria-current=location] .ds-index-label{text-decoration-color:currentColor}.ds-token-value,.ds-radius-meta,.ds-audio-heading{justify-content:space-between;align-items:center;gap:var(--space-2);min-width:0;display:flex}.ds-token-value>span:first-child,.ds-radius-meta>code{min-width:0}.ds-token-value .ds-usage-count,.ds-radius-meta .ds-usage-count,.ds-audio-heading .ds-usage-count{flex-shrink:0}.ds-audio-heading{width:100%}