.wt-color-swatches-wrapper{position:relative;width:100%}.wt-color-swatches{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:10px;padding:0 8px}.wt-color-swatches-wrapper:has([class*=text-left]) .wt-color-swatches,.wt-slider .wt-color-swatches-wrapper .wt-color-swatches{justify-content:flex-start}.wt-color-swatch{width:18px;height:18px;min-width:18px;min-height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.15);padding:0;cursor:pointer;background-color:#ccc;background-clip:content-box;position:relative;transition:transform .15s ease,box-shadow .15s ease;outline:none;box-sizing:border-box}.wt-color-swatch:hover{transform:scale(1.15)}.wt-color-swatch:focus-visible{box-shadow:0 0 0 2px var(--color-foreground, #000)}.wt-color-swatch--active{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--color-foreground, #000)}.wt-color-swatch[style*="#ffffff"],.wt-color-swatch[style*="#fff"],.wt-color-swatch[style*="rgb(255, 255, 255)"]{border-color:#00000040}@media(max-width:749px){.wt-color-swatches{gap:6px;margin-top:8px;padding:0 4px}.wt-color-swatch{width:16px;height:16px;min-width:16px;min-height:16px}}@media(min-width:750px){.wt-color-swatches{gap:8px;margin-top:12px}.wt-color-swatch{width:18px;height:18px;min-width:18px;min-height:18px}}[data-card-content] img{transition:opacity .2s ease}[data-card-content].is-swapping img{opacity:.4}html[dir=rtl] .wt-slider .wt-color-swatches-wrapper .wt-color-swatches{justify-content:flex-end}
/*# sourceMappingURL=/cdn/shop/t/32/assets/color-swatches.css.map */