.cd-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cd-row--start{align-items:flex-start;gap:28px}.cd-specimens{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:26px 40px;max-inline-size:560px;display:grid}.cd-specimen-stack{flex-direction:column;gap:22px;display:flex}.cd-specimen{flex-direction:column;align-items:flex-start;gap:7px;display:flex}.cd-specimen--measure{max-inline-size:560px}.cd-specimen__label{font-family:var(--font-body);font-size:10px;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.07em;color:var(--color-muted)}.cd-specimen__spec{font-family:var(--font-body);color:var(--color-muted);letter-spacing:.01em;font-size:11px}[lang=ar] .cd-specimen__label{letter-spacing:normal;text-transform:none}[dir=rtl] .cd-specimen__spec{text-align:start;direction:ltr}.cd-divider{background:var(--color-hairline);block-size:1px}.cd-swatches{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.cd-swatch{align-items:center;gap:8px;display:flex}.cd-swatch__chip{border-radius:var(--radius-sm);border:1px solid var(--color-control);flex:none;block-size:28px;inline-size:28px}.cd-swatch__chip--cream{background:var(--color-cream)}.cd-swatch__chip--white{background:var(--color-white)}.cd-swatch__chip--inset{background:var(--color-inset)}.cd-swatch__chip--hairline{background:var(--color-hairline)}.cd-swatch__chip--control{background:var(--color-control)}.cd-swatch__chip--ink{background:var(--color-ink)}.cd-swatch__chip--body{background:var(--color-body)}.cd-swatch__chip--muted{background:var(--color-muted)}.cd-swatch__chip--green{background:var(--color-green)}.cd-swatch__chip--green-hover{background:var(--color-green-hover)}.cd-swatch__chip--green-08{background:var(--color-green-08)}.cd-swatch__chip--green-12{background:var(--color-green-12)}.cd-swatch__chip--mid-green{background:var(--color-mid-green)}.cd-swatch__chip--avatar{background:var(--color-avatar)}.cd-swatch__chip--peach{background:var(--color-peach)}.cd-swatch__chip--peach-text{background:var(--color-peach-text)}.cd-swatch__chip--terracotta{background:var(--color-terracotta)}.cd-swatch__chip--terracotta-fill{background:var(--color-terracotta-fill)}.cd-swatch__chip--terracotta-08{background:var(--color-terracotta-08)}.cd-swatch__chip--terracotta-text{background:var(--color-terracotta-text)}.cd-swatch__chip--danger{background:var(--color-danger)}.cd-swatch__chip--danger-08{background:var(--color-danger-08)}.cd-formgrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));align-items:start;gap:22px 30px;max-inline-size:600px;display:grid}.cd-formgrid__full{grid-column:1/-1}.cd-fieldset{border:0;margin:0;padding:0}.cd-fieldset>legend{margin-block-end:8px;padding:0}.cd-focusdemo{border-radius:var(--radius-md);border:1px solid var(--color-hairline);flex-direction:column;gap:8px;padding:16px;display:flex}.cd-focusdemo--cream{background:var(--color-cream)}.cd-focusdemo--white{background:var(--color-white)}.cd-focusdemo--inset{background:var(--color-inset)}.cd-focusdemo--green{background:var(--color-green)}.cd-focusdemo--green :focus-visible{box-shadow:0 0 0 2px var(--color-green), 0 0 0 4px #fff;outline-color:#fff}.cd-focusdemo--green .cd-specimen__label{color:#ffffffe0}.cd-motifdemo{border:1px solid var(--color-hairline);border-radius:var(--radius-lg);block-size:118px}.cd-motifdemo--onwhite{background-color:var(--color-white)}.cd-rules{flex-direction:column;gap:15px;max-inline-size:600px;margin:0;padding:0;list-style:none;display:flex}.cd-rule{align-items:flex-start;gap:13px;display:flex}.cd-rule__dot{border-radius:var(--radius-pill);background:var(--color-green);flex:none;block-size:7px;inline-size:7px;margin-block-start:7px}.cd-rule__key{font-size:13px;font-weight:var(--weight-semibold);color:var(--color-ink)}details.cd-card+details.cd-card{margin-block-start:12px}details.cd-card>summary{cursor:pointer}details.cd-card>summary::marker{color:var(--color-green)}details.cd-card>p{margin-block:8px 0}