:root{--mx-ink: var(--color-foreground, currentColor);--mx-font: var(--font-body--family, inherit);--mx-comp-w: 30%;--mx-comp-w-m: 42%;--mx-comp-w-pdp: 22%;--mx-comp-w-pdp-m: 30%;--mx-comp-off: 8px;--mx-comp-bg: transparent;--mx-comp-bc: currentColor;--mx-comp-bw: 0px;--mx-comp-radius: 0px;--mx-comp-rot: 0deg;--mx-comp-plus: 28px;--mx-comp-plus-m: 24px;--mx-comp-plus-c: currentColor;--mx-comp-plus-rot: 0deg;--mx-comp-plus-dx: 0px;--mx-comp-plus-dy: 0px;--mx-comp-plus-weight: 700;--mx-comp-plus-display: block;--mx-comp-plus-char: "+"}.mx-hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .32s ease;pointer-events:none;z-index:1;border-radius:inherit;overflow:hidden}.mx-hover img{display:block;width:100%;height:100%;object-fit:cover}.mx-comp{position:absolute;right:var(--mx-comp-right,var(--mx-comp-off,8px));bottom:var(--mx-comp-bottom,var(--mx-comp-off,8px));left:var(--mx-comp-left,auto);top:var(--mx-comp-top,auto);width:var(--mx-comp-w,30%);transform:translate(var(--mx-comp-tx,0));display:flex;align-items:center;justify-content:flex-end;gap:4px;pointer-events:none;z-index:3}.mx-comp__plus{position:relative;z-index:2;flex:0 0 auto;display:var(--mx-comp-plus-display,block);font-family:var(--mx-comp-plus-font,var(--mx-font));font-weight:var(--mx-comp-plus-weight,700);font-size:0;line-height:1;color:var(--mx-comp-plus-c,currentColor);transform:translate(var(--mx-comp-plus-dx,0px),var(--mx-comp-plus-dy,0px)) rotate(var(--mx-comp-plus-rot,0deg))}.mx-comp__plus:before{content:var(--mx-comp-plus-char,"+");font-size:var(--mx-comp-plus,28px);line-height:1;text-shadow:var(--mx-comp-plus-halo,none)}.mx-comp__img{position:relative;z-index:1;flex:1 1 auto;min-width:0;display:block;aspect-ratio:var(--mx-comp-ratio, auto);background:var(--mx-comp-bg,transparent);border:var(--mx-comp-bw,0px) solid var(--mx-comp-bc,currentColor);border-radius:var(--mx-comp-radius,0px);overflow:hidden;box-sizing:border-box;transform:rotate(var(--mx-comp-rot,0deg))}.mx-comp__img img{display:block;width:100%;height:var(--mx-comp-img-h, auto);object-fit:var(--mx-comp-fit, contain);padding:var(--mx-comp-img-pad,4%);box-sizing:border-box}product-card-media-gallery,.mx-media-rel,.lf-card__media,.vcard__media{position:relative}.product-media-gallery__media:has(.mx-pdp-comp){position:relative}.mx-pdp-comp{display:contents}.mx-pdp-comp .mx-comp{width:var(--mx-comp-w-pdp,var(--mx-comp-w,30%))}.mx-pdp-comp .mx-comp{left:var(--mx-comp-pdp-left,var(--mx-comp-left));right:var(--mx-comp-pdp-right,var(--mx-comp-right));top:var(--mx-comp-pdp-top,var(--mx-comp-top));bottom:var(--mx-comp-pdp-bottom,var(--mx-comp-bottom));transform:translate(var(--mx-comp-pdp-tx,var(--mx-comp-tx,0)))}.mx-pdp-comp .mx-comp__img img{padding:var(--mx-comp-img-pad-pdp,var(--mx-comp-img-pad,4%))}.mx-pdp-comp .mx-comp__plus{transform:translate(var(--mx-comp-plus-dx-pdp,var(--mx-comp-plus-dx,0px)),var(--mx-comp-plus-dy-pdp,var(--mx-comp-plus-dy,0px))) rotate(var(--mx-comp-plus-rot,0deg))}.mx-pdp-comp .mx-comp__plus:before{font-size:var(--mx-comp-plus-pdp,var(--mx-comp-plus,28px))}@media(max-width:759px){.mx-pdp-comp .mx-comp{width:var(--mx-comp-w-pdp-m,var(--mx-comp-w-pdp,var(--mx-comp-w-m,42%)))}.mx-pdp-comp .mx-comp__img img{padding:var(--mx-comp-img-pad-pdp-m,var(--mx-comp-img-pad-pdp,var(--mx-comp-img-pad-m,var(--mx-comp-img-pad,4%))))}.mx-pdp-comp .mx-comp__plus{transform:translate(var(--mx-comp-plus-dx-pdp-m,var(--mx-comp-plus-dx-pdp,var(--mx-comp-plus-dx,0px))),var(--mx-comp-plus-dy-pdp-m,var(--mx-comp-plus-dy-pdp,var(--mx-comp-plus-dy,0px)))) rotate(var(--mx-comp-plus-rot,0deg))}.mx-pdp-comp .mx-comp__plus:before{font-size:var(--mx-comp-plus-pdp-m,var(--mx-comp-plus-pdp,var(--mx-comp-plus-m,var(--mx-comp-plus,28px))))}}.product-card-media-gallery__media .product-media,.mx-shopcard__media>img{transition:opacity .32s ease}@media(hover:hover){product-card:hover .mx-hover,.mx-shopcard:hover .mx-hover{opacity:1}product-card:has(.mx-hover):hover .product-card-media-gallery__media .product-media{opacity:0}.mx-shopcard:has(.mx-hover):hover .mx-shopcard__media>img{opacity:0}}@media(max-width:759px){.mx-comp{width:var(--mx-comp-w-m,var(--mx-comp-w,30%))}.mx-comp__plus:before{font-size:var(--mx-comp-plus-m,var(--mx-comp-plus,28px))}.mx-comp__img img{padding:var(--mx-comp-img-pad-m,var(--mx-comp-img-pad,4%))}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mx-card-extras.css.map */