.product-color-variants{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}.product-color-variants__label{margin-bottom:1.2rem;color:rgba(var(--color-foreground))}.product-color-variants__swatches{display:flex;flex-wrap:wrap;gap:var(--swatch-gap);align-items:center}.product-color-variant-swatch{position:relative;width:var(--swatch-size);height:var(--swatch-size);flex-shrink:0;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.product-color-variant-swatch:hover{transform:translateY(-2px)}.product-color-variant-swatch__link{display:block;width:100%;height:100%;position:relative;text-decoration:none;border:var(--border-thickness) solid rgba(var(--color-border));overflow:hidden;background-color:rgba(var(--color-background))}.product-color-variants__swatches--circle .product-color-variant-swatch__link{border-radius:50%}.product-color-variants__swatches--rounded_square .product-color-variant-swatch__link{border-radius:calc(var(--swatch-size) * .15)}.product-color-variant-swatch--no-border .product-color-variant-swatch__link{border:none}.product-color-variant-swatch__image{width:100%;height:100%;object-fit:cover;display:block}.product-color-variant-swatch--active .product-color-variant-swatch__link{border-color:rgba(var(--color-foreground));border-width:calc(var(--border-thickness) * 2);box-shadow:0 0 0 2px rgba(var(--color-background)),0 0 0 calc(2px + var(--border-thickness)) rgba(var(--color-foreground))}.product-color-variant-swatch--active{pointer-events:none}.product-color-variant-swatch__title{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background-color:rgba(var(--color-foreground));color:rgba(var(--color-background));padding:.4rem .8rem;border-radius:.4rem;font-size:1.2rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10}.product-color-variant-swatch__title:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:rgba(var(--color-foreground))}.product-color-variant-swatch:hover .product-color-variant-swatch__title{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/12/compiled_assets/styles.css.map */