.color-siblings { display:flex; gap:.6rem; flex-wrap:wrap; }
.color-swatch { width:42px; height:42px; border-radius:8px; display:inline-block; }
.color-swatch__box { width:100%; height:100%; border-radius:8px; border:1px solid rgba(0,0,0,.12); }
.color-swatch.is-active .color-swatch__box { outline:2px solid #111; outline-offset:2px; }
.color-swatch:focus-visible .color-swatch__box { outline:2px solid #555; outline-offset:2px; }