.card{position:relative;display:flex;flex-direction:column;height:100%}.card__media{position:relative;overflow:hidden;background:var(--color-foreground-subtle)}.card__media:before{content:"";display:block;padding-bottom:var(--ratio-percent, 100%)}.card__media-link,.card__media>.placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0}.card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s ease,transform .8s ease}.card__image--secondary{opacity:0}@media(hover:hover){.card--has-hover:hover .card__image--secondary{opacity:1}.card--has-hover:hover .card__image--primary{opacity:0}.card:not(.card--has-hover):hover .card__image--primary{transform:scale(1.04)}}.card__badges{position:absolute;z-index:2;max-width:calc(100% - 6rem);pointer-events:none}.card__badges--top-left{top:1rem;inset-inline-start:1rem}.card__badges--top-right{top:1rem;inset-inline-end:1rem;justify-content:flex-end}.card__badges--bottom-left{bottom:1rem;inset-inline-start:1rem}.card__quick-add{position:absolute;inset-inline:1rem;bottom:1rem;z-index:3}.card__quick-add-button{min-height:4.2rem;padding:0 1.2rem;font-size:1.2rem}@media(hover:hover)and (min-width:990px){.card__quick-add{opacity:0;transform:translateY(.8rem);transition:opacity .3s ease,transform .3s ease}.card:hover .card__quick-add,.card:focus-within .card__quick-add{opacity:1;transform:none}}@media(max-width:989px){.card__quick-add{position:static;margin-top:.8rem}.card__media .card__quick-add{position:absolute;inset-inline:.6rem;bottom:.6rem}.card__quick-add-button{min-height:3.6rem;font-size:1.1rem}}.card__info{display:flex;flex-direction:column;gap:.4rem;padding-top:1.4rem}.card--align-center .card__info{align-items:center;text-align:center}.card--align-center .price,.card--align-center .card-swatches{justify-content:center}.card__vendor{margin:0;font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-foreground-muted)}.card__title{margin:0;font-family:var(--font-body-family);font-size:1.5rem;font-weight:var(--font-body-weight-medium);letter-spacing:var(--font-body-letter-spacing);text-transform:none;line-height:1.4}.card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.card__link:hover{color:var(--color-accent)}.card .price{font-size:1.4rem}.card-swatches{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.4rem}.swatch{display:block;width:1.8rem;height:1.8rem;border-radius:50%;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #00000026}.card-swatches__more{font-size:1.2rem;color:var(--color-foreground-muted)}.card--minimal .card__info{padding-top:1rem}.card--bordered{border:1px solid var(--color-border);background:var(--color-background)}.card--bordered .card__info{padding:1.4rem 1.4rem 1.8rem}.card--overlay .card__info{position:absolute;inset-inline:0;bottom:0;z-index:2;padding:4rem 1.4rem 1.4rem;background:linear-gradient(to top,rgba(0,0,0,.65),transparent);color:#fff;pointer-events:none}.card--overlay .card__link,.card--overlay .card-swatches{pointer-events:auto}.card--overlay .price--on-sale .price__current,.card--overlay .price__compare,.card--overlay .price__savings,.card--overlay .card__vendor,.card--overlay .card-swatches__more{color:inherit}.card--overlay .card__quick-add{top:1rem;bottom:auto}@media(max-width:989px){.card--overlay .card__media .card__quick-add{top:auto;bottom:auto;display:none}}.card__quick-view{position:absolute;top:5.2rem;inset-inline-end:.8rem;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:3.8rem;height:3.8rem;border-radius:50%;background:var(--color-background);color:var(--color-foreground);box-shadow:0 2px 8px #00000014;transition:transform .2s ease,color .2s ease,opacity .3s ease}.card__quick-view--solo{top:.8rem}.card__quick-view .icon{width:1.8rem;height:1.8rem}.card__quick-view:hover{color:var(--color-accent);transform:scale(1.08)}@media(hover:hover)and (min-width:990px){.card__quick-view{opacity:0}.card:hover .card__quick-view,.card__quick-view:focus-visible{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-card.css.map */