.colour-swatch{width:1.8rem;min-width:1.8rem;height:1.8rem;border:none;box-shadow:none;padding:0;border-radius:100%;cursor:pointer;position:relative;padding:.1rem;display:inline-flex;align-items:center;justify-content:center}@media screen and (min-width: 990px){.colour-swatch{width:2.4rem;min-width:2.4rem;height:2.4rem}}.colour-swatch:before{content:"";border:solid .1rem var(--color-body);position:absolute;left:50%;top:50%;width:2rem;height:2rem;border-radius:100%;transition:all var(--duration-default) ease;transform:translate(-50%,-50%)}@media screen and (min-width: 990px){.colour-swatch:before{width:2.6rem;height:2.6rem;border-width:.2rem}}.colour-swatch:hover:before,.colour-swatch.active:before{width:1.6rem;height:1.6rem}@media screen and (min-width: 990px){.colour-swatch:hover:before,.colour-swatch.active:before{width:2rem;height:2rem}}.colour-swatch svg{display:none;stroke:var(--color-body);width:.8rem;height:auto;margin:0;transition:all var(--duration-default) ease}@media screen and (min-width: 990px){.colour-swatch svg{width:1rem}}.colour-swatch.active svg{display:block}
/*# sourceMappingURL=/cdn/shop/t/44/assets/colour-swatch.css.map */
