.swatch{gap:var(--s-1);font-size:var(--text-small);line-height:var(--lh-small);display:grid}.swatch-chip{border:1px solid var(--line);border-radius:8px;height:56px}.sw-desk{background:var(--desk)}.sw-sheet{background:var(--sheet)}.sw-ink{background:var(--ink)}.sw-ink-2{background:var(--ink-2)}.sw-line{background:var(--line)}.sw-line-strong{background:var(--line-strong)}.sw-mat{background:var(--mat)}.sw-mat-deep{background:var(--mat-deep)}.sw-mat-line{background:var(--mat-line)}.sw-on-mat{background:var(--on-mat)}.sw-on-mat-2{background:var(--on-mat-2)}.sw-paper{background:var(--paper)}.sw-on-paper{background:var(--on-paper)}.sw-on-paper-2{background:var(--on-paper-2)}.sw-mark{background:var(--mark)}.sw-on-mark{background:var(--on-mark)}.sw-danger{background:var(--danger)}.sw-caution{background:var(--caution)}.sw-ok{background:var(--ok)}.sw-link{background:var(--link)}.sw-danger-paper{background:var(--danger-paper)}.sw-caution-paper{background:var(--caution-paper)}.sw-ok-paper{background:var(--ok-paper)}.sw-link-paper{background:var(--link-paper)}.kit-states{gap:var(--s-12);margin-top:var(--s-12);display:grid}.kit-state{gap:var(--s-3);display:grid}.kit-label{font-size:var(--text-small);line-height:var(--lh-small);color:var(--ink-2);font-weight:600}.kit-tokens{gap:var(--s-8);margin-top:var(--s-8);display:grid}.kit-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.kit-tokens h3{font-size:var(--text-h3);line-height:var(--lh-h3);margin-bottom:var(--s-3)}.kit-row{gap:var(--s-6);margin:var(--s-4) 0 var(--s-8);flex-wrap:wrap;align-items:flex-end;display:flex}.kit-type{gap:var(--s-4);margin-top:var(--s-8);display:grid}.kit-shell>section,.kit-shell>section>section{margin-top:var(--s-16);gap:var(--s-4);display:grid}.kit-shell h3{margin-top:var(--s-8)}@media (width<=599px){.kit-shell>section{margin-top:var(--s-12)}}.type-readout{font-size:var(--text-readout);line-height:var(--lh-readout);margin:0;font-weight:800}.small-text{font-size:var(--text-small);line-height:var(--lh-small);color:var(--ink-2)}.tabular{font-variant-numeric:tabular-nums}