.color_switcher{display:flex;flex-wrap:wrap;align-items:start;margin:0;padding:0;gap:var(--cv-space-small);list-style:none}.color_switcher li{display:flex;flex-direction:column;align-items:center;gap:var(--cv-space-smaller)}.color_switcher li a{position:relative}.color_switcher li input[type=radio]{display:none}.color_switcher li .swatch{display:block;width:var(--cv-space-largest);height:var(--cv-space-largest);border-radius:var(--cv-radius-base);cursor:pointer}.color_switcher li input[type=radio]:checked+.swatch{border-color:var(--cv-color--base--onSurface)}.color_switcher li input[type=radio].disabled+.swatch{opacity:.5;pointer-events:none}.color_switcher li .swatch:hover{border-color:var(--cv-color--base--onSurface--hover)}[data-swatch=select-colour]{display:none}.color_switcher .swatch_active{outline:var(--cv-space-smallest) solid var(--cv-color--base--onSurface);outline-offset:var(--cv-space-smallest)}.variant_unavailable_new .swatch:after{position:absolute;top:calc(-1 * var(--cv-space-small));left:50%;width:var(--cv-space-minuscule);height:calc(100% + var(--cv-space-base));transform:rotate(45deg);background:var(--cv-color--base--surface);content:""}
/*# sourceMappingURL=/cdn/shop/t/2009/assets/component-product-group.css.map */