.before-after__slider{position:relative;width:100%;aspect-ratio:21/9;overflow:hidden}.before-after__slider img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.before-after__slider img.front-img{z-index:1;clip-path:polygon(0 0,50% 0,50% 100%,0% 100%);will-change:clip-path;transform:translateZ(0)}.before-after__slider-handle{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;width:100%;height:100%;background:transparent;z-index:2;display:flex;justify-content:center;align-items:center;pointer-events:auto;touch-action:none}.before-after__slider-handle::-webkit-slider-thumb{-webkit-appearance:none;width:.6rem;min-height:100vh;height:100%;cursor:ew-resize;background-color:rgb(var(--color-background));border:1px solid rgb(var(--color-background));border-radius:0;position:relative;z-index:3}.before-after__slider-handle::-webkit-slider-runnable-track{margin-left:-.3rem;margin-right:-.3rem}.before-after__slider-handle::-moz-range-thumb{-moz-appearance:none;width:.6rem;min-height:50vh;height:100%;cursor:ew-resize;background-color:rgb(var(--color-background));border:1px solid rgb(var(--color-background));border-radius:0;position:relative;z-index:3}.before-after__slider-handle::-moz-range-track{margin-left:-.3rem;margin-right:-.3rem}.custom-slider-handle{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgb(var(--color-background));border-radius:50%;width:55px;height:55px;display:flex;align-items:center;justify-content:center;cursor:ew-resize;z-index:2}.custom-slider-handle .handle__label{position:absolute;top:50%;transform:translateY(-50%);padding:5px 10px;white-space:nowrap;border-radius:4px}.custom-slider-handle .handle__label.before{left:-10px;transform:translate(-100%,-50%)}.custom-slider-handle .handle__label.after{right:-10px;transform:translate(100%,-50%)}@media screen and (max-width: 750px){.before-after__slider{aspect-ratio:4/3}.custom-slider-handle{width:45px;height:45px}.before-after__slider-handle::-webkit-slider-thumb{width:1rem;height:1rem}.before-after__slider-handle::-webkit-slider-runnable-track{margin-left:-.5rem;margin-right:-.5rem}.before-after__slider-handle::-moz-range-thumb{width:1rem}.before-after__slider-handle::-moz-range-track{margin-left:-.5rem;margin-right:-.5rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/0incubalia-before-after-image-slider.css.map */