.image-comparison-wrapper{margin:auto;width:fit-content}:root{--image-comparison-slider-width:min(80vw,768px);--image-comparison-slider-handle-width:50px}.image-comparison-slider{cursor:col-resize;overflow:hidden;position:relative}.image-comparison-slider img{display:block;height:auto;max-height:80vh;object-fit:cover;pointer-events:none;user-select:none;width:var(--image-comparison-slider-width)}.image-comparison-slider .img-wrapper{overflow:hidden;transform:translateZ(0);width:50%;z-index:1}.image-comparison-slider .img-wrapper,.image-comparison-slider .img-wrapper img{height:100%;position:absolute;right:0;top:0}.image-comparison-slider .label{font-size:.85rem;letter-spacing:1px;opacity:0;position:absolute;text-align:center;top:1rem;transition:.25s cubic-bezier(.68,.26,.58,1.22);user-select:none;z-index:3}.image-comparison-slider:hover .label{opacity:1}.image-comparison-slider .label.label-before{left:1rem}.image-comparison-slider .label.label-after{right:1rem}.image-comparison-slider .handle{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:calc(50% - var(--image-comparison-slider-handle-width)/2);position:absolute;top:0;user-select:none;width:var(--image-comparison-slider-handle-width);z-index:2}.image-comparison-slider .handle-line{flex-grow:1;width:2px}.image-comparison-slider .handle-circle{align-items:center;border:2px solid #fff;border-radius:50%;display:flex;height:var(--image-comparison-slider-handle-width);justify-content:space-evenly;width:var(--image-comparison-slider-handle-width)}@media (max-width:768px){:root{--image-comparison-slider-width:90vw}}