.image-comparison-section{position:relative}.image-comparison-section__wrapper{display:flex;flex-direction:column;gap:2rem}.image-comparison-section__wrapper--vertical{flex-direction:column}.image-comparison-section__wrapper--left-column{flex-direction:row;gap:3rem}.image-comparison-section__wrapper--right-column{flex-direction:row-reverse;gap:3rem}.image-comparison-section__wrapper--left-column .image-comparison-section__header,.image-comparison-section__wrapper--right-column .image-comparison-section__header{flex:0 0 40%;max-width:400px}.image-comparison-section__wrapper--left-column .image-comparison-section__content,.image-comparison-section__wrapper--right-column .image-comparison-section__content{flex:1}@media screen and (max-width:989px){.image-comparison-section__wrapper--left-column,.image-comparison-section__wrapper--right-column{flex-direction:column}.image-comparison-section__wrapper--left-column .image-comparison-section__header,.image-comparison-section__wrapper--right-column .image-comparison-section__header{flex:1;max-width:100%}}.image-comparison{position:relative;overflow:hidden;border-radius:var(--RADIUS, 0);touch-action:none;-webkit-user-select:none;user-select:none;max-height:80vh;margin-left:auto;margin-right:auto}.image-comparison__wrapper{position:relative;overflow:hidden;max-height:80vh;margin-left:auto;margin-right:auto}.image-comparison__wrapper--small{aspect-ratio:16/9}.image-comparison__wrapper--medium{aspect-ratio:4/3}.image-comparison__wrapper--large{aspect-ratio:1/1}.image-comparison__wrapper--adapt{aspect-ratio:var(--aspect-ratio, 16/9)}@media screen and (max-width:767px){.image-comparison__wrapper--adapt{aspect-ratio:var(--aspect-ratio-mobile, var(--aspect-ratio, 16/9))}}.image-comparison__before,.image-comparison__after{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.image-comparison__before{z-index:2;width:var(--compare-position, 50%)}.image-comparison__after{z-index:1}.image-comparison--vertical .image-comparison__before{width:100%;height:var(--compare-position, 50%)}.image-comparison__before img,.image-comparison__after img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.image-comparison__before img{max-width:none;width:var(--image-width, 100%)}.image-comparison--vertical .image-comparison__before img{width:100%;height:var(--image-height, 100%)}.image-comparison__label{position:absolute;z-index:5;padding:.5rem 1rem;font-family:var(--FONT-STACK-SUBHEADING, inherit);font-weight:var(--FONT-WEIGHT-SUBHEADING, 500);font-size:calc(.875rem * var(--FONT-ADJUST-SUBHEADING, 1));text-transform:var(--SUBHEADING-TEXT-CAPS, uppercase);letter-spacing:var(--LETTER-SPACING-SUBHEADING, .1em);transition:opacity .3s ease}.image-comparison__label--before{top:1rem;left:1rem}.image-comparison__label--after{top:1rem;right:1rem}.image-comparison--vertical .image-comparison__label--before{top:1rem;left:1rem}.image-comparison--vertical .image-comparison__label--after{bottom:1rem;top:auto;right:1rem}.image-comparison--label-badge .image-comparison__label{background-color:var(--bg, #fff);color:var(--text, #000);border-radius:var(--RADIUS, 4px);box-shadow:0 2px 10px #0000001a}.image-comparison--label-plain .image-comparison__label{background:none;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);padding:0}.image-comparison__handle{position:absolute;z-index:10;top:0;left:var(--compare-position, 50%);transform:translate(-50%);width:4px;height:100%;background-color:var(--bg, #fff);cursor:ew-resize;box-shadow:0 0 10px #0003}.image-comparison--vertical .image-comparison__handle{top:var(--compare-position, 50%);left:0;transform:translateY(-50%);width:100%;height:4px;cursor:ns-resize}.image-comparison__handle-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background-color:var(--bg, #fff);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 15px #00000026;transition:transform .2s ease,box-shadow .2s ease}.image-comparison__handle-button:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 4px 20px #0003}.image-comparison__handle-button svg{width:24px;height:24px;color:var(--text, #000)}.image-comparison--vertical .image-comparison__handle-button svg{transform:rotate(90deg)}.image-comparison.is-dragging{cursor:ew-resize}.image-comparison.is-dragging.image-comparison--vertical{cursor:ns-resize}.image-comparison.is-dragging .image-comparison__handle-button{transform:translate(-50%,-50%) scale(1.15)}.image-comparison__animation-trigger{position:absolute;top:50%;left:0;width:100%;height:1px;pointer-events:none}.image-comparison__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary, #f5f5f5)}.image-comparison__placeholder svg{width:100%;height:100%;max-width:100%;opacity:.5}.image-comparison__product{margin-top:1.5rem;padding-top:1.5rem;border-top:var(--BORDER-WIDTH, 1px) solid var(--border, #e5e5e5)}.image-comparison__product-title{font-family:var(--FONT-STACK-HEADING, inherit);font-weight:var(--FONT-WEIGHT-HEADING, 500);font-size:calc(1rem * var(--adjust-heading, 1));color:var(--text);text-decoration:none}.image-comparison__product-title:hover{text-decoration:underline;text-decoration-thickness:var(--BORDER-WIDTH, 1px)}.image-comparison__image--desktop{display:block}.image-comparison__image--mobile{display:none}@media screen and (max-width:767px){.image-comparison__wrapper.has-mobile-image .image-comparison__image--desktop{display:none}.image-comparison__wrapper.has-mobile-image .image-comparison__image--mobile{display:block}.image-comparison__handle-button{width:40px;height:40px}.image-comparison__handle-button svg{width:20px;height:20px}.image-comparison__label{font-size:calc(.75rem * var(--FONT-ADJUST-SUBHEADING, 1));padding:.375rem .75rem}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/section-image-comparison.css.map */