.ds-section[data-astro-cid-u5yernle]{padding-block:clamp(4rem,3rem + 4vw,7rem);border-top:1px solid var(--color-line);scroll-margin-top:var(--masthead-h)}.ds-section[data-astro-cid-u5yernle] .ds-eyebrow{margin-bottom:16px}.ds-section[data-astro-cid-u5yernle] h2[data-astro-cid-u5yernle]{max-width:18ch}.ds-guide[data-astro-cid-u5yernle]{margin-top:24px;max-width:68ch;color:var(--color-ink-muted)}.ds-guide[data-astro-cid-u5yernle] ul{display:grid;gap:10px}.ds-guide[data-astro-cid-u5yernle] ul+ul{margin-top:10px}.ds-guide[data-astro-cid-u5yernle] li{position:relative;padding-left:20px;text-wrap:pretty}.ds-guide[data-astro-cid-u5yernle] li:before{content:"—";position:absolute;left:0;color:var(--color-mark)}.ds-guide[data-astro-cid-u5yernle] p{margin-top:12px;text-wrap:pretty}.ds-guide[data-astro-cid-u5yernle] strong{color:var(--color-ink);font-weight:500}.ds-guide[data-astro-cid-u5yernle] code{white-space:nowrap;font-size:.9em;padding:1px 6px;border-radius:6px;background:var(--color-surface-raised);color:var(--color-ink)}.ds-body[data-astro-cid-u5yernle]{margin-top:clamp(2.5rem,2rem + 2vw,3.5rem);display:grid;gap:clamp(2.5rem,2rem + 2vw,4rem)}.ds-body[data-astro-cid-u5yernle]>*{min-width:0}.logo-mark[data-astro-cid-ejcryxhz]{display:block;height:auto;overflow:visible}.is-crop[data-astro-cid-ejcryxhz]{overflow:hidden}.tone-forest[data-astro-cid-ejcryxhz]{fill:var(--color-forest)}.tone-white[data-astro-cid-ejcryxhz]{fill:var(--color-white)}.tone-saffron[data-astro-cid-ejcryxhz]{fill:var(--color-saffron)}.tone-outline[data-astro-cid-ejcryxhz]{fill:none;stroke:var(--color-forest);stroke-width:1.5}.ds-display[data-astro-cid-ddzzjigo]{font-family:var(--font-display);font-weight:800}.ds-sans[data-astro-cid-ddzzjigo]{font-family:var(--font-sans);font-weight:500;letter-spacing:-.01em}.ds-tsi[data-astro-cid-ddzzjigo]{margin-top:4px}.ds-download[data-astro-cid-ddzzjigo]{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:16px}.ds-download[data-astro-cid-ddzzjigo] .ds-down .btn-icon .icon{rotate:90deg}.ds-download-links[data-astro-cid-ddzzjigo]{line-height:2}.ds-layout[data-astro-cid-ddzzjigo]{display:grid;gap:24px}.ds-nav[data-astro-cid-ddzzjigo] ol[data-astro-cid-ddzzjigo]{display:flex;flex-wrap:wrap;gap:4px 20px;margin-top:12px}.ds-nav[data-astro-cid-ddzzjigo] a[data-astro-cid-ddzzjigo]{display:inline-flex;gap:10px;align-items:baseline;min-height:44px;padding-block:12px;color:var(--color-ink-muted);transition:color .2s var(--ease-out-expo)}.ds-nav[data-astro-cid-ddzzjigo] a[data-astro-cid-ddzzjigo]:hover,.ds-nav[data-astro-cid-ddzzjigo] a[data-astro-cid-ddzzjigo]:focus-visible{color:var(--color-ink)}.ds-nav[data-astro-cid-ddzzjigo] .tabular[data-astro-cid-ddzzjigo]{font-size:var(--text-small)}@media(min-width:1024px){.ds-layout[data-astro-cid-ddzzjigo]{grid-template-columns:minmax(0,3fr) minmax(0,9fr);column-gap:24px}.ds-nav[data-astro-cid-ddzzjigo]{position:sticky;top:calc(var(--masthead-h) + 32px);align-self:start;padding-top:clamp(4rem,3rem + 4vw,7rem)}.ds-nav[data-astro-cid-ddzzjigo] ol[data-astro-cid-ddzzjigo]{flex-direction:column;gap:0}.ds-nav[data-astro-cid-ddzzjigo] a[data-astro-cid-ddzzjigo]{min-height:40px;padding-block:8px}}.ds-h[data-astro-cid-ddzzjigo]{margin-bottom:20px}.ds-sub[data-astro-cid-ddzzjigo]{margin:-8px 0 20px;max-width:68ch}.ds-note[data-astro-cid-ddzzjigo]{margin-top:20px}.ds-two[data-astro-cid-ddzzjigo]{display:grid;gap:32px}@media(min-width:768px){.ds-two[data-astro-cid-ddzzjigo]{grid-template-columns:1fr 1fr;gap:24px}}.ds-row[data-astro-cid-ddzzjigo]{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.ds-row[data-astro-cid-ddzzjigo]+.ds-row[data-astro-cid-ddzzjigo]{margin-top:12px}code[data-astro-cid-ddzzjigo]{font-size:.9em;padding:1px 6px;border-radius:6px;background:var(--color-surface-raised);color:var(--color-ink)}.ds-tile[data-astro-cid-ddzzjigo]{position:relative;display:grid;place-items:center;overflow:hidden;border-radius:var(--radius-md)}.ds-tile-white[data-astro-cid-ddzzjigo]{background:var(--color-white)}.ds-tile-saffron[data-astro-cid-ddzzjigo]{background:var(--color-saffron)}.ds-versions[data-astro-cid-ddzzjigo]{display:grid;gap:20px}@media(min-width:768px){.ds-versions[data-astro-cid-ddzzjigo]{grid-template-columns:1fr 1fr}.ds-versions[data-astro-cid-ddzzjigo] li[data-astro-cid-ddzzjigo]:last-child{grid-column:1 / -1}}.ds-versions[data-astro-cid-ddzzjigo] img[data-astro-cid-ddzzjigo]{width:100%;height:auto;border-radius:var(--radius-md);box-shadow:0 0 0 1px var(--color-line)}.ds-versions[data-astro-cid-ddzzjigo] p[data-astro-cid-ddzzjigo],.ds-forms[data-astro-cid-ddzzjigo] p[data-astro-cid-ddzzjigo],.ds-donts[data-astro-cid-ddzzjigo] p[data-astro-cid-ddzzjigo],.ds-radii[data-astro-cid-ddzzjigo] p[data-astro-cid-ddzzjigo]+p[data-astro-cid-ddzzjigo]{margin-top:10px}.ds-versions[data-astro-cid-ddzzjigo] strong[data-astro-cid-ddzzjigo],.ds-forms[data-astro-cid-ddzzjigo] strong[data-astro-cid-ddzzjigo]{font-weight:500}.ds-forms[data-astro-cid-ddzzjigo]{display:grid;gap:12px}.ds-forms[data-astro-cid-ddzzjigo] li[data-astro-cid-ddzzjigo]{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:16px}.ds-forms[data-astro-cid-ddzzjigo] li[data-astro-cid-ddzzjigo] p[data-astro-cid-ddzzjigo]{margin-top:0}@media(min-width:768px){.ds-forms[data-astro-cid-ddzzjigo]{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ds-forms[data-astro-cid-ddzzjigo] li[data-astro-cid-ddzzjigo]{display:block}.ds-forms[data-astro-cid-ddzzjigo] li[data-astro-cid-ddzzjigo] p[data-astro-cid-ddzzjigo]{margin-top:12px}}.ds-form-tile[data-astro-cid-ddzzjigo]{display:grid;place-items:center;aspect-ratio:1;border-radius:var(--radius-md);background:var(--color-silver)}.ds-form-tile[data-astro-cid-ddzzjigo] img[data-astro-cid-ddzzjigo]{width:50%;height:auto}.ds-form-tile[data-astro-cid-ddzzjigo] img[data-astro-cid-ddzzjigo]:not(.is-round){border-radius:var(--radius-icon)}.ds-form-tile[data-astro-cid-ddzzjigo] .is-round[data-astro-cid-ddzzjigo]{border-radius:50%}.ds-tabsizes[data-astro-cid-ddzzjigo]{display:flex;align-items:flex-end;gap:24px;margin-top:20px}.ds-tabsizes[data-astro-cid-ddzzjigo]>span[data-astro-cid-ddzzjigo]{display:grid;justify-items:center;gap:8px}.ds-fig[data-astro-cid-ddzzjigo]{display:grid;gap:12px;align-content:start}.ds-fig[data-astro-cid-ddzzjigo] strong[data-astro-cid-ddzzjigo]{color:var(--color-ink);font-weight:500}.ds-fig[data-astro-cid-ddzzjigo] .ds-tile[data-astro-cid-ddzzjigo]{aspect-ratio:16 / 10;padding:24px}.ds-clear[data-astro-cid-ddzzjigo]{width:100%;height:auto;overflow:visible}.ds-clear[data-astro-cid-ddzzjigo] .zone[data-astro-cid-ddzzjigo]{fill:none;stroke:var(--color-forest);stroke-opacity:.4;stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.ds-clear[data-astro-cid-ddzzjigo] .unit[data-astro-cid-ddzzjigo]{fill:var(--color-cream);stroke:var(--color-saffron);stroke-width:1;vector-effect:non-scaling-stroke}.ds-clear[data-astro-cid-ddzzjigo] .box[data-astro-cid-ddzzjigo]{fill:none;stroke:var(--color-forest);stroke-opacity:.4;stroke-width:1;vector-effect:non-scaling-stroke}.ds-clear[data-astro-cid-ddzzjigo] .mark[data-astro-cid-ddzzjigo]{fill:var(--color-forest)}.ds-min[data-astro-cid-ddzzjigo]{grid-template-columns:auto;justify-items:center;align-content:center;gap:8px}.ds-min[data-astro-cid-ddzzjigo] img[data-astro-cid-ddzzjigo]{width:72px;height:auto}.ds-rule[data-astro-cid-ddzzjigo]{width:72px;height:7px;border:1px solid var(--color-forest);border-top:0;opacity:.6}.ds-min-num[data-astro-cid-ddzzjigo]{color:var(--color-forest)}.ds-donts[data-astro-cid-ddzzjigo]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media(min-width:768px){.ds-donts[data-astro-cid-ddzzjigo]{grid-template-columns:repeat(4,minmax(0,1fr))}}.ds-dont[data-astro-cid-ddzzjigo]{aspect-ratio:4 / 3;padding:16%}.ds-dont[data-astro-cid-ddzzjigo] .logo-mark{width:100%}.ds-stack[data-astro-cid-ddzzjigo]{display:grid;gap:4px;width:62%}.ds-stack[data-astro-cid-ddzzjigo] .logo-mark:last-child{width:58%}.ds-cross[data-astro-cid-ddzzjigo]{position:absolute;inset:0;width:100%;height:100%}.ds-cross[data-astro-cid-ddzzjigo] path[data-astro-cid-ddzzjigo]{stroke:var(--color-deep);stroke-width:1.5;vector-effect:non-scaling-stroke}.ds-donts[data-astro-cid-ddzzjigo] p[data-astro-cid-ddzzjigo]{display:flex;align-items:center;gap:6px}.ds-donts[data-astro-cid-ddzzjigo] .ds-no{color:var(--color-danger);flex:none}.ds-swatches[data-astro-cid-ddzzjigo]{display:grid;gap:16px}@media(min-width:768px){.ds-swatches[data-astro-cid-ddzzjigo]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.ds-swatches[data-astro-cid-ddzzjigo]{grid-template-columns:repeat(3,minmax(0,1fr))}}.ds-swatches[data-astro-cid-ddzzjigo] li[data-astro-cid-ddzzjigo]{display:grid;grid-template-rows:auto 1fr;border:1px solid var(--color-line);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface)}.ds-chip-colour[data-astro-cid-ddzzjigo]{display:block;height:112px;margin:12px 12px 0;border:1px solid var(--color-line-strong);border-radius:var(--radius-md)}.ds-swatch-text[data-astro-cid-ddzzjigo]{display:grid;align-content:start;gap:6px;padding:16px 20px 20px}.ds-swatch-name[data-astro-cid-ddzzjigo]{display:flex;justify-content:space-between;align-items:baseline}.ds-swatch-name[data-astro-cid-ddzzjigo] strong[data-astro-cid-ddzzjigo]{font-weight:500}.ds-copy[data-astro-cid-ddzzjigo]{justify-self:start;min-height:44px;padding:4px 10px;margin:-8px 0 -8px -10px;border-radius:var(--radius-pill);color:var(--color-ink);transition:background-color .2s var(--ease-out-expo)}.ds-copy[data-astro-cid-ddzzjigo]:hover{background:var(--color-surface-raised)}.ds-table[data-astro-cid-ddzzjigo]{width:100%;border-collapse:collapse}.ds-table[data-astro-cid-ddzzjigo] th[data-astro-cid-ddzzjigo],.ds-table[data-astro-cid-ddzzjigo] td[data-astro-cid-ddzzjigo]{text-align:left;vertical-align:top}.ds-table[data-astro-cid-ddzzjigo] thead[data-astro-cid-ddzzjigo]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.ds-table[data-astro-cid-ddzzjigo] tr[data-astro-cid-ddzzjigo]{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;padding-block:16px;border-top:1px solid var(--color-line)}.ds-table[data-astro-cid-ddzzjigo] tbody[data-astro-cid-ddzzjigo] th[data-astro-cid-ddzzjigo]{grid-column:1 / -1;font-weight:500}.ds-table[data-astro-cid-ddzzjigo] th[data-astro-cid-ddzzjigo] code[data-astro-cid-ddzzjigo],.ds-table[data-astro-cid-ddzzjigo] thead[data-astro-cid-ddzzjigo] th[data-astro-cid-ddzzjigo]{white-space:nowrap}.ds-table[data-astro-cid-ddzzjigo] td[data-astro-cid-ddzzjigo][data-label=Usage]{grid-column:1 / -1}.ds-table[data-astro-cid-ddzzjigo] td[data-astro-cid-ddzzjigo][data-label=Light]:before,.ds-table[data-astro-cid-ddzzjigo] td[data-astro-cid-ddzzjigo][data-label=Dark]:before{content:attr(data-label);display:block;font-size:var(--text-label);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-muted);margin-bottom:4px}@media(min-width:1024px){.ds-table[data-astro-cid-ddzzjigo] thead[data-astro-cid-ddzzjigo]{position:static;width:auto;height:auto;clip:auto}.ds-table[data-astro-cid-ddzzjigo] thead[data-astro-cid-ddzzjigo] th[data-astro-cid-ddzzjigo]{font-size:var(--text-label);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-muted);font-weight:500;padding-bottom:12px}.ds-table[data-astro-cid-ddzzjigo] tr[data-astro-cid-ddzzjigo]{display:table-row}.ds-table[data-astro-cid-ddzzjigo] th[data-astro-cid-ddzzjigo],.ds-table[data-astro-cid-ddzzjigo] td[data-astro-cid-ddzzjigo]{padding:14px 16px 14px 0;border-top:1px solid var(--color-line)}.ds-table[data-astro-cid-ddzzjigo] thead[data-astro-cid-ddzzjigo] th[data-astro-cid-ddzzjigo]{border-top:0}.ds-table[data-astro-cid-ddzzjigo] td[data-astro-cid-ddzzjigo]:before{display:none!important}}.ds-val[data-astro-cid-ddzzjigo]{display:inline-flex;align-items:center;gap:8px}.ds-dot[data-astro-cid-ddzzjigo]{width:20px;height:20px;flex:none;border-radius:var(--radius-key);box-shadow:inset 0 0 0 1px var(--color-line-strong)}.ds-cr[data-astro-cid-ddzzjigo]{display:block;margin-left:28px}.ds-specimen[data-astro-cid-ddzzjigo]{display:grid;gap:8px;align-content:start;padding:24px;border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface)}.ds-aa[data-astro-cid-ddzzjigo]{font-size:clamp(5rem,4rem + 5vw,8rem);line-height:1;margin-bottom:8px}.ds-aa-sans[data-astro-cid-ddzzjigo]{font-weight:500;letter-spacing:-.04em}.ds-glyphs[data-astro-cid-ddzzjigo]{margin-top:16px;color:var(--color-ink-muted);line-height:1.5;overflow-wrap:anywhere}.ds-scale[data-astro-cid-ddzzjigo] li[data-astro-cid-ddzzjigo]{display:grid;gap:12px;padding-block:24px;border-top:1px solid var(--color-line)}.ds-scale-meta[data-astro-cid-ddzzjigo]{display:grid;gap:2px;align-content:start}.ds-scale-sample[data-astro-cid-ddzzjigo]{display:grid;gap:10px;min-width:0;overflow-wrap:anywhere}@media(min-width:768px){.ds-scale[data-astro-cid-ddzzjigo] li[data-astro-cid-ddzzjigo]{grid-template-columns:12rem minmax(0,1fr);gap:24px}}.ds-space[data-astro-cid-ddzzjigo] li[data-astro-cid-ddzzjigo]{display:grid;grid-template-columns:6.5rem 3.5rem minmax(0,1fr);align-items:center;gap:4px 12px;padding-block:12px;border-top:1px solid var(--color-line)}.ds-bar[data-astro-cid-ddzzjigo]{display:block;height:16px;max-width:100%;border-radius:3px;background:var(--color-ink-dim)}.ds-space-use[data-astro-cid-ddzzjigo]{grid-column:1 / -1}@media(min-width:768px){.ds-space[data-astro-cid-ddzzjigo] li[data-astro-cid-ddzzjigo]{grid-template-columns:6.5rem 3.5rem 11rem minmax(0,1fr)}.ds-space-use[data-astro-cid-ddzzjigo]{grid-column:auto}}.ds-dl[data-astro-cid-ddzzjigo]{display:grid;gap:16px}@media(min-width:768px){.ds-dl[data-astro-cid-ddzzjigo]{grid-template-columns:1fr 1fr}}.ds-dl[data-astro-cid-ddzzjigo] dd[data-astro-cid-ddzzjigo]{margin-top:4px}.ds-radii[data-astro-cid-ddzzjigo]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}@media(min-width:768px){.ds-radii[data-astro-cid-ddzzjigo]{grid-template-columns:repeat(4,minmax(0,1fr))}}.ds-radius[data-astro-cid-ddzzjigo]{display:block;width:88px;height:88px;margin-bottom:12px;background:var(--color-surface);border:1px solid var(--color-line-strong)}.ds-shadows[data-astro-cid-ddzzjigo]{display:grid;gap:16px}@media(min-width:768px){.ds-shadows[data-astro-cid-ddzzjigo]{grid-template-columns:1fr 1fr}}.ds-shadow-ground[data-astro-cid-ddzzjigo]{display:grid;gap:6px;padding:32px 24px 24px;border-radius:var(--radius-lg)}.ds-shadow-ground[data-astro-cid-ddzzjigo].is-dark{background:var(--color-deep);color:var(--color-silver);box-shadow:inset 0 0 0 1px var(--color-line)}.ds-shadow-ground[data-astro-cid-ddzzjigo].is-light{background:var(--color-silver);color:var(--color-forest)}.is-light[data-astro-cid-ddzzjigo] .ds-shadow-use[data-astro-cid-ddzzjigo]{color:var(--color-forest)}.is-dark[data-astro-cid-ddzzjigo] .ds-shadow-use[data-astro-cid-ddzzjigo]{color:var(--color-silver);opacity:.8}.ds-shadow[data-astro-cid-ddzzjigo]{display:grid;place-items:center;height:96px;margin-bottom:20px;border-radius:var(--radius-lg)}.is-dark[data-astro-cid-ddzzjigo] .ds-shadow[data-astro-cid-ddzzjigo]{background:var(--color-forest)}.is-light[data-astro-cid-ddzzjigo] .ds-shadow[data-astro-cid-ddzzjigo]{background:var(--color-white)}.ds-shadow[data-astro-cid-ddzzjigo].is-glow{justify-self:start;height:52px;padding-inline:24px;margin-block:22px 42px;border-radius:var(--radius-pill);background:var(--color-saffron)!important;color:var(--color-deep)}.ds-pairs[data-astro-cid-ddzzjigo]{display:grid}.ds-pairs[data-astro-cid-ddzzjigo] li[data-astro-cid-ddzzjigo]{display:grid;gap:12px;padding-block:20px;border-top:1px solid var(--color-line)}@media(min-width:768px){.ds-pairs[data-astro-cid-ddzzjigo] li[data-astro-cid-ddzzjigo]{grid-template-columns:1fr 1fr;gap:24px}}.ds-pairs[data-astro-cid-ddzzjigo] p[data-astro-cid-ddzzjigo]{display:grid;gap:6px}.ds-verdict[data-astro-cid-ddzzjigo]{display:inline-flex;align-items:center;gap:6px}.ds-do[data-astro-cid-ddzzjigo] .ds-verdict[data-astro-cid-ddzzjigo]{color:var(--color-success)}.ds-dont-text[data-astro-cid-ddzzjigo] .ds-verdict[data-astro-cid-ddzzjigo]{color:var(--color-danger)}.ds-dont-text[data-astro-cid-ddzzjigo] .ui[data-astro-cid-ddzzjigo]{text-decoration:line-through;text-decoration-color:var(--color-ink-dim)}.ds-icons[data-astro-cid-ddzzjigo]{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));border-top:1px solid var(--color-line);border-left:1px solid var(--color-line)}.ds-icons[data-astro-cid-ddzzjigo] li[data-astro-cid-ddzzjigo]{display:grid;justify-items:center;gap:12px;padding:24px 8px 16px;border-right:1px solid var(--color-line);border-bottom:1px solid var(--color-line);color:var(--color-ink)}.ds-icon-sizes[data-astro-cid-ddzzjigo]{display:flex;align-items:flex-end;flex-wrap:wrap;gap:28px;color:var(--color-mark)}.ds-icon-sizes[data-astro-cid-ddzzjigo]>span[data-astro-cid-ddzzjigo]{display:grid;justify-items:center;gap:8px}.ds-files[data-astro-cid-ddzzjigo]{border-bottom:1px solid var(--color-line)}.ds-files[data-astro-cid-ddzzjigo] a[data-astro-cid-ddzzjigo]{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:4px 16px;min-height:44px;padding-block:16px;border-top:1px solid var(--color-line);color:var(--color-ink)}.ds-file-name[data-astro-cid-ddzzjigo]{overflow-wrap:anywhere;font-weight:500}.ds-file-desc[data-astro-cid-ddzzjigo]{grid-column:1;grid-row:2}.ds-file-size[data-astro-cid-ddzzjigo]{grid-column:2;grid-row:1}.ds-files[data-astro-cid-ddzzjigo] .ds-file-arrow{grid-column:3;grid-row:1;color:var(--color-mark);transform:rotate(90deg);transition:translate .3s var(--ease-out-expo)}@media(hover:hover)and (pointer:fine){.ds-files[data-astro-cid-ddzzjigo] a[data-astro-cid-ddzzjigo]:hover{background:var(--color-bg-band)}.ds-files[data-astro-cid-ddzzjigo] a[data-astro-cid-ddzzjigo]:hover .ds-file-arrow{translate:0 3px}}@media(prefers-reduced-motion:reduce){.ds-files[data-astro-cid-ddzzjigo] .ds-file-arrow,.ds-copy[data-astro-cid-ddzzjigo],.ds-nav[data-astro-cid-ddzzjigo] a[data-astro-cid-ddzzjigo]{transition:none}}