.tokens-ref h3{font-size:var(--fs-lg);margin:28px 0 14px}.tokens-ref code{font-size:var(--fs-sm);color:var(--muted)}.tokens-swatches,.tokens-radii,.tokens-type{gap:14px;margin:0;padding:0;list-style:none;display:grid}.tokens-swatches{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.tokens-swatches li{font-size:var(--fs-sm);gap:4px;display:grid}.tokens-swatch{border-radius:var(--r-md);border:1px solid var(--line);height:56px;display:block}.tokens-radii{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.tokens-radii li{justify-items:start;gap:8px;display:grid}.tokens-radii span{background:var(--soft);border:1px solid var(--line-strong);width:88px;height:56px;display:block}.tokens-type li{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:10px;display:flex}.tokens-type span{overflow-wrap:anywhere;line-height:1.2}