.swatches{display:flex;flex-wrap:wrap;gap:2px 6px;margin-top:10px}.swatches__text{font-weight:500;font-family:Neue Haas Grotesk Text Pro,sans-serif;font-size:14px;line-height:25px}.swatches__items{display:flex;flex-wrap:wrap;gap:8px;margin:0}.swatches__button{display:block;width:25px;height:25px;border-radius:50%;position:relative}.swatches__button:before{content:"";box-sizing:border-box;display:block;width:100%;height:100%;background-color:currentColor;border-radius:inherit;transition:transform .3s}.swatches__button:after{content:"";position:absolute;box-sizing:border-box;top:0;left:0;width:100%;height:100%;border-radius:inherit;border:1px solid rgba(0,0,0,.7);opacity:0;transition:opacity .3s}.swatches__button--bordered:before{border:1px solid rgba(0,0,0,.25)}.swatches__button.is-selected:before{transform:scale(.8)}.swatches__button.is-selected:after{opacity:1}.swatches__button span.visually-hidden{position:absolute!important;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}@media screen and (max-width: 900px){.swatches{column-gap:4px;margin-top:8px}.swatches__text{font-size:12px;line-height:20px}.swatches__items{gap:6px}.swatches__button{width:20px;height:20px}}
/*# sourceMappingURL=/cdn/shop/t/480/assets/component-swatches.css.map */