.ds-top{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-6);padding-block:var(--space-5);flex-wrap:wrap;display:flex}.ds-to-top{right:var(--gutter);bottom:var(--gutter);z-index:5;position:fixed}.ds-to-top[hidden]{display:none}.ds-main{padding-top:var(--space-block);padding-bottom:var(--space)}.ds-intro p{max-width:65ch;margin-top:var(--space-4);font-size:var(--fs-lead);line-height:var(--lh-text)}.ds-intro .section-title{margin-bottom:var(--space-6)}.ds-main .ds-section{margin-top:var(--space);scroll-margin-top:var(--space-5)}.ds-section>.section-title{margin-bottom:var(--space-6)}.ds-lead{max-width:65ch;margin-bottom:var(--space-6);font-size:var(--fs-body);line-height:var(--lh-text);color:var(--text-secondary)}.ds-subtitle{font-family:var(--sans);font-weight:800;font-size:var(--fs-title);color:var(--card-title);margin-bottom:var(--space-2)}.ds-token{font-family:var(--sans);font-weight:600;font-size:inherit;color:var(--primary);white-space:nowrap}.ds-swatches{gap:var(--space-5) var(--space-4);margin-bottom:var(--space-7);grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));display:grid}.ds-swatches li{gap:var(--space-1);font-size:var(--fs-sm);line-height:var(--lh-snug);flex-direction:column;display:flex}.ds-swatch{aspect-ratio:1;margin-bottom:var(--space-2);border:1px solid var(--accent-line);border-radius:0 var(--r-lg) 0 var(--r-lg);display:block}.ds-swatch--s{width:var(--space-6);border-radius:0 var(--r-xs) 0 var(--r-xs);flex:none;margin:0}.ds-swatch-name{font-family:var(--sans);font-weight:700}.ds-table{width:100%;margin-bottom:var(--space-7);border-collapse:collapse;font-size:var(--fs-body-sm);line-height:var(--lh-snug)}.ds-table caption{margin-bottom:var(--space-3);text-align:left;font-family:var(--sans);font-weight:800;font-size:var(--fs-title);line-height:var(--lh-heading);color:var(--card-title)}.ds-table th,.ds-table td{padding:var(--space-3) var(--space-4) var(--space-3) 0;text-align:left;vertical-align:middle}.ds-table thead th{font-family:var(--sans);font-weight:700;font-size:var(--fs-sm);color:var(--text-muted)}.ds-table tbody tr+tr{border-top:1px solid var(--accent-line)}.ds-table thead tr{border-bottom:1px solid var(--accent-line)}.ds-role-cell{background:var(--bg);color:var(--text)}.ds-role-cell,.ds-role-cell>*{vertical-align:middle}.ds-role-cell .ds-swatch{height:var(--space-6);margin-right:var(--space-3);vertical-align:middle;display:inline-block}.ds-roles td{padding-left:var(--space-3)}.ds-sample-cell{width:40%}.ds-type-sample{font-family:var(--sans);font-weight:800;line-height:var(--lh-display);color:var(--primary)}.ds-space-bar{height:var(--space-3);background:var(--accent-line);max-width:100%;display:block}.ds-radius{width:var(--space-8);height:var(--space-8);background:var(--surface);border:1px solid var(--accent-line);display:block}.ds-table th,.ds-table td{overflow-wrap:anywhere}.ds-table .ds-token{white-space:normal}@media (max-width:48rem){.ds-sample-cell{width:auto}}.ds-type>li{gap:var(--space-3);padding-block:var(--space-5);flex-direction:column;display:flex}.ds-type>li>*{flex:none}.ds-type-spec{font-family:var(--sans);font-weight:600;font-size:var(--fs-sm);line-height:var(--lh-snug);color:var(--text-muted)}.ds-type .hero-title,.ds-type .hero-sub{margin-top:0}.ds-employer{font-family:var(--sans);font-weight:700;font-size:var(--fs-title)}.ds-lead-sample{max-width:40ch;font-size:var(--fs-lead);line-height:var(--lh-text)}.ds-body-sample{max-width:65ch;font-size:var(--fs-body);line-height:var(--lh-long)}.ds-ui-sample{font-family:var(--sans);font-weight:600;font-size:var(--fs-sm)}.ds-spec{gap:var(--space-5) var(--space-8);padding-block:var(--space-7);flex-wrap:wrap;display:flex}.ds-specs>.ds-spec:first-child{padding-top:0}.ds-spec-text{flex:18rem;min-width:0;max-width:40ch}.ds-spec-text dl{margin:var(--space-4) 0 0;font-size:var(--fs-body-sm);line-height:var(--lh-text)}.ds-spec-text dt{margin-top:var(--space-3);font-family:var(--sans);font-weight:700;font-size:var(--fs-sm);color:var(--text-muted)}.ds-spec-text dd{margin:var(--space-1) 0 0;color:var(--text-secondary)}.ds-specimens{align-content:start;gap:var(--space-4);flex:999 30rem;min-width:0;display:grid}.ds-specimens--narrow{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}.ds-panel{background:var(--bg);min-width:0;color:var(--text);border:1px solid var(--accent-line);border-radius:0 var(--r-xl) 0 var(--r-xl);overflow:hidden}.ds-panel-label{padding:var(--space-3) var(--space-5) 0;font-family:var(--sans-italic);font-style:italic;font-weight:500;font-size:var(--fs-xs);color:var(--meta)}.ds-panel-body{padding:var(--space-5)}.ds-specimens--wide .ds-panel-body{padding:var(--space-3) 0 0}.ds-panel .site-header{position:static}.ds-stack{align-items:flex-start;gap:var(--space-5);flex-direction:column;display:flex}.ds-stack--loose{align-items:stretch;gap:0}.ds-row{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.ds-on-surface{padding:var(--space-4);background:var(--surface);border-radius:0 var(--r-md) 0 var(--r-md);margin:0}.ds-bird{width:var(--space-8);display:block}.ds-bird img{width:100%;height:auto}.skip-link.ds-skip-link{position:static}.ds-media{width:100%;max-width:18rem}.ds-og-image{width:100%;height:auto;display:block}.ds-on-band{padding-block:var(--space-5)}.ds-group{padding-block:var(--space-6)}.ds-group .ds-lead{margin-top:var(--space-3)}