.card-product__color-swatches{margin-top:8px;margin-bottom:8px}.color-swatch-list{display:flex;flex-wrap:wrap;gap:5px}.color-swatch__item{display:block;width:18px;height:18px;border-radius:50%;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:1px solid rgba(var(--color-foreground),.1)}.color-swatch__item:hover{transform:scale(1.1);box-shadow:0 0 0 1px rgba(var(--color-foreground),.2)}.color-swatch--more{display:flex;align-items:center;justify-content:center}.color-swatch__more{font-size:.8rem;color:rgba(var(--color-foreground),.75);text-decoration:none}.card .quick-add{opacity:1;visibility:visible;transform:translateY(0);transition:none}.card:hover .quick-add{transform:translateY(0)}.quick-add__submit.button--primary{background-color:rgba(var(--color-button),var(--alpha-button-background));color:rgb(var(--color-button-text));margin-top:10px}.quick-add__submit.button--primary:hover{background-color:rgba(var(--color-button),var(--alpha-button-background-hover))}.card__content{padding-bottom:1rem}@media screen and (max-width: 749px){.card .quick-add{opacity:1;visibility:visible}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/component-product-card-extensions.css.map */