.ds-section-header[data-astro-cid-hbxdv2bs]{display:flex;justify-content:flex-end;margin-bottom:-.5rem;margin-top:var(--s-grid)}.ds-section-btn[data-astro-cid-hbxdv2bs]{font-size:.75rem;color:var(--c-text-secondary);text-decoration:none;padding:.25rem .75rem;border:1px solid var(--c-border);border-radius:4px;background:var(--c-bg-page);transition:all .2s ease}.ds-section-btn[data-astro-cid-hbxdv2bs]:hover{color:var(--c-brand);border-color:var(--c-brand);background:var(--c-bg-surface)}.color-swatch[data-astro-cid-eomsac2k]{display:grid;grid-template-columns:40% 60%;gap:.5rem;margin-bottom:1.5rem}.swatch[data-astro-cid-eomsac2k]{height:60px;border-radius:4px;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 2px #0000000d}.info[data-astro-cid-eomsac2k]{display:flex;flex-direction:column;gap:.25rem;font-family:var(--f-mono);font-size:1rem}.label[data-astro-cid-eomsac2k]{font-weight:600;color:var(--c-text-primary);text-transform:uppercase;letter-spacing:.05em;text-align:center}.token[data-astro-cid-eomsac2k]{color:var(--c-text-primary);background:none;padding:0}.value[data-astro-cid-eomsac2k]{color:var(--c-text-secondary);background:none;padding:0}.ds-component-header[data-astro-cid-2hsjunee]{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.ds-component-header[data-astro-cid-2hsjunee] h3[data-astro-cid-2hsjunee]{margin-bottom:.5rem}.ds-component-btn[data-astro-cid-2hsjunee]{font-size:.75rem;color:var(--c-text-secondary);text-decoration:none;padding:.2rem .6rem;border:1px solid var(--c-border);border-radius:4px;white-space:nowrap;transition:all .2s ease}.ds-component-btn[data-astro-cid-2hsjunee]:hover{color:var(--c-brand);border-color:var(--c-brand)}.ds-components-list[data-astro-cid-djviytak]{display:flex;flex-direction:column;gap:2rem}.ds-grid-diagram[data-astro-cid-5rekvkrp]{border:1px solid var(--c-border);padding:1rem 0;margin:1.5rem 0;background:var(--c-bg-surface);font-family:var(--f-mono);font-size:.8rem}.ds-grid-row[data-astro-cid-5rekvkrp]{display:grid;grid-template-columns:1fr 1fr 3fr 1fr 1fr;gap:2px;padding:.25rem .5rem;align-items:center}.ds-grid-row--labels[data-astro-cid-5rekvkrp]{padding-bottom:.5rem;border-bottom:1px dashed var(--c-border);margin-bottom:.5rem}.ds-grid-label[data-astro-cid-5rekvkrp]{text-align:center;color:var(--c-text-secondary);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.ds-grid-bar[data-astro-cid-5rekvkrp]{padding:.5rem;text-align:center;border-radius:3px}.ds-grid-bar[data-astro-cid-5rekvkrp] code[data-astro-cid-5rekvkrp]{font-size:.75rem;background:none;padding:0}.ds-grid-bar--full[data-astro-cid-5rekvkrp]{grid-column:1 / -1;background:var(--c-brand);color:var(--c-bg-page)}.ds-grid-bar--full[data-astro-cid-5rekvkrp] code[data-astro-cid-5rekvkrp]{color:var(--c-bg-page)}.ds-grid-bar--breakout[data-astro-cid-5rekvkrp]{grid-column:2 / 5;background:color-mix(in srgb,var(--c-brand) 30%,transparent);color:var(--c-text-primary)}.ds-grid-bar--content[data-astro-cid-5rekvkrp]{grid-column:3 / 4;background:color-mix(in srgb,var(--c-brand) 15%,transparent);color:var(--c-text-primary)}.ds-grid-demo[data-astro-cid-5rekvkrp]{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;margin-bottom:.5rem;border-radius:3px;font-family:var(--f-mono);font-size:.85rem}.ds-grid-demo-label[data-astro-cid-5rekvkrp]{font-weight:700;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.ds-grid-demo-note[data-astro-cid-5rekvkrp]{color:var(--c-text-secondary);font-size:.75rem}.ds-grid-demo--content[data-astro-cid-5rekvkrp]{background:color-mix(in srgb,var(--c-brand) 10%,transparent);border-left:3px solid var(--c-brand)}.ds-grid-demo--breakout[data-astro-cid-5rekvkrp]{background:color-mix(in srgb,var(--c-brand) 20%,transparent);border-left:3px solid var(--c-brand)}.ds-grid-demo--full[data-astro-cid-5rekvkrp]{background:var(--c-brand);color:var(--c-bg-page);border-left:none}.ds-grid-demo--full[data-astro-cid-5rekvkrp] .ds-grid-demo-note[data-astro-cid-5rekvkrp]{color:color-mix(in srgb,var(--c-bg-page) 80%,transparent)}.ds-nav[data-astro-cid-6kirkzs7]{margin-top:1.5rem;margin-bottom:1.5rem;padding-top:1.5rem;padding-bottom:1.5rem;border-top:1px dashed var(--c-border);border-bottom:1px dashed var(--c-border)}.ds-nav-list[data-astro-cid-6kirkzs7]{display:flex;flex-wrap:wrap;gap:.5rem 1rem;list-style:none;padding:0;margin:0}.ds-nav-list[data-astro-cid-6kirkzs7] a[data-astro-cid-6kirkzs7]{color:var(--c-text-secondary);text-decoration:none;font-size:.875rem;font-family:var(--f-mono);padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.ds-nav-list[data-astro-cid-6kirkzs7] a[data-astro-cid-6kirkzs7]:hover{color:var(--c-text-primary);background-color:var(--c-bg-surface)}.ds-nav-list[data-astro-cid-6kirkzs7] a[data-astro-cid-6kirkzs7].active{color:var(--c-brand);font-weight:700;background-color:var(--c-bg-surface)}.ds-section[data-astro-cid-6kirkzs7]{margin-bottom:2rem}