.tool[data-tool=color-name-finder] .swatch{border-radius:var(--r-md);border:1px solid var(--c-border-strong);block-size:4rem;margin-block-end:var(--space-3);display:flex;overflow:hidden}.tool[data-tool=color-name-finder] .swatch.pair span{flex:1}.tool[data-tool=color-name-finder] .rows{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.tool[data-tool=color-name-finder] .rows li{gap:var(--space-3);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.tool[data-tool=color-name-finder] .rows li:has(>.fname){grid-template-columns:4rem 1fr auto}.tool[data-tool=color-name-finder] .sw{border-radius:var(--r-sm);border:1px solid var(--c-border-strong);block-size:2.5rem;inline-size:2.5rem}.tool[data-tool=color-name-finder] .nm{overflow-wrap:anywhere;min-inline-size:0;display:grid}