.tool[data-tool=color-converter] .swatch{border-radius:var(--r-md);border:1px solid var(--c-border-strong);block-size:4rem;margin-block-end:var(--space-3)}.tool[data-tool=color-converter] .formats{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.tool[data-tool=color-converter] .formats li{align-items:center;gap:var(--space-2);grid-template-columns:4.5rem 1fr auto;display:grid}.tool[data-tool=color-converter] .fname{font-weight:600;font-size:var(--fs-sm)}.tool[data-tool=color-converter] .formats code{overflow-wrap:anywhere;font-family:var(--font-mono);font-size:var(--fs-sm)}