.mr-card{position:relative;display:flex;flex-direction:column;color:inherit;text-decoration:none}.mr-card:hover .mr-card__title a{color:rgb(var(--color-button))}.mr-card__link{display:block;width:100%;height:100%;color:inherit;text-decoration:none}.mr-card__quick-add-btn .loading__spinner{display:none;position:absolute;top:50%;left:50%;width:1.8rem;height:1.8rem;transform:translate(-50%,-50%)}.mr-card__quick-add-btn.loading>.loading__spinner:not(.hidden){display:flex;align-items:center;justify-content:center}.mr-card__quick-add-btn.loading>.loading__spinner .spinner{display:none}.mr-card__quick-add-btn .loading__spinner:before{content:"";display:block;width:1.8rem;height:1.8rem;border:.2rem solid rgba(var(--color-button-text),.35);border-top-color:rgb(var(--color-button-text));border-radius:50%;animation:mr-card-button-spinner .7s linear infinite}.mr-card__media{position:relative;overflow:hidden;border-radius:.8rem;background-color:rgba(var(--color-foreground),.04);aspect-ratio:3 / 4}.mr-card__media--square{aspect-ratio:1 / 1}.mr-card__media--landscape{aspect-ratio:4 / 3}.mr-card__media--portrait{aspect-ratio:3 / 4}.mr-card__media--adapt{aspect-ratio:unset}.mr-card__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease,opacity var(--duration-default) ease,filter .7s ease}.mr-card__media--adapt .mr-card__img{height:auto}.mr-card__img--secondary{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0}.mr-card:hover .mr-card__img--primary{filter:saturate(.96);transform:scale(1.025)}.mr-card:hover .mr-card__img--secondary{opacity:1}.mr-card__media .placeholder-svg{width:100%;height:100%;fill:rgba(var(--color-foreground),.35);background-color:rgba(var(--color-foreground),.04)}.mr-card__badges{position:absolute;top:1rem;left:1rem;z-index:2;display:flex;flex-wrap:wrap;gap:.6rem}.mr-card__badge{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:9999px;font-size:1rem;font-weight:600;letter-spacing:.06rem;line-height:1;text-transform:uppercase}.mr-card__badge--sale,.mr-card__badge--soldout{background-color:rgb(var(--color-badge-background));border:.1rem solid rgba(var(--color-badge-border),var(--alpha-badge-border));color:rgb(var(--color-badge-foreground))}.mr-card__quick-add{position:absolute;right:1rem;bottom:1rem;left:1rem;z-index:3;opacity:0;transform:translateY(.6rem);transition:opacity var(--duration-default) ease,transform var(--duration-default) ease}.mr-card:hover .mr-card__quick-add,.mr-card:focus-within .mr-card__quick-add{opacity:1;transform:translateY(0)}.mr-card__quick-add product-form,.mr-card__quick-add form{display:block;margin:0}.mr-card__quick-add-btn{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:4rem;padding:1.1rem 1.6rem;border:0;border-radius:9999px;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));cursor:pointer;font-family:var(--font-body-family);font-size:1.1rem;font-weight:600;letter-spacing:.06rem;text-decoration:none;text-transform:uppercase;overflow:hidden;transition:background-color var(--duration-short) ease,opacity var(--duration-short) ease,transform var(--duration-short) ease}.mr-card__quick-add-btn:hover{background-color:rgb(var(--color-foreground));opacity:1;transform:translateY(-.1rem)}.mr-card__quick-add-btn:focus-visible{outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset);box-shadow:var(--focused-base-box-shadow)}.mr-card__quick-add-btn svg{flex:0 0 auto;width:1.5rem;height:1.5rem;margin-right:.55rem}.mr-card__quick-add-btn.loading .mr-card__quick-add-text,.mr-card__quick-add-btn.loading svg{opacity:0}.mr-card__quick-add-btn[aria-disabled=true]{cursor:wait}@keyframes mr-card-button-spinner{to{transform:rotate(360deg)}}.mr-card__info{display:flex;flex-direction:column;gap:.6rem;padding:1.2rem 0 0}.mr-card__vendor{margin:0;color:rgba(var(--color-foreground),.75);font-size:1rem;font-weight:500;letter-spacing:.08rem;line-height:1;text-transform:uppercase}.mr-card__title{display:-webkit-box;margin:0;overflow:hidden;color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:500;font-size:1.35rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mr-card__title a{color:inherit;text-decoration:none;transition:color var(--duration-short) ease}.mr-card__title a:hover{text-decoration:none}.mr-card__price{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem;margin-top:-.1rem}.mr-card__price-current{color:rgb(var(--color-foreground));font-size:1.3rem;font-weight:700;line-height:1}.mr-card__price-compare{color:rgba(var(--color-foreground),.55);font-size:1.2rem;line-height:1;text-decoration:line-through}.mr-card__price-badge{color:rgba(var(--color-foreground),.75);font-size:1.1rem;font-weight:var(--font-body-weight-bold);line-height:1}.mr-card__swatches{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.6rem}.mr-card__swatch{width:1.6rem;height:1.6rem;border:.15rem solid transparent;border-radius:50%;cursor:pointer;transition:border-color var(--duration-short) ease,transform var(--duration-short) ease}.mr-card__swatch:hover,.mr-card__swatch--active{border-color:rgb(var(--color-foreground));transform:scale(1.15)}.mr-card[data-animate]{opacity:0;transform:translateY(2rem);transition:opacity var(--duration-default) ease,transform var(--duration-default) ease}.mr-card[data-animate].is-visible{opacity:1;transform:translateY(0)}@media screen and (max-width:749px){.mr-card__media{border-radius:.7rem}.mr-card__quick-add{right:.7rem;bottom:.7rem;left:auto;width:3.8rem;height:3.8rem;opacity:1;transform:translateY(0)}.mr-card__quick-add-btn{width:3.8rem;height:3.8rem;min-height:3.8rem;padding:0;border-radius:50%}.mr-card__quick-add-btn svg{width:1.65rem;height:1.65rem;margin-right:0}.mr-card__quick-add-text{position:absolute;width:.1rem;height:.1rem;padding:0;margin:-.1rem;overflow:hidden;border:0;clip:rect(0,0,0,0);white-space:nowrap}.mr-card__info{gap:.5rem;padding-top:.9rem}.mr-card__title{font-size:1.2rem;line-height:1.3}.mr-card__price{gap:.5rem}.mr-card__price-current{font-size:1.2rem}.mr-card__price-compare,.mr-card__price-badge{font-size:1.1rem}}@media(prefers-reduced-motion:reduce){.mr-card__img,.mr-card__quick-add,.mr-card[data-animate]{transition:none}.mr-card__img--secondary{display:none}.mr-card[data-animate]{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/mr-product-card.css.map */