.color-swatch-list{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0;list-style:none;padding:0}.color-swatch-item{position:relative}.color-swatch{display:block;width:30px;height:30px;border-radius:50%;border:2px solid transparent;padding:0;cursor:pointer;background-color:var(--swatch-color, #cccccc);box-shadow:0 0 0 1px #0003;transition:transform .15s ease,box-shadow .15s ease}.color-swatch:hover{transform:scale(1.15)}.color-swatch.active{box-shadow:0 0 0 2px #000}.color-swatch.sold-out{opacity:.4;cursor:not-allowed}.color-swatch.sold-out:after{content:"";position:absolute;top:50%;left:-2px;right:-2px;height:1px;background:#000000b3;transform:rotate(-45deg)}.color-swatch__tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#111;color:#fff;font-size:11px;white-space:nowrap;padding:3px 8px;border-radius:4px;pointer-events:none;opacity:0;transition:opacity .2s;z-index:10}.color-swatch-item:hover .color-swatch__tooltip{opacity:1}.css-swatch__hidden-select,.css-swatch__hidden-radios{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.card-swatches .color-swatch{width:20px;height:20px}
/*# sourceMappingURL=/cdn/shop/t/1/assets/color-swatches.css.map */