.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}}variant-selects label,variant-radios label{min-width:100px;min-height:44px;text-align:center;display:flex;align-items:center;justify-content:center}
/*# sourceMappingURL=/cdn/shop/t/14/assets/style-component-swatch.css.map */