.tspec{background:var(--white);height:100%;color:var(--black);flex-direction:column;justify-content:space-between;gap:3cqi;padding:4cqi 5cqi 3.5cqi;display:flex;container-type:inline-size}.tspec .u-label,.tspec-palette .u-label{font-size:var(--text-label)}.tspec-k{font-family:var(--font-squeeze);gap:.5em;margin:0 0 1.2cqi;display:flex}.tspec-dim{opacity:.55}.tspec-group{flex-direction:column;display:flex}.tspec-row{border-top:1px solid var(--black-a10);grid-template-columns:minmax(0,30%) minmax(0,1fr);align-items:baseline;column-gap:2cqi;padding-block:1.3cqi;display:grid}.tspec-meta{font-family:var(--font-squeeze);font-variant-ligatures:none;font-feature-settings:"liga" 0, "calt" 0, "dlig" 0;white-space:nowrap;gap:.6em;margin:0;display:flex}.tspec-s{min-width:0;font-size:max(var(--sz), var(--sz-min));text-wrap:pretty;margin:0}.tspec-palette{gap:var(--space-2);background:color-mix(in srgb, var(--v2-ink) var(--mix-07), var(--v2-bg));grid-auto-rows:1fr;height:100%;padding:clamp(1rem,4cqi,3rem);display:grid;container-type:inline-size}.tspec-sw{gap:var(--space-4);grid-template-columns:minmax(7rem,34%) 1fr;align-items:stretch;display:grid}.tspec-sw-v{font-family:var(--font-ui);font-size:var(--fs-specimen-swatch);font-variant-numeric:tabular-nums;flex-direction:column;justify-content:center;gap:.3rem;margin:0;display:flex}.tspec-sw i{min-height:2.25rem;box-shadow:0 0 0 1px var(--black-a08);display:block}@media (max-width:63.999rem){.tspec{gap:7cqi;height:auto;padding:7cqi}.tspec-row{grid-template-columns:minmax(0,1fr);row-gap:1.5cqi;padding-block:3cqi}.tspec-s{font-size:max(var(--sz-m), var(--sz-min))}.tspec-palette{aspect-ratio:1;height:auto}}@media (min-width:40rem) and (max-width:63.999rem){.tspec-palette.tspec-palette{aspect-ratio:auto;grid-template-columns:repeat(var(--tspec-cols,4), minmax(0, 1fr));gap:var(--space-4) var(--space-3);grid-auto-rows:auto;align-content:start;align-items:start}.tspec-palette .tspec-sw.tspec-sw{align-content:start;gap:var(--space-2);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);align-items:start}.tspec-palette .tspec-sw i{aspect-ratio:4/3;order:-1;min-height:0}.tspec-palette .tspec-sw .tspec-sw-v{flex-flow:column;justify-content:flex-start;gap:.15rem}}