.static-image-comparison-slider *{box-sizing:border-box;margin:0;padding:0}.static-image-comparison-slider{background-color:#f0f0f0;margin:0 auto;max-width:800px;padding:20px}.container{overflow:hidden;position:relative;--position:50%;--aspect-ratio:16/9}.image-container{aspect-ratio:var(--aspect-ratio);position:relative}.slider-image{display:block;height:100%;object-fit:cover;width:100%}.image-before{clip-path:inset(0 calc(100% - var(--position)) 0 0)}.image-after,.image-before{left:0;position:absolute;top:0}.slider{-webkit-appearance:none;cursor:ew-resize;inset:0;opacity:0;position:absolute;z-index:20}.slider-line{bottom:0;top:0;width:2px}.slider-button,.slider-line{background-color:#fff;left:var(--position);pointer-events:none;position:absolute;z-index:10}.slider-button{align-items:center;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.3);display:flex;height:30px;justify-content:center;top:50%;transform:translate(-50%,-50%);width:30px}.slider-button:before{color:#000;content:"↔️";font-size:14px}@media (max-width:768px){.slider-button{height:40px;width:40px}.slider-button:before{font-size:18px}.slider{height:100%}}