:root{--image-comparison-slider-width:min(80vw,600px);--image-comparison-slider-handle-width:50px}#image-comparison-slider{position:relative;width:var(--image-comparison-slider-width);overflow:hidden;border-radius:.5rem;box-shadow:-7px 5px 16px 1px rgba(56,86,122,.6);cursor:col-resize}#image-comparison-slider img{display:block;width:var(--image-comparison-slider-width);height:auto;max-height:80vh;object-fit:cover;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}#image-comparison-slider .img-wrapper{width:50%;overflow:hidden;z-index:1;transform:translateZ(0)}#image-comparison-slider .img-wrapper,#image-comparison-slider .img-wrapper img{position:absolute;top:0;right:0;height:100%}#image-comparison-slider .label{position:absolute;top:1rem;z-index:3;color:#fff;background-color:rgba(0,0,0,.33);border-radius:.25rem;padding:.5rem .75rem;font-size:.85rem;text-align:center;letter-spacing:1px;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0;transition:.25s cubic-bezier(.68,.26,.58,1.22)}#image-comparison-slider:hover .label{opacity:1}#image-comparison-slider .label.label-before{left:1rem}#image-comparison-slider .label.label-after{right:1rem;background-color:#f95540}#image-comparison-slider .handle{position:absolute;top:0;left:calc(50% - var(--image-comparison-slider-handle-width)/2);width:var(--image-comparison-slider-handle-width);height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2}#image-comparison-slider .handle-line{width:2px;flex-grow:1;background-color:#fff}#image-comparison-slider .handle-circle{width:var(--image-comparison-slider-handle-width);height:var(--image-comparison-slider-handle-width);color:#fff;border:1.6px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:space-evenly}