.variant-swatches{display:flex;gap:8px;margin-bottom:0;margin-top:12px}.variant-border{border:1px solid #000000;border-radius:50%;padding:2px}.variant-swatch,.variant-swatch-image{width:23px;height:23px;border-radius:50%;box-shadow:0 0 0 1px #0000001a;cursor:pointer;transition:all .2s ease;padding:0;position:relative;overflow:hidden}.variant-swatch:hover{box-shadow:0 0 0 2px #0003}.variant-swatch.extra-variants{display:flex;align-items:center;justify-content:center;font-size:12px;color:#666;font-weight:500}.variant-swatch[data-color="#FFFFFF"],.variant-swatch[data-color="#D3D3D3"],.variant-swatch[data-color="#FFFF00"]{border-color:#e0e0e0}.variant-swatch[data-color="#000000"],.variant-swatch[data-color="#0000FF"],.variant-swatch[data-color="#800080"]{border-color:#ffffff4d}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.card__media .media--hover-effect{position:relative}.card__media .media--hover-effect img{transition:opacity .3s ease;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.card__media .media--hover-effect img:first-child{position:relative}.card__media .media--hover-effect img.hidden{opacity:0;pointer-events:none}.variant-swatch.active,.variant-swatch:focus{border:2px solid #222;box-shadow:0 0 0 2px #aaa}
/*# sourceMappingURL=/cdn/shop/t/1/assets/component-variant-swatches.css.map */