.tool[data-tool=color-average] .inputs{gap:var(--space-1);flex-wrap:wrap;grid-column:1/-1;margin:0;padding:0;list-style:none;display:flex}.tool[data-tool=color-average] .inputs li{border-radius:var(--r-sm);border:1px solid var(--c-border-strong);block-size:1.75rem;inline-size:1.75rem}.tool[data-tool=color-average] .avg{margin-block-end:var(--space-4)}.tool[data-tool=color-average] .avg-row{gap:var(--space-3);align-items:center;margin-block-end:var(--space-2);display:flex}.tool[data-tool=color-average] .swatch{border-radius:var(--r-md);border:1px solid var(--c-border-strong);flex:none;block-size:4rem;inline-size:5rem}