.image-comparison-section{overflow:hidden;background-color:#fff}.image-comparison__grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1200px;margin:0 auto}.image-comparison__content{text-align:left;max-width:400px}.image-comparison__header{margin-bottom:2rem;text-align:left}.image-comparison__header h2{margin-bottom:1rem;max-width:300px;font-size:clamp(3rem,5vw,4.5rem)!important;font-weight:900!important;line-height:1.1!important;letter-spacing:-.02em!important;color:#1a1a1a!important}.image-comparison__subheading{font-size:1.6rem;line-height:1.5;color:rgba(var(--color-foreground),.75);max-width:350px}.image-comparison__container{max-width:600px;margin:0;display:block}.image-comparison__wrapper{position:relative;overflow:hidden;border-radius:20px;border:4px solid #000;box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity));cursor:col-resize;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;aspect-ratio:1 / 1;width:100%;max-width:600px}.image-comparison__image{position:relative;width:100%;height:100%;overflow:hidden}.image-comparison__image--before{z-index:1;height:100%}.image-comparison__image--after{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;clip-path:inset(0 50% 0 0);-webkit-clip-path:inset(0 50% 0 0)}.image-comparison__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.image-comparison__slider{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:4px;background-color:#fff;z-index:3;cursor:col-resize;box-shadow:0 0 8px #0000004d}.image-comparison__slider:before,.image-comparison__slider:after{content:"";position:absolute;top:0;bottom:0;width:20px}.image-comparison__slider:before{right:100%}.image-comparison__slider:after{left:100%}.image-comparison__handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background-color:#fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;display:flex;align-items:center;justify-content:center;transition:transform .1s ease}.image-comparison__handle:hover{transform:translate(-50%,-50%) scale(1.1)}.image-comparison__handle-icon{width:24px;height:24px;color:#333}.image-comparison__label{position:absolute;top:20px;padding:8px 16px;background-color:#000000b3;color:#fff;font-size:1.4rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;border-radius:4px;pointer-events:none;z-index:4}.image-comparison__label--before{left:20px}.image-comparison__label--after{right:20px}.image-comparison__placeholder{padding:8rem 2rem;text-align:center;background-color:rgba(var(--color-foreground),.04);border-radius:var(--media-radius);border:2px dashed rgba(var(--color-foreground),.2)}.image-comparison__placeholder p{margin:0;color:rgba(var(--color-foreground),.55);font-size:1.6rem}.image-comparison__button-wrapper{margin-top:2rem}@media screen and (max-width: 749px){.image-comparison__grid{grid-template-columns:1fr;gap:2rem}.image-comparison__content{text-align:center}.image-comparison__header{margin-bottom:1.5rem;text-align:center}.image-comparison__container{margin:0 auto}.image-comparison__subheading{font-size:1.4rem}.image-comparison__label{font-size:1.2rem;padding:6px 12px}.image-comparison__label--before{left:10px}.image-comparison__label--after{right:10px}.image-comparison__handle{width:36px;height:36px}.image-comparison__handle-icon{width:20px;height:20px}}@media (hover: none){.image-comparison__handle{width:48px;height:48px}.image-comparison__slider:before,.image-comparison__slider:after{width:30px}}.image-comparison__wrapper.is-dragging{cursor:grabbing}.image-comparison__wrapper.is-dragging .image-comparison__handle{transform:translate(-50%,-50%) scale(1.2)}.image-comparison__wrapper.is-loading{background-color:rgba(var(--color-foreground),.04);min-height:400px}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-image-comparison.css.map */