:root{--mx-pdp-tile-w: 72px;--mx-pdp-tile-h: 90px;--mx-pdp-tile-w-mobile: 60px;--mx-pdp-tile-h-mobile: 75px;--mx-pdp-tile-gap: 10px;--mx-card-tile-w: 36px;--mx-card-tile-h: 45px;--mx-card-tile-w-mobile: 30px;--mx-card-tile-h-mobile: 38px;--mx-card-tile-gap: 8px;--mx-tile-radius: 4px;--mx-tile-border: #e2e2e2;--mx-tile-selected: #1c1c1c;--mx-soldout-line: rgb(0 0 0 / .6);--mx-soldout-fade: rgb(255 255 255 / .35);--mx-soldout-size-text: #000000;--mx-size-radius: 5px;--mx-size-gap: 6px}body :is(variant-picker,swatches-variant-picker-component) .variant-option__button-label--has-swatch{overflow:visible;outline:none;background:transparent;border-radius:var(--mx-tile-radius)}body :is(variant-picker,swatches-variant-picker-component) .variant-option__button-label--has-swatch:is(:hover,:has(:checked)){outline:none;background:transparent}body :is(variant-picker,swatches-variant-picker-component) .variant-option__button-label--has-swatch .swatch{position:relative;overflow:hidden;border:1px solid var(--mx-tile-border);border-radius:var(--mx-tile-radius);box-shadow:none;background-size:cover;background-position:center;outline:2px solid transparent;outline-offset:2px;transition:outline-color .15s ease,border-color .15s ease}body :is(variant-picker,swatches-variant-picker-component) .variant-option__button-label--has-swatch:hover .swatch{border-color:var(--mx-tile-selected)}body :is(variant-picker,swatches-variant-picker-component) .variant-option__button-label--has-swatch:has(:checked) .swatch{border-color:var(--mx-tile-border);outline-color:var(--mx-tile-selected)}body :is(variant-picker,swatches-variant-picker-component) .variant-option__button-label--has-swatch:has(:focus-visible) .swatch{outline:2px solid var(--mx-tile-selected);outline-offset:2px}body :is(variant-picker,swatches-variant-picker-component) .variant-option__button-label--has-swatch .variant-option__strikethrough{display:none}body :is(variant-picker,swatches-variant-picker-component) .variant-option__button-label--has-swatch:has(input[data-option-available=false]) .swatch:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mx-soldout-fade);pointer-events:none}body :is(variant-picker,swatches-variant-picker-component) .variant-option__button-label--has-swatch:has(input[data-option-available=false]) .swatch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top right,transparent calc(50% - .75px),var(--mx-soldout-line) calc(50% - .75px),var(--mx-soldout-line) calc(50% + .75px),transparent calc(50% + .75px));pointer-events:none}@media(hover:hover){body :is(variant-picker,swatches-variant-picker-component) .variant-option__button-label--has-swatch[data-mx-tip]:after{content:attr(data-mx-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:5px 10px;border-radius:4px;background:#000;color:#fff;font-size:12px;line-height:1.2;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:5}body :is(variant-picker,swatches-variant-picker-component) .variant-option__button-label--has-swatch[data-mx-tip]:hover:after{opacity:1}}body variant-picker .variant-option legend .variant-option__swatch-value{padding-inline-start:0}body variant-picker .variant-option--swatches{gap:var(--mx-pdp-tile-gap);padding-inline:4px}body variant-picker .variant-option__button-label--has-swatch .swatch{--swatch-width: var(--mx-pdp-tile-w);--swatch-height: var(--mx-pdp-tile-h);width:var(--mx-pdp-tile-w);height:var(--mx-pdp-tile-h)}@media screen and (max-width:749px){body variant-picker .variant-option__button-label--has-swatch .swatch{--swatch-width: var(--mx-pdp-tile-w-mobile);--swatch-height: var(--mx-pdp-tile-h-mobile);width:var(--mx-pdp-tile-w-mobile);height:var(--mx-pdp-tile-h-mobile)}}body variant-picker .variant-option--buttons:not(.variant-option--swatches){--options-border-radius: var(--mx-size-radius);--options-border-width: 1.5px;--color-variant-background: #ffffff;--color-variant-text: #000000;--color-variant-text-rgb: 0 0 0;--color-variant-border: #000000;--color-variant-hover-background: #000000;--color-variant-hover-border: #000000;--color-variant-hover-text: #ffffff;--color-selected-variant-background: #000000;--color-selected-variant-border: #000000;--color-selected-variant-text: #ffffff;--color-selected-variant-hover-background: #000000;--color-selected-variant-hover-border: #000000;--color-selected-variant-hover-text: #ffffff;display:flex;flex-wrap:wrap;gap:var(--mx-size-gap)}body variant-picker .variant-option--buttons:not(.variant-option--swatches) .variant-option__button-label{flex:0 0 auto;min-width:48px;min-height:36px;padding:6px 14px;font-size:13px;line-height:1.2;text-transform:uppercase}body variant-picker .variant-option--buttons:not(.variant-option--swatches) .variant-option__button-label__text{text-align:center}body variant-picker .variant-option--buttons:not(.variant-option--swatches) .variant-option__button-label:has([data-option-available=false]):not(:hover){color:var(--mx-soldout-size-text)}body product-swatches{overflow:visible}body swatches-variant-picker-component .mx-swatch-list{display:flex;flex-wrap:wrap;gap:var(--mx-card-tile-gap);width:100%;margin:0;padding:calc(var(--product-swatches-padding-block-start, 4px) + 2px) 4px calc(var(--product-swatches-padding-block-end, 0px) + 4px) 4px;list-style:none;justify-content:var(--product-swatches-alignment-mobile, flex-start)}@media screen and (min-width:750px){body swatches-variant-picker-component .mx-swatch-list{justify-content:var(--product-swatches-alignment, flex-start)}}body swatches-variant-picker-component .variant-option__button-label--has-swatch .swatch{--swatch-width: var(--mx-card-tile-w);--swatch-height: var(--mx-card-tile-h);width:var(--mx-card-tile-w);height:var(--mx-card-tile-h);outline-width:1.5px}@media screen and (max-width:749px){body swatches-variant-picker-component .variant-option__button-label--has-swatch .swatch{--swatch-width: var(--mx-card-tile-w-mobile);--swatch-height: var(--mx-card-tile-h-mobile);width:var(--mx-card-tile-w-mobile);height:var(--mx-card-tile-h-mobile)}}:root{--mx-zoom-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.4 15.4 20 20M10.5 7.8v5.4M7.8 10.5h5.4'/%3E%3C/svg%3E")}body media-gallery .product-media-container__zoom-button:after{content:"";position:absolute;right:16px;bottom:16px;width:48px;height:48px;border:1px solid rgb(0 0 0 / .08);border-radius:4px;background:#fff var(--mx-zoom-icon) center / 24px no-repeat;box-shadow:0 2px 8px #00000014;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}body media-gallery .product-media-container:hover .product-media-container__zoom-button:after,body media-gallery .product-media-container__zoom-button:focus-visible:after{opacity:1;transform:none}@media(hover:none){body media-gallery .product-media-container__zoom-button:after{opacity:1;transform:none}}@media screen and (max-width:749px){body media-gallery slideshow-slide.product-media-container--zoomable.product-media-container--image:after{content:"";position:absolute;right:12px;bottom:12px;width:40px;height:40px;border:1px solid rgb(0 0 0 / .08);border-radius:4px;background:#fff var(--mx-zoom-icon) center / 20px no-repeat;box-shadow:0 2px 8px #00000014;pointer-events:none;z-index:2}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/mx-swatches.css.map */