:root{--mx-xsell-ink: var(--color-foreground, currentColor);--mx-xsell-surface: var(--color-background, #ffffff);--mx-xsell-accent: var(--mx-xsell-ink);--mx-xsell-font-body: var(--font-body--family, inherit);--mx-xsell-font-hand: var(--font-heading--family, inherit);--mx-xsell-font-mono: var(--font-body--family, inherit);--mx-xsell-size-price: 15px;--mx-xsell-btn-border: 1px;--mx-xsell-btn-radius-a: var(--button-border-radius, 8px);--mx-xsell-btn-radius-b: var(--button-border-radius, 8px);--mx-xsell-media-thumb-r: 8px;--mx-xsell-hand-rs: 8px;--mx-xsell-media-bg: transparent;--mx-xsell-media-shadow: none;--mx-xsell-row-bg: transparent;--mx-xsell-row-bc: currentColor;--mx-xsell-row-bw: 1px;--mx-xsell-row-radius: 8px;--mx-xsell-title-color: var(--mx-xsell-ink);--mx-xsell-title-rot: 0deg;--mx-xsell-title-deco: none;--mx-xsell-xg-mt: 16px;--mx-xsell-xg-mb: 16px;--mx-xsell-drawer-px: 0px;--mx-xsell-enc-media: 44px;--mx-xsell-enc-name: var(--font-body--size);--mx-xsell-enc-price: var(--font-body--size-small);--mx-xsell-enc-cta: 12px;--mx-xsell-enc-cta-radius: var(--button-border-radius, 8px);--mx-xsell-comp-w: 30%;--mx-xsell-comp-off: 8px;--mx-xsell-comp-bg: transparent;--mx-xsell-comp-bc: currentColor;--mx-xsell-comp-bw: 0px;--mx-xsell-comp-plus-c: currentColor;--mx-xsell-comp-plus: 28px;--mx-xsell-comp-plus-dx: 0px;--mx-xsell-comp-plus-dy: 0px;--mx-xsell-comp-plus-rot: 0deg;--mx-xsell-comp-rot: 0deg;--mx-xsell-preorder-color: currentColor;--mx-xsell-preorder-bg: var(--mx-xsell-surface);--mx-xsell-preorder-rot: 0deg}.mx-xsell-xg{margin:var(--mx-xsell-xg-mt,16px) 0 var(--mx-xsell-xg-mb,16px)}.mx-xsell-xg[hidden]{display:none}.mx-xsell-xg__title{font-family:var(--mx-xsell-font-hand);color:var(--mx-xsell-title-color,var(--mx-xsell-ink));font-size:var(--mx-xsell-title-size,22px);margin:0 0 10px;transform:rotate(var(--mx-xsell-title-rot,0deg));text-decoration:var(--mx-xsell-title-deco,none)}.mx-xsell-xg__row{display:flex;gap:10px;flex-wrap:wrap}.mx-xsell-xg--drawer{border-top:0;position:relative;padding:14px var(--mx-xsell-drawer-px,0px) 0;margin:var(--mx-xsell-xg-mt,8px) 0 var(--mx-xsell-xg-mb,6px)}.mx-xsell-xg--drawer .mx-xsell-xg__title{font-size:var(--mx-xsell-dr-title,19px);margin-bottom:8px}.mx-xsell-xg--drawer .mx-xsell-xg__row{flex-direction:row;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:2px 2px 6px;scroll-padding-left:2px}.mx-xsell-xg--drawer .mx-xsell-xg__row{scrollbar-width:none;-ms-overflow-style:none}.mx-xsell-xg--drawer .mx-xsell-xg__row::-webkit-scrollbar{display:none;height:0}.mx-xsell-xrow{display:flex;align-items:center;gap:10px;border:var(--mx-xsell-row-bw,var(--mx-xsell-btn-border)) solid var(--mx-xsell-row-bc,currentColor);border-radius:var(--mx-xsell-row-radius,var(--mx-xsell-btn-radius-a));padding:6px 10px 6px 6px;background:var(--mx-xsell-row-bg,transparent)}.mx-xsell-xrow[hidden]{display:none}.mx-xsell-xg--drawer .mx-xsell-xrow{flex:0 0 min(86%,300px);width:min(86%,300px);max-width:min(86%,300px);min-width:0;box-sizing:border-box;overflow:hidden;scroll-snap-align:start;display:grid;grid-template-columns:var(--mx-xsell-dr-media,52px) minmax(0,1fr) auto;grid-template-areas:"media name name" "media price add";column-gap:10px;row-gap:2px;align-items:center;min-height:0;height:auto;padding:8px 10px;border-radius:var(--mx-xsell-dr-card-radius,var(--mx-xsell-row-radius,var(--mx-xsell-btn-radius-a)));background:var(--mx-xsell-dr-card-bg,var(--mx-xsell-row-bg,transparent));border-color:var(--mx-xsell-dr-card-bc,var(--mx-xsell-row-bc,currentColor))}.mx-xsell-xg--drawer .mx-xsell-xrow:nth-child(2n){border-radius:var(--mx-xsell-dr-card-radius,var(--mx-xsell-row-radius,var(--mx-xsell-btn-radius-b)))}.mx-xsell-xg--drawer .mx-xsell-xrow__media{grid-area:media;width:var(--mx-xsell-dr-media,52px);height:var(--mx-xsell-dr-media,52px);flex:0 0 var(--mx-xsell-dr-media,52px);aspect-ratio:auto;border-radius:var(--mx-xsell-media-thumb-r,8px);align-self:center}.mx-xsell-xg--drawer .mx-xsell-xrow__meta{display:contents}.mx-xsell-xg--drawer .mx-xsell-xrow__name{grid-area:name;font-size:var(--mx-xsell-dr-name,var(--font-body--size));white-space:nowrap;line-height:1.15;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;align-self:end;margin:0}.mx-xsell-xg--drawer .mx-xsell-xrow__price{grid-area:price;white-space:nowrap;align-self:center;font-size:var(--mx-xsell-dr-price,var(--font-body--size-small))}.mx-xsell-xg--drawer .mx-xsell-xrow__pf,.mx-xsell-xg--drawer .mx-xsell-xrow__form{grid-area:add;justify-self:end;align-self:center;width:auto;flex:0 0 auto}.mx-xsell-xg--drawer .mx-xsell-xrow__choose{grid-area:add;justify-self:end;align-self:center}.mx-xsell-xg--drawer .mx-xsell-xrow__add,.mx-xsell-xg--drawer .mx-xsell-xrow__choose{flex:0 0 auto;width:auto;min-height:var(--mx-xsell-dr-cta-minh,0);padding:6px 12px;font-size:var(--mx-xsell-dr-cta,11px);line-height:1.15;white-space:nowrap;text-align:center;letter-spacing:.02em;border-radius:var(--mx-xsell-dr-cta-radius,var(--mx-xsell-btn-radius-b));background:var(--mx-xsell-dr-cta-bg,var(--mx-xsell-btn-bg,var(--mx-xsell-ink)));border-color:var(--mx-xsell-dr-cta-bg,var(--mx-xsell-btn-bg,var(--mx-xsell-ink)));color:var(--mx-xsell-dr-cta-fg,var(--mx-xsell-btn-fg,var(--mx-xsell-surface)))}.mx-xsell-preorder{font-family:var(--mx-xsell-font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.35;color:var(--mx-xsell-preorder-color,currentColor);background:var(--mx-xsell-preorder-bg,var(--mx-xsell-surface));border:var(--mx-xsell-btn-border) solid currentColor;border-radius:var(--mx-xsell-btn-radius-b);padding:8px 12px;margin:0 0 12px;text-align:center;transform:rotate(var(--mx-xsell-preorder-rot,0deg))}.mx-xsell-preorder[hidden]{display:none}.mx-xsell-xrow__media{width:44px;height:44px;flex:0 0 44px;background:var(--mx-xsell-media-bg,transparent);border-radius:var(--mx-xsell-media-thumb-r,8px);overflow:hidden;display:flex;align-items:center;justify-content:center;text-decoration:none}.mx-xsell-xrow__media img{width:100%;height:100%;object-fit:cover}.mx-xsell-xrow__ph{font-family:var(--mx-xsell-font-mono);font-size:7px;color:var(--mx-xsell-ph-color,currentColor);text-align:center;padding:2px;text-transform:uppercase;opacity:.6}.mx-xsell-xrow__meta{display:flex;flex-direction:column;line-height:1.15;min-width:0;flex:1 1 auto;overflow:hidden}.mx-xsell-xrow__name{font-family:var(--mx-xsell-font-hand);color:var(--color-foreground);font-size:var(--font-body--size);font-weight:600;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%;margin-bottom:6px}.mx-xsell-xrow__price{font-family:var(--mx-xsell-font-body);font-size:var(--font-body--size-small);color:var(--mx-xsell-ink)}.mx-xsell-xrow__pf{display:flex;align-items:center;flex:0 0 auto;min-width:0}.mx-xsell-xrow__form{margin:0}.mx-xsell-xrow__add,.mx-xsell-xrow__choose{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:var(--mx-xsell-btn-minh,var(--inputs-min-height,44px));padding:6px 14px;font-family:var(--mx-xsell-font-body);font-weight:700;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--mx-xsell-btn-fg,var(--mx-xsell-surface));background:var(--mx-xsell-btn-bg,var(--mx-xsell-ink));border:var(--mx-xsell-btn-border) solid var(--mx-xsell-btn-bg,var(--mx-xsell-ink));border-radius:var(--mx-xsell-btn-radius-b);cursor:pointer;text-decoration:none;transition:transform .15s ease,background .15s ease,color .15s ease,opacity .15s ease;white-space:nowrap}.mx-xsell-xrow__add:hover,.mx-xsell-xrow__choose:hover,.mx-xsell-xrow__add:focus-visible,.mx-xsell-xrow__choose:focus-visible{transform:rotate(var(--mx-xsell-btn-hover-rot,0deg));background:var(--mx-xsell-accent,var(--mx-xsell-ink));border-color:var(--mx-xsell-accent,var(--mx-xsell-ink));color:var(--mx-xsell-btn-fg,var(--mx-xsell-surface));opacity:var(--mx-xsell-btn-hover-opacity,.88)}.mx-xsell-xrow__add[disabled]{opacity:.45;cursor:not-allowed}.mx-xsell-xrow__add.is-loading{opacity:.6;pointer-events:none}.mx-xsell.mx-xsell-xg--encart{max-width:100%;margin:var(--mx-xsell-xg-mt,16px) 0 var(--mx-xsell-xg-mb,16px);padding:0}.mx-xsell-xg--encart .mx-xsell-xg__row{flex-direction:column;flex-wrap:nowrap;gap:8px}.mx-xsell-xg--encart .mx-xsell-xrow{width:100%;max-width:100%;box-sizing:border-box}.mx-xsell-xg--encart .mx-xsell-xrow__media{width:var(--mx-xsell-enc-media,44px);height:var(--mx-xsell-enc-media,44px);flex:0 0 var(--mx-xsell-enc-media,44px)}.mx-xsell-xg--encart .mx-xsell-xrow__name{font-size:var(--mx-xsell-enc-name,18px)}.mx-xsell-xg--encart .mx-xsell-xrow__price{font-size:var(--mx-xsell-enc-price,13px)}.mx-xsell-xg--encart .mx-xsell-xrow__add,.mx-xsell-xg--encart .mx-xsell-xrow__choose{font-size:var(--mx-xsell-enc-cta,12px);border-radius:var(--mx-xsell-enc-cta-radius,var(--mx-xsell-btn-radius-b))}.mx-xsell-xg__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px}.mx-xsell-xg__head .mx-xsell-xg__title{margin:0}.mx-xsell-xg__nav{display:inline-flex;align-items:center;gap:2px;flex:0 0 auto}.mx-xsell-xg__nav[hidden]{display:none}.mx-xsell-xg__arrow{display:inline-flex;align-items:center;justify-content:center;width:36px;height:30px;padding:0;margin:0;background:none;border:0;cursor:pointer;color:var(--mx-xsell-ink);transition:transform .15s ease,opacity .15s ease;-webkit-tap-highlight-color:transparent}.mx-xsell-xg__arrow svg{display:block;width:20px;height:20px;overflow:visible}.mx-xsell-xg__arrow:hover,.mx-xsell-xg__arrow:focus-visible{transform:rotate(var(--mx-xsell-arrow-hover-rot,0deg)) scale(1.12)}.mx-xsell-xg__arrow[disabled]{opacity:.22;cursor:default;transform:none}.mx-xsell-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-xsell-hover img{display:block;width:100%;height:100%;object-fit:cover}.mx-xsell-comp{position:absolute;right:var(--mx-xsell-comp-off,8px);bottom:var(--mx-xsell-comp-off,8px);width:var(--mx-xsell-comp-w,30%);display:flex;align-items:center;justify-content:flex-end;gap:4px;pointer-events:none;z-index:3}.mx-xsell-comp__plus{position:relative;z-index:2;flex:0 0 auto;font-family:var(--mx-xsell-font-hand);font-weight:700;font-size:var(--mx-xsell-comp-plus,28px);line-height:1;color:var(--mx-xsell-comp-plus-c,currentColor);transform:translate(var(--mx-xsell-comp-plus-dx,0px),var(--mx-xsell-comp-plus-dy,0px)) rotate(var(--mx-xsell-comp-plus-rot,0deg))}.mx-xsell-comp__img{position:relative;z-index:1;flex:1 1 auto;min-width:0;display:block;aspect-ratio:1 / 1;background:var(--mx-xsell-comp-bg,transparent);border:var(--mx-xsell-comp-bw,0px) solid var(--mx-xsell-comp-bc,currentColor);border-radius:var(--mx-xsell-hand-rs,8px);overflow:hidden;box-sizing:border-box;transform:rotate(var(--mx-xsell-comp-rot,0deg))}.mx-xsell-comp__img img{display:block;width:100%;height:100%;object-fit:contain;padding:4%;box-sizing:border-box}product-card-media-gallery{position:relative}.product-card-media-gallery__media .product-media,.mx-xsell-shopcard__media>img{transition:opacity .32s ease}@media(hover:hover){product-card:hover .mx-xsell-hover,.mx-xsell-shopcard:hover .mx-xsell-hover{opacity:1}product-card:has(.mx-xsell-hover):hover .product-card-media-gallery__media .product-media{opacity:0}.mx-xsell-shopcard:has(.mx-xsell-hover):hover .mx-xsell-shopcard__media>img{opacity:0}}@media(max-width:759px){.mx-xsell-comp{width:var(--mx-xsell-comp-w-m,var(--mx-xsell-comp-w,30%))}.mx-xsell-comp__plus{font-size:var(--mx-xsell-comp-plus-m,var(--mx-xsell-comp-plus,28px))}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mx-xsell.css.map */