.mm-shopify-section-image-comparison{font-family:var(--mm-font-body-family);font-style:var(--mm-font-body-style);font-weight:var(--mm-font-body-weight);font-size:calc(1.5 * var(--mm-rem));letter-spacing:normal;line-height:calc(1 + .8 / var(--mm-font-body-scale));color:rgb(var(--mm-color-base-text));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (min-width:750px){.mm-shopify-section-image-comparison{font-size:calc(1.6 * var(--mm-rem))}}.mm-shopify-section-image-comparison,.mm-shopify-section-image-comparison *,.mm-shopify-section-image-comparison *:before,.mm-shopify-section-image-comparison *:after{box-sizing:border-box}.mm-shopify-section-image-comparison :where(h1){margin:.67em 0}.mm-shopify-section-image-comparison :where(h2){margin:.83em 0}.mm-shopify-section-image-comparison :where(h3){margin:1em 0}.mm-shopify-section-image-comparison :where(h4){margin:1.33em 0}.mm-shopify-section-image-comparison :where(h5){margin:1.67em 0}.mm-shopify-section-image-comparison :where(h6){margin:2.33em 0}.mm-shopify-section-image-comparison :where(p){margin:1em 0}.mm-shopify-section-image-comparison :where(h1,h2,h3,h4,h5,h6,p){padding:0;text-transform:none}.mm-shopify-section-image-comparison :where(ul,ol){margin:1em 0;padding:0 0 0 40px}.mm-shopify-section-image-comparison :where(img,svg,video){max-width:100%}.mm-page-width--full-width{max-width:100%;padding:0}.mm-section+.mm-section{margin-top:var(--mm-spacing-sections-mobile)}@media screen and (min-width:750px){.mm-section+.mm-section{margin-top:var(--mm-spacing-sections-desktop)}}:where(.mm-shopify-section-image-comparison) :where(svg.mm-icon,svg.checkmark,svg.video-collection__sound-off,svg.video-collection__sound-on){width:calc(2.4 * var(--mm-rem));height:auto}:where(.mm-shopify-section-image-comparison) h1,:where(.mm-shopify-section-image-comparison) h2,:where(.mm-shopify-section-image-comparison) h3,:where(.mm-shopify-section-image-comparison) h4,:where(.mm-shopify-section-image-comparison) h5,.mm-h0,.mm-h1{font-family:var(--mm-font-heading-family);font-style:var(--mm-font-heading-style);font-weight:var(--mm-font-heading-weight);letter-spacing:calc(var(--mm-font-heading-scale) * calc(.06 * var(--mm-rem)));color:rgb(var(--mm-color-heading));line-height:calc(1 + .3/max(1,var(--mm-font-heading-scale)))}.mm-h0{font-size:calc(var(--mm-font-heading-scale) * var(--mm-font-h0-size, calc(3.6 * var(--mm-rem))))}:where(.mm-shopify-section-image-comparison) h1,.mm-h1{font-size:calc(var(--mm-font-heading-scale) * var(--mm-font-h1-size, calc(2.8 * var(--mm-rem))))}:where(.mm-shopify-section-image-comparison) h2{font-size:calc(var(--mm-font-heading-scale) * var(--mm-font-h2-size, calc(2 * var(--mm-rem))))}:where(.mm-shopify-section-image-comparison) h3{font-size:calc(var(--mm-font-heading-scale) * var(--mm-font-h3-size, calc(1.7 * var(--mm-rem))))}:where(.mm-shopify-section-image-comparison) h4{font-family:var(--mm-font-heading-family);font-style:var(--mm-font-heading-style);font-size:calc(var(--mm-font-heading-scale) * var(--mm-font-h4-size, calc(1.5 * var(--mm-rem))))}:where(.mm-shopify-section-image-comparison) h5{font-size:calc(var(--mm-font-heading-scale) * var(--mm-font-h5-size, calc(1.2 * var(--mm-rem))))}:where(.mm-shopify-section-image-comparison) h6{color:rgba(var(--mm-color-foreground),.75);margin-block-start:1.67em;margin-block-end:1.67em}:where(.mm-shopify-section-image-comparison) [data-heading-capitalize] h1,:where(.mm-shopify-section-image-comparison) [data-heading-capitalize] h2,:where(.mm-shopify-section-image-comparison) [data-heading-capitalize] h3,[data-heading-capitalize] .mm-h0,[data-heading-capitalize] .mm-h1{text-transform:uppercase}:where(.mm-shopify-section-image-comparison) blockquote{font-style:italic;color:rgba(var(--mm-color-foreground),.75);border-inline-start:calc(.2 * var(--mm-rem)) solid rgb(var(--mm-color-border));padding-inline-start:calc(1 * var(--mm-rem))}@media screen and (min-width:750px){:where(.mm-shopify-section-image-comparison) blockquote{padding-inline-start:calc(1.5 * var(--mm-rem))}}:where(.mm-shopify-section-image-comparison) table:not([class]){table-layout:fixed;border-collapse:collapse;font-size:calc(1.4 * var(--mm-rem));border-style:hidden;box-shadow:0 0 0 calc(.1 * var(--mm-rem)) rgb(var(--mm-color-border))}:where(.mm-shopify-section-image-comparison) table:not([class]) td,:where(.mm-shopify-section-image-comparison) table:not([class]) th{padding:1em;border:calc(.1 * var(--mm-rem)) solid rgb(var(--mm-color-border))}:where(.mm-shopify-section-image-comparison) a:empty:not(.ignore-empty),:where(.mm-shopify-section-image-comparison) ul:empty:not(.ignore-empty),:where(.mm-shopify-section-image-comparison) dl:empty:not(.ignore-empty),:where(.mm-shopify-section-image-comparison) div:empty:not(.ignore-empty),:where(.mm-shopify-section-image-comparison) section:empty:not(.ignore-empty),:where(.mm-shopify-section-image-comparison) article:empty:not(.ignore-empty),:where(.mm-shopify-section-image-comparison) p:empty:not(.ignore-empty),:where(.mm-shopify-section-image-comparison) h1:empty:not(.ignore-empty),:where(.mm-shopify-section-image-comparison) h2:empty:not(.ignore-empty),:where(.mm-shopify-section-image-comparison) h3:empty:not(.ignore-empty),:where(.mm-shopify-section-image-comparison) h4:empty:not(.ignore-empty),:where(.mm-shopify-section-image-comparison) h5:empty:not(.ignore-empty),:where(.mm-shopify-section-image-comparison) h6:empty:not(.ignore-empty){display:none}:where(.mm-shopify-section-image-comparison) hr{border:none;height:calc(.1 * var(--mm-rem));background-color:rgb(var(--mm-color-border));display:block;margin:calc(5 * var(--mm-rem)) 0}@media screen and (min-width:750px){:where(.mm-shopify-section-image-comparison) hr{margin:calc(7 * var(--mm-rem)) 0}}.mm-shopify-section-image-comparison .placeholder{background-color:rgba(var(--mm-color-base-text),.04);color:rgba(var(--mm-color-base-text),.55);fill:rgba(var(--mm-color-base-text),.55)}:where(.mm-shopify-section-image-comparison) details>*{box-sizing:border-box}@media(prefers-reduced-motion:reduce){:where(.mm-shopify-section-image-comparison) *:not(.motion-allow),:where(.mm-shopify-section-image-comparison) *:not(.motion-allow):before,:where(.mm-shopify-section-image-comparison) *:not(.motion-allow):after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}:where(.mm-shopify-section-image-comparison) [data-animate]{animation:none!important;transition:none!important}}:where(.mm-shopify-section-image-comparison) summary{cursor:pointer;list-style:none;position:relative}:where(.mm-shopify-section-image-comparison) summary::-webkit-details-marker{display:none}:where(.mm-shopify-section-image-comparison) *:focus{outline:0;box-shadow:none}:where(.mm-shopify-section-image-comparison) *:focus-visible{outline:calc(.2 * var(--mm-rem)) solid rgb(var(--mm-color-keyboard-focus));outline-offset:calc(.3 * var(--mm-rem));box-shadow:0 0 0 calc(.3 * var(--mm-rem)) rgb(var(--mm-color-background)),0 0 calc(.5 * var(--mm-rem)) calc(.4 * var(--mm-rem)) rgba(var(--mm-color-keyboard-focus),.5)}.mm-title-wrapper--no-heading{display:none}[data-heading-center] .mm-title-wrapper:not(.mm-title-wrapper--no-heading){flex-direction:column;align-items:center;text-align:center}@media screen and (max-width:749px){.mm-media-mobile--200px{height:200px}.mm-media-mobile--250px{height:250px}.mm-media-mobile--300px{height:300px}.mm-media-mobile--400px{height:400px}.mm-media-mobile--500px{height:500px}.mm-media-mobile--600px{height:600px}.mm-media-mobile--100vh{height:90vh}.mm-media-mobile--square{padding-bottom:100%}.mm-media-mobile--portrait{padding-bottom:125%}.mm-media-mobile--landscape{padding-bottom:66.6%}.mm-media-mobile--adapt{position:relative;height:0;padding-bottom:var(--mm-image-ratio-percent)}}@media screen and (min-width:750px){.mm-button--large{font-size:calc(var(--mm-font-button-size) + 2px);padding:calc(1.5 * var(--mm-rem)) calc(3 * var(--mm-rem));padding-top:calc(calc(1.5 * var(--mm-rem)) + var(--mm-font-button-baseline));min-height:calc(6 * var(--mm-rem))}}.mm-button--cta{min-height:calc(4.5 * var(--mm-rem));background:none;box-shadow:none;min-width:auto;max-width:100%;padding:0;border:none;justify-content:space-between;text-transform:none;color:rgb(var(--mm-color-link))}.mm-button--cta.mm-button--small{min-height:calc(2.7 * var(--mm-rem));min-width:auto}@media screen and (min-width:750px){.mm-button--cta{min-width:calc(22.5 * var(--mm-rem))}}@media screen and (hover:hover){.mm-button--cta:hover{color:rgb(var(--mm-color-link));background-color:transparent}}.mm-button--cta:before,.mm-button--cta:after{content:"";position:absolute;width:100%;height:calc(.1 * var(--mm-rem));bottom:0;right:0;top:auto;left:auto;transform:none;border:none;background-image:none;background-color:rgb(var(--mm-color-border));transition:transform var(--mm-duration-default) ease}.mm-button--cta:before{transform:scaleX(0);transform-origin:left;transition-delay:0s}.mm-button--cta:after{transform-origin:right;transition-delay:.25s}@media screen and (hover:hover){.mm-button--cta:hover:before{transform:scaleX(1);transition-delay:.25s}.mm-button--cta:hover:after{transform:scaleX(0);transition-delay:0s}}.mm-button--cta .mm-icon{fill:currentColor;width:calc(1.5 * var(--mm-rem));height:calc(1.5 * var(--mm-rem))}.mm-button--arrow{box-shadow:none;min-height:auto;min-width:auto}:where(.mm-shopify-section-image-comparison) input[type=checkbox]{display:inline-block;width:auto;margin-inline-end:calc(.5 * var(--mm-rem))}.mm-section--divider{border-top:calc(.1 * var(--mm-rem)) solid rgb(var(--mm-color-base-border))}.mm-section--padding{padding-top:calc(var(--mm-section-padding-top) * .75);padding-bottom:calc(var(--mm-section-padding-bottom) * .75)}@media screen and (min-width:750px){.mm-section--padding{padding-top:var(--mm-section-padding-top);padding-bottom:var(--mm-section-padding-bottom)}}mm-image-comparison .flickity-enabled{position:relative}mm-image-comparison .flickity-enabled:focus{outline:none}mm-image-comparison .flickity-viewport{overflow:hidden;position:relative;height:100%;touch-action:pan-y}mm-image-comparison .flickity-slider{position:absolute;width:100%;height:100%;left:0;top:0}mm-image-comparison .flickity-rtl .flickity-slider{left:unset;right:0}mm-image-comparison .flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}mm-image-comparison .flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:grab}mm-image-comparison .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:grabbing}mm-image-comparison .flickity-cell{position:absolute;left:0}mm-image-comparison .flickity-rtl .flickity-cell{left:unset;right:0}mm-image-comparison .flickity-button{position:absolute;background-color:rgb(var(--mm-color-background));border:none;color:rgb(var(--mm-color-foreground))}mm-image-comparison .flickity-button:hover{cursor:pointer}mm-image-comparison .flickity-button:focus{outline:none}mm-image-comparison .flickity-button:active{opacity:.6}mm-image-comparison .flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}mm-image-comparison .flickity-button-icon{fill:currentColor}mm-image-comparison .flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}mm-image-comparison .flickity-prev-next-button.previous{left:10px}mm-image-comparison .flickity-prev-next-button.next{right:10px}mm-image-comparison .flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}mm-image-comparison .flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}mm-image-comparison .flickity-prev-next-button .flickity-button-icon{position:absolute;left:25%;top:25%;width:50%;height:50%}mm-image-comparison .flickity-page-dots{position:absolute;z-index:2;bottom:100%;padding:0 calc(1 * var(--mm-rem));background-color:rgb(var(--mm-color-background));margin:0;list-style:none;text-align:center;line-height:0;animation:mm-fade-in var(--mm-duration-default) ease;display:flex;align-items:center;justify-content:center}mm-image-comparison .flickity-rtl .flickity-page-dots{direction:rtl}mm-image-comparison .flickity-page-dot{display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;width:calc(3 * var(--mm-rem));height:calc(4 * var(--mm-rem));opacity:.4;cursor:pointer;transition:transform var(--mm-duration-default) ease;font-size:0}mm-image-comparison .flickity-page-dot.is-selected{opacity:1}mm-image-comparison .flickity-page-dot:after{content:"";display:block;width:calc(.6 * var(--mm-rem));height:calc(.6 * var(--mm-rem));border-radius:50%;background-color:rgb(var(--mm-color-foreground));transition:transform var(--mm-duration-default) ease}mm-image-comparison .flickity-page-dot.is-selected:after{transform:scale(1.5)}:where(.mm-shopify-section-image-comparison) details em:not(.mm-highlighted-text){display:contents}:where(.mm-shopify-section-image-comparison) [is=scroll-snap-slider]:not(.-show-scroll-bar){-ms-overflow-style:none!important;scrollbar-width:none!important}:where(.mm-shopify-section-image-comparison) [is=scroll-snap-slider]:not(.-show-scroll-bar)::-webkit-scrollbar{display:none!important}@supports (-webkit-overflow-scrolling: touch){:where(.mm-shopify-section-image-comparison) input:focus,:where(.mm-shopify-section-image-comparison) select:focus,:where(.mm-shopify-section-image-comparison) textarea:focus{font-size:16px}}.mm-image-comparison{display:block;position:relative;overflow:hidden;--mm-percent: 95%}@media screen and (min-width:750px){.mm-image-comparison{--mm-percent: 98%}}.mm-image-comparison[animate]{--mm-percent: 50%}.mm-image-comparison.mm-animating .mm-image-comparison__button{transition-property:top,left;transition-duration:var(--mm-duration-animate);transition-timing-function:ease}.mm-image-comparison.mm-animating .mm-image-comparison__after{transition-property:clip-path;transition-duration:var(--mm-duration-animate);transition-timing-function:ease}.mm-image-comparison__animate{display:block;position:absolute;bottom:0;left:0;width:100%;height:calc(.1 * var(--mm-rem));pointer-events:none}.mm-image-comparison__after{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;overflow:hidden}.mm-image-comparison[data-layout=horizontal] .mm-image-comparison__after{clip-path:inset(0px 0px 0px var(--mm-percent))}.mm-image-comparison[data-layout=vertical] .mm-image-comparison__after{clip-path:inset(var(--mm-percent) 0px 0px 0px)}.mm-image-comparison__button{position:absolute;z-index:2;color:inherit;background-color:transparent;border:none;padding:0;cursor:pointer}.mm-image-comparison[data-layout=horizontal] .mm-image-comparison__button{top:0;left:var(--mm-percent);width:calc(2.8 * var(--mm-rem));height:100%;margin-left:calc(-1.4 * var(--mm-rem));cursor:col-resize}.mm-image-comparison[data-layout=vertical] .mm-image-comparison__button{left:0;top:var(--mm-percent);width:100%;height:calc(2.8 * var(--mm-rem));margin-top:calc(-1.4 * var(--mm-rem));cursor:row-resize}.mm-image-comparison__button:before,.mm-image-comparison__button:after{content:"";position:absolute;background-color:rgb(var(--mm-color-border));pointer-events:none}.mm-image-comparison[data-layout=horizontal] .mm-image-comparison__button:before,.mm-image-comparison[data-layout=horizontal] .mm-image-comparison__button:after{width:calc(.3 * var(--mm-rem));height:50%;left:50%;margin-left:calc(-.15 * var(--mm-rem))}.mm-image-comparison[data-layout=vertical] .mm-image-comparison__button:before,.mm-image-comparison[data-layout=vertical] .mm-image-comparison__button:after{width:50%;height:calc(.3 * var(--mm-rem));top:50%;margin-top:calc(-.15 * var(--mm-rem))}.mm-image-comparison[data-layout=horizontal] .mm-image-comparison__button:before{top:0;margin-top:calc(-2 * var(--mm-rem))}.mm-image-comparison[data-layout=horizontal] .mm-image-comparison__button:after{bottom:0;margin-bottom:calc(-2 * var(--mm-rem))}.mm-image-comparison[data-layout=vertical] .mm-image-comparison__button:before{left:0;margin-left:calc(-2 * var(--mm-rem))}.mm-image-comparison[data-layout=vertical] .mm-image-comparison__button:after{right:0;margin-right:calc(-2 * var(--mm-rem))}.mm-image-comparison__button span{position:absolute;top:50%;left:50%;width:calc(2.8 * var(--mm-rem));height:calc(4.8 * var(--mm-rem));margin-left:calc(-1.4 * var(--mm-rem));margin-top:calc(-2.4 * var(--mm-rem));border-radius:calc(4 * var(--mm-rem));background-color:rgb(var(--mm-color-border));pointer-events:none;display:flex;align-items:center;justify-content:center}.mm-image-comparison[data-layout=vertical] .mm-image-comparison__button span{transform:rotate(90deg)}.mm-image-comparison__button .mm-icon{height:calc(1.6 * var(--mm-rem));width:auto}.mm-image-comparison__title{position:absolute;margin:0;min-width:unset;pointer-events:none;transition:opacity var(--mm-duration-default) ease}.mm-image-comparison[data-layout=horizontal] .mm-image-comparison__before .mm-image-comparison__title{left:calc(2 * var(--mm-rem))}.mm-image-comparison[data-layout=horizontal] .mm-image-comparison__after .mm-image-comparison__title{right:calc(2 * var(--mm-rem))}.mm-image-comparison[data-layout=horizontal] .mm-image-comparison__item--start .mm-image-comparison__title{top:calc(2 * var(--mm-rem))}.mm-image-comparison[data-layout=horizontal] .mm-image-comparison__item--end .mm-image-comparison__title{bottom:calc(2 * var(--mm-rem))}.mm-image-comparison[data-layout=horizontal] .mm-image-comparison__item--center .mm-image-comparison__title{top:50%;transform:translateY(-50%)}.mm-image-comparison[data-layout=vertical] .mm-image-comparison__before .mm-image-comparison__title{top:calc(2 * var(--mm-rem))}.mm-image-comparison[data-layout=vertical] .mm-image-comparison__after .mm-image-comparison__title{bottom:calc(2 * var(--mm-rem))}.mm-image-comparison[data-layout=vertical] .mm-image-comparison__item--start .mm-image-comparison__title{left:calc(2 * var(--mm-rem))}.mm-image-comparison[data-layout=vertical] .mm-image-comparison__item--end .mm-image-comparison__title{right:calc(2 * var(--mm-rem))}.mm-image-comparison[data-layout=vertical] .mm-image-comparison__item--center .mm-image-comparison__title{left:50%;transform:translate(-50%)}.mm-image-comparison.mm-scrolling .mm-image-comparison__title{opacity:0}.mm-image-comparison__before .mm-comparison-placeholder{background-color:#00000080}@keyframes mm-preloading{0%,44%,88.1%,to{transform-origin:left}0%,to,88%{transform:scaleX(0)}44.1%,88%{transform-origin:right}33%,44%{transform:scaleX(1)}}@keyframes mm-shine{to{left:100%}}@keyframes mm-fade-in{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/mm-image-comparison.css.map */