.color-swatch{display:flex;flex-wrap:wrap;gap:var(--swatch-gap);list-style:none;padding:0;margin:1rem 0 2rem}.color-swatch-link{position:relative;display:block;width:var(--swatch-size);height:var(--swatch-size);padding:.5rem;border-radius:50%;box-shadow:0 0 0 2px var(--border) inset;overflow:hidden}.color-swatch-link.current{box-shadow:0 0 0 2px var(--corp) inset;pointer-events:none}.color-swatch-image{width:100%;height:100%;object-fit:contain;border-radius:50%}.color-swatch-link:hover{box-shadow:0 0 0 2px var(--hover) inset;overflow:visible}.color-swatch-link:hover .color-swatch-image{transform:scale(1.1)}.color-swatch-link:before,.color-swatch-link:after{content:"";position:absolute;left:50%;display:block;transition:.2s linear;transform:translate(-50%);opacity:0}.color-swatch-link:before{content:attr(title);top:-3rem;background:#000000bf;color:#fff;font-size:1rem;line-height:1;white-space:nowrap;padding:.5rem;border-radius:.3rem}.color-swatch-link:after{top:-1rem;border:.5rem solid transparent;border-top-color:#000000bf;border-bottom-width:0}.color-swatch-link:hover:before,.color-swatch-link:hover:after{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/112/assets/color-swatch.css.map */