.module.image_compare .bound{display:flex;flex-direction:column;justify-content:center}.module.image_compare .bound .compare-container{position:relative;width:100%;overflow:hidden}.module.image_compare .bound .compare-container.aspect-ratio_1x1{aspect-ratio:1/1}.module.image_compare .bound .compare-container.aspect-ratio_5x2{aspect-ratio:5/2}.module.image_compare .bound .compare-container.aspect-ratio_16x9{aspect-ratio:16/9}.module.image_compare .bound .compare-image-before, .module.image_compare .bound .compare-image-after{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.module.image_compare .bound .compare-image-after{clip-path:inset(0 0 0 50%)}.module.image_compare .bound .compare-slider{position:absolute;top:0;left:50%;width:4px;height:100%;background-color:white;box-shadow:0 0 5px rgba(0, 0, 0, 0.5);cursor:ew-resize;z-index:2;transform:translateX(-50%)}.module.image_compare .bound .compare-slider-knob{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:30px;height:30px;border:4px solid white;border-radius:50%;box-shadow:0 2px 8px rgba(0, 0, 0, 0.3);pointer-events:none}.module.image_compare .bound .compare-slider-knob::before, .module.image_compare .bound .compare-slider-knob::after{content:"";position:absolute;top:50%;transform:translateY(-50%);border-style:solid;border-width:7px}.module.image_compare .bound .compare-slider-knob::before{left:-4px;border-color:transparent white transparent transparent}.module.image_compare .bound .compare-slider-knob::after{right:-4px;border-color:transparent transparent transparent white}