.acc-color-swatches-container{display:flex;align-items:center;margin:0;padding:0}.acc-color-label{font-weight:700;font-size:16px;color:var(--color-onyx);margin:0;padding:0;margin-right:10px}.acc-color-swatches{display:flex;gap:10px;flex-wrap:wrap}.acc-color-swatch{position:relative;width:30px;height:30px;border-radius:50%;border:1px solid #ccc;box-shadow:0 2px 4px rgb(0 0 0 / .1);cursor:pointer;transition:transform 0.2s,border-color 0.2s}.acc-color-swatch:hover,.acc-color-swatch:focus{transform:scale(1.15);border-color:var(--color-champagne)}.acc-color-swatch.acc-color-unavailable{opacity:.4;cursor:not-allowed}.acc-color-swatch::after{content:attr(data-label);position:absolute;top:35px;left:50%;transform:translateX(-50%);background-color:var(--color-velvet);color:var(--color-pearl);padding:4px 6px;border-radius:4px;font-size:.8rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.2s;z-index:10}.acc-color-swatch:hover::after{opacity:1}.acc-color-swatch.selected{border-color:var(--color-velvet);transform:scale(1.2)}.variations_form select[name="attribute_pa_color"]{display:none!important}@media (max-width:600px){.acc-color-swatches-container{gap:10px;flex-wrap:wrap}.acc-color-swatch{width:25px;height:25px}}