.image-comparison-section{width:100%}.image-comparison-section__header{margin-bottom:2.4rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.6rem}@media(min-width:1200px){.image-comparison-section__header{flex-direction:row;gap:2rem;margin-bottom:3.2rem}}.image-comparison-section__header--mobile-left{align-items:flex-start}.image-comparison-section__header--mobile-center{align-items:center}.image-comparison-section__header--mobile-right{align-items:flex-end}@media(min-width:990px){.image-comparison-section__header--desktop-left{align-items:center;justify-content:flex-start}.image-comparison-section__header--desktop-center{align-items:center;justify-content:center}.image-comparison-section__header--desktop-right{align-items:center;justify-content:flex-end}@media(min-width:1200px){.image-comparison-section__header--desktop-center{justify-content:space-between}}}.image-comparison-section__header-content{display:flex;flex-direction:column;gap:1rem;flex:1}.image-comparison-section__header-button{display:flex;align-items:flex-start;flex-shrink:0;letter-spacing:0;line-height:1.2}@media(max-width:989px){.image-comparison-section__header-button{justify-content:center;width:100%}}.image-comparison-section__header--mobile-left .image-comparison-section__header-content{text-align:left}.image-comparison-section__header--mobile-center .image-comparison-section__header-content{text-align:center}.image-comparison-section__header--mobile-right .image-comparison-section__header-content{text-align:right}@media(min-width:990px){.image-comparison-section__header--desktop-left .image-comparison-section__header-content{text-align:left}.image-comparison-section__header--desktop-center .image-comparison-section__header-content{text-align:center}.image-comparison-section__header--desktop-right .image-comparison-section__header-content{text-align:right}}@media(max-width:989px){.image-comparison-section__header--mobile-left .image-comparison-section__header-button{justify-content:flex-start}.image-comparison-section__header--mobile-center .image-comparison-section__header-button{justify-content:center}.image-comparison-section__header--mobile-right .image-comparison-section__header-button{justify-content:flex-end}}.image-comparison-section__button{display:flex;gap:1.6rem;min-height:4rem;letter-spacing:0;line-height:1.2}@media(min-width:1200px){.image-comparison-section__button{min-height:5rem}}.image-comparison-section__title{font-size:2.4rem;font-weight:700;margin:0;color:rgba(var(--color-foreground),1);letter-spacing:0;line-height:1.2}@media(min-width:750px){.image-comparison-section__title{font-size:3.2rem}}.image-comparison-section__subtitle{font-size:1.4rem;color:rgba(var(--color-foreground-secondary),1);letter-spacing:0;line-height:1.2}@media(min-width:750px){.image-comparison-section__subtitle{font-size:1.6rem}}.image-comparison-section__mobile-button{margin-top:2.4rem}@media(min-width:750px){.image-comparison-section__mobile-button{margin-top:3.2rem}}.image-comparison-section__mobile-button .image-comparison-section__button{width:auto;display:inline-flex}.image-comparison-section__mobile-button--mobile-left:not(.image-comparison-section__mobile-button--full-width){text-align:left}.image-comparison-section__mobile-button--mobile-center:not(.image-comparison-section__mobile-button--full-width){text-align:center}.image-comparison-section__mobile-button--mobile-right:not(.image-comparison-section__mobile-button--full-width){text-align:right}@media(min-width:990px){.image-comparison-section__mobile-button--desktop-left:not(.image-comparison-section__mobile-button--full-width){text-align:left}.image-comparison-section__mobile-button--desktop-center:not(.image-comparison-section__mobile-button--full-width){text-align:center}.image-comparison-section__mobile-button--desktop-right:not(.image-comparison-section__mobile-button--full-width){text-align:right}}.image-comparison-section__mobile-button--full-width{text-align:stretch}.image-comparison-section__mobile-button--full-width .image-comparison-section__button{width:100%;justify-content:center}.image-comparison-section__content{width:100%;position:relative}.image-comparison-container{width:100%;margin:0 auto}.image-comparison-wrapper{position:relative;width:100%;height:42.2rem;overflow:hidden;border-radius:var(--comparison-border-radius, .8rem);background:#f4f4f4;cursor:grab;-webkit-user-select:none;user-select:none}.image-comparison-wrapper.is-dragging{cursor:grabbing}.image-comparison-before,.image-comparison-after{position:absolute;top:0;left:0;width:100%;height:100%}.image-comparison-before img,.image-comparison-after img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:var(--comparison-border-radius, .8rem)}.image-comparison-after{clip-path:inset(0 0 0 50%);transition:clip-path .1s ease-out}.image-comparison-wrapper.is-dragging .image-comparison-after{transition:none}.image-comparison-slider{position:absolute;top:0;left:50%;width:.4rem;height:100%;background:#fff;cursor:ew-resize;z-index:10;transform:translate(-50%);box-shadow:0 0 1rem #0000004d}.image-comparison-slider:before{content:"";position:absolute;top:0;left:50%;width:4rem;height:100%;transform:translate(-50%);background:transparent;cursor:ew-resize}.image-comparison-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3.8rem;height:5.6rem;background:#fff;border-radius:2rem;display:flex;align-items:center;justify-content:center;cursor:ew-resize;box-shadow:0 .4rem 1.2rem #00000040;transition:all .2s ease}.image-comparison-handle:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 .6rem 1.6rem #00000059}.image-comparison-wrapper.is-dragging .image-comparison-handle{transform:translate(-50%,-50%) scale(1.05)}.image-comparison-handle .svg-wrapper{display:flex;justify-content:center;align-items:center}.image-comparison-line{position:absolute;top:0;left:50%;width:.4rem;height:100%;background:#fff;transform:translate(-50%);box-shadow:0 0 .8rem #0003}.image-comparison-placeholder{width:100%;height:42.2rem;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-background-secondary),.5);border-radius:var(--comparison-border-radius, .8rem);border:.2rem dashed rgba(var(--color-foreground),.3);transition:all .3s ease}.image-comparison-placeholder:hover{background:rgba(var(--color-background-secondary),.8);border-color:rgba(var(--color-foreground),.5);transform:translateY(-.2rem)}.image-comparison-placeholder-content{text-align:center;color:rgba(var(--color-foreground),.6);max-width:32rem;padding:2rem}.image-comparison-placeholder-icon{width:4.8rem;height:4.8rem;fill:currentColor;margin-bottom:1.6rem;opacity:.7}.image-comparison-placeholder-content h3{font-size:1.8rem;font-weight:600;margin:0 0 .8rem;color:rgba(var(--color-foreground),.8)}.image-comparison-placeholder-content p{font-size:1.4rem;margin:0;line-height:1.4}.image-comparison-slider:focus{outline:.2rem solid rgba(var(--color-button));outline-offset:.2rem}@media(prefers-reduced-motion:reduce){.image-comparison-after,.image-comparison-handle{transition:none}}@media(pointer:coarse){.image-comparison-slider:before{width:6rem}.image-comparison-handle{width:5.6rem;height:5.6rem}.image-comparison-handle-icon{width:2.8rem;height:2.8rem}}.image-comparison-badge{position:absolute;bottom:1.1rem;padding:.5rem 1rem;border-radius:.8rem;font-size:1.2rem;z-index:15;letter-spacing:.05rem;line-height:1.2;white-space:nowrap;border:.1rem solid;box-shadow:0 0 .3rem #0003}@media(min-width:990px){.image-comparison-badge{bottom:2rem}}.image-comparison-badge--before{left:2.2rem;color:var(--before-badge-text-color, #A09F9F);background-color:var(--before-badge-bg-color, #F6F6F6);border-color:var(--before-badge-border-color, #F6F6F6)}@media(min-width:990px){.image-comparison-badge--before{left:1.5rem}}.image-comparison-badge--after{font-weight:700;right:2.2rem;color:var(--after-badge-text-color, #FFC107);background-color:var(--after-badge-bg-color, #222222);border-color:var(--after-badge-border-color, #FFC107)}@media(min-width:990px){.image-comparison-badge--after{right:1.5rem}}@media(max-width:749px){.image-comparison-badge{bottom:1.2rem;padding:.6rem 1.2rem;font-size:1.2rem}.image-comparison-badge--before{left:1.2rem}.image-comparison-badge--after{right:1.2rem}}@media(max-width:479px){.image-comparison-badge{bottom:1rem;padding:.5rem 1rem;font-size:1.1rem}.image-comparison-badge--before{left:1rem}.image-comparison-badge--after{right:1rem}}@media(prefers-reduced-motion:no-preference){.image-comparison-badge{transition:all .3s ease}.image-comparison-badge:hover{transform:translateY(-.2rem);box-shadow:0 .4rem 1.2rem #0000004d}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-image-comparison.css.map */