.swatch-wrap{--swatch-width: 28px;display:flex;align-items:center;gap:14px;position:relative}.swatch-wrap input[type=radio]{position:absolute;opacity:0;visibility:hidden}.swatch-wrap input[type=radio]:checked+label .swatch:before{opacity:1;visibility:visible}.swatch-wrap label{display:block}.swatch-wrap .swatch{position:relative;width:var(--swatch-width);height:var(--swatch-width);display:block;border-radius:50%;background:var(--swatch-background);background-repeat:no-repeat;background-position:center;text-indent:-9999px;cursor:pointer}.swatch-wrap .swatch:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:1px solid #000;border-radius:50%;opacity:0;visibility:hidden;transition:opacity var(--duration-default)}.swatch-wrap .swatch.active:before{opacity:1;visibility:visible}@media (min-width: 992px){.swatch-wrap--lg{--swatch-width: 36px}}@media (min-width: 1200px){.swatch-wrap--lg{--swatch-width: 40px;gap:20px}}@media (min-width: 1400px){.swatch-wrap--lg{--swatch-width: 44px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/style-component-swatch.css.map */