.coll--filters-elegant .coll-filter__values--swatch{max-height:none;overflow:visible;grid-template-columns:repeat(5,30px)}.coll--filters-elegant .coll-filter__values--swatch .coll-check[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 8px);z-index:5;padding:.35rem .6rem;border-radius:4px;background-color:var(--color-foreground);color:var(--color-background);font-size:12px;line-height:1.2;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(var(--tip-x, -50%),4px);transition:opacity .15s ease,transform .15s ease}.coll--filters-elegant .coll-filter__values--swatch .coll-check[data-tooltip]:before{content:"";position:absolute;left:50%;bottom:calc(100% + 3px);z-index:5;border:5px solid transparent;border-bottom:0;border-top-color:var(--color-foreground);pointer-events:none;opacity:0;transform:translate(-50%,4px);transition:opacity .15s ease,transform .15s ease}.coll--filters-elegant .coll-filter__values--swatch li:nth-child(5n+1) .coll-check[data-tooltip]:after{left:-3px;--tip-x: 0}.coll--filters-elegant .coll-filter__values--swatch li:nth-child(5n) .coll-check[data-tooltip]:after{left:auto;right:-3px;--tip-x: 0}@media(hover:hover){.coll--filters-elegant .coll-filter__values--swatch .coll-check[data-tooltip]:hover:after{opacity:1;transform:translate(var(--tip-x, -50%))}.coll--filters-elegant .coll-filter__values--swatch .coll-check[data-tooltip]:hover:before{opacity:1;transform:translate(-50%)}}.coll--filters-elegant .coll-filter__values--swatch .coll-check[data-tooltip]:has(input:focus-visible):after{opacity:1;transform:translate(var(--tip-x, -50%))}.coll--filters-elegant .coll-filter__values--swatch .coll-check[data-tooltip]:has(input:focus-visible):before{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){.coll--filters-elegant .coll-filter__values--swatch .coll-check[data-tooltip]:after,.coll--filters-elegant .coll-filter__values--swatch .coll-check[data-tooltip]:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/collection-swatch-tooltip.css.map */