.colour-swatches{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px}.colour-swatch{display:block;width:32px;height:32px;border-radius:50%;border:2px solid #DADAD9;cursor:pointer;text-decoration:none;transition:transform .2s,border-color .2s;position:relative}.colour-swatch:hover{transform:scale(1.15);border-color:#828282}.colour-swatch.is-active{border:1px solid #828282;transform:scale(1.1)}.colour-swatch.is-active:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px solid #828282}.colour-swatch--pattern{background-size:cover;background-position:center}.colour-swatch__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#4f4f4f;color:#fff;font-size:11px;white-space:nowrap;padding:4px 8px;border-radius:4px;pointer-events:none;opacity:0;transition:opacity .15s;z-index:10}.colour-swatch:hover .colour-swatch__tooltip{opacity:1}.colour-swatches__label{font-size:13px;color:#666;margin-bottom:6px}
/*# sourceMappingURL=/cdn/shop/t/42/assets/colour-swatches.css.map */