.swatches--img{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
.swatches--img .swatch--img{position:relative;width:46px;height:46px;min-width:0;padding:0;border-radius:50%;overflow:visible;border:0;background:transparent;box-shadow:none;cursor:pointer;line-height:0;text-decoration:none;opacity:.72;transition:transform .14s ease,opacity .14s ease}
.swatches--img .swatch--img img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.swatches--img .swatch--img:hover{transform:translateY(-2px);opacity:1}
.swatches--img .swatch--img.active{opacity:1;transform:translateY(-1px);box-shadow:none}
.swatches--img .swatch--img.active img{outline:2px solid currentColor;outline-offset:3px}
.swatches--img .swatch--img.is-out{opacity:.26;text-decoration:none}
.swatches--img .swatch--img.is-out::after{content:"";position:absolute;left:50%;top:-8%;width:1px;height:116%;background:currentColor;transform:rotate(45deg)}
.swatch__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:600px){.swatches--img{gap:10px}.swatches--img .swatch--img{width:42px;height:42px}}