.ssvis-swatches{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;align-items:center}.ssvis-swatch{display:grid;width:var(--ssvis-size);height:var(--ssvis-size);overflow:hidden;border:2px solid transparent;border-radius:6px;background:#f5f5f5;transition:border-color .15s ease,opacity .15s ease}.ssvis-swatch:hover,.ssvis-swatch:focus,.ssvis-swatch.is-selected{border-color:#111;outline:0}.ssvis-swatch img,.ssvis-swatch__color{width:100%;height:100%;object-fit:cover}.ssvis-swatch__color{display:block}.ssvis-swatch--label{width:auto;min-width:var(--ssvis-size);padding:0 10px;align-items:center;text-align:center}.ssvis-swatch__label{font-size:12px;line-height:1.2}.ssvis-swatch.is-unavailable{opacity:.4;filter:grayscale(1);cursor:not-allowed}.ssvis-more{align-content:center;min-width:var(--ssvis-size);height:var(--ssvis-size);font-size:12px;text-align:center;text-decoration:none}.ssvis-swatches--catalog{justify-content:flex-start}