.card-product-swatches{position:relative;z-index:2;margin-top:.8rem}.card-product-swatches__selected{margin:0 0 .7rem;color:rgb(var(--color-foreground));font-size:1.35rem;line-height:1.3}.card-product-swatches__list{display:flex;flex-wrap:wrap;gap:.65rem}.card-product-swatches__button{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;padding:.2rem;border:.1rem solid rgba(var(--color-foreground),.35);border-radius:50%;background:transparent;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.card-product-swatches__button:hover{border-color:rgb(var(--color-foreground));transform:scale(1.04)}.card-product-swatches__button:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.card-product-swatches__button.is-active{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .15rem rgb(var(--color-background)),0 0 0 .25rem rgb(var(--color-foreground))}.card-product-swatches__chip{display:block;width:100%;height:100%;border-radius:inherit;background-color:var(--card-swatch-background, #d7d0ca);background-image:var(--card-swatch-background, none);background-position:var(--card-swatch-focal-point, center);background-size:cover}.card-product-swatches__chip[data-card-swatch-color=black]{--card-swatch-background: #171717}.card-product-swatches__chip[data-card-swatch-color=white]{--card-swatch-background: #f8f6f3}.card-product-swatches__chip[data-card-swatch-color=queen],.card-product-swatches__chip[data-card-swatch-color=pink]{--card-swatch-background: #de1761}.card-product-swatches__chip[data-card-swatch-color=red]{--card-swatch-background: #be2026}.card-product-swatches__chip[data-card-swatch-color=lavender]{--card-swatch-background: #c8b7e8}.card-product-swatches__chip[data-card-swatch-color=skin],.card-product-swatches__chip[data-card-swatch-color=nude]{--card-swatch-background: #d8ad91}[data-card-product] .swatches-globo,[data-card-product] .swatches-globo--list{display:none!important}@media screen and (max-width:749px){.card-product-swatches__selected{font-size:1.25rem}.card-product-swatches__button{width:3rem;height:3rem}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/component-card-product-swatches.css.map */