card-product-swatches,.card-product-swatches{display:block;position:relative;z-index:5}.card-product-swatches__list{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:2rem}.card-product-swatches.left .card-product-swatches__list{justify-content:flex-start}.card-product-swatches.center .card-product-swatches__list{justify-content:center}.card-product-swatches.right .card-product-swatches__list{justify-content:flex-end}.card-product-swatches__button{appearance:none;-webkit-appearance:none;position:relative;width:2.5rem;height:2.5rem;padding:0;margin:0;background:transparent;border:none;cursor:pointer;transition:all .3s ease}.card-product-swatches__swatch{display:block;width:100%;height:100%;border-radius:50%;box-shadow:0 0 0 .1rem #0000001a;background:var(--card-swatch-background);background-position:center;background-size:cover;background-repeat:no-repeat;transition:all .3s ease}.card-product-swatches__swatch:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.card-product-swatches__button:hover .card-product-swatches__swatch,.card-product-swatches__button.is-selected .card-product-swatches__swatch{box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 3px rgb(var(--color-foreground));transform:scale(.8)}.card-product-swatches__swatch--text{display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.06);font-size:1rem;font-weight:600}.card-product-swatches__button.is-unavailable .card-product-swatches__swatch{opacity:.4;position:relative}.card-product-swatches__button.is-unavailable .card-product-swatches__swatch:after{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:#00000080;transform:translateY(-50%) rotate(-45deg);pointer-events:none}.card-product-swatches__button:after{content:attr(data-swatch-title);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);background:#000;color:#fff;padding:5px 10px;border-radius:5px;font-size:12px;line-height:1.2;white-space:nowrap;opacity:0;visibility:hidden;transition:.2s ease;pointer-events:none}.card-product-swatches__button:hover:after{opacity:1;visibility:visible}.card-product-swatches__more{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;text-decoration:none;font-size:1.6rem;color:rgb(var(--color-foreground))}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-card-swatches.css.map */