.image-compare-block{display:block;margin:20px 0;text-align:center}.image-compare-block.alignleft{float:left;margin-right:20px;text-align:left}.image-compare-block.alignright{float:right;margin-left:20px;text-align:right}.image-compare-block.aligncenter{margin-left:auto;margin-right:auto;text-align:center}.image-compare-block.alignfull,.image-compare-block.alignwide{max-width:none;width:100%}.image-compare-container{border-radius:8px;cursor:pointer;display:inline-block;height:auto;max-width:100%;overflow:visible;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.image-compare-container.dragging{cursor:grabbing;cursor:-webkit-grabbing}.image-compare-container .image-compare-before{border-radius:8px;height:100%;overflow:hidden;position:relative;width:100%}.image-compare-container .image-compare-before img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%}.image-compare-container .image-compare-after{border-radius:8px;clip-path:inset(0 0 0 50%);height:100%;left:0;overflow:hidden;position:absolute;top:0;transition:clip-path .1s ease-out;width:100%}.image-compare-container .image-compare-after img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%}.image-compare-container.vertical .image-compare-after{clip-path:inset(50% 0 0 0)}.image-compare-container .image-compare-slider{cursor:grab;cursor:-webkit-grab;height:100%;left:50%;position:absolute;top:0;transform:translateX(-50%);transition:left .1s ease-out;width:4px;z-index:10}.image-compare-container .image-compare-slider:active{cursor:grabbing;cursor:-webkit-grabbing}.image-compare-container .image-compare-slider.vertical{height:4px;left:0;top:50%;transform:translateY(-50%);transition:top .1s ease-out;width:100%}.image-compare-container .image-compare-slider .slider-line{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.3);height:100%;left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.image-compare-container .image-compare-slider .slider-line.vertical,.image-compare-container .image-compare-slider.vertical .slider-line{height:2px;left:0;top:50%;transform:translateY(-50%);width:100%}.image-compare-container .image-compare-slider .slider-handle{align-items:center;background-color:rgba(0,0,0,.2);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.2);display:flex;height:40px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:40px}.image-compare-container .image-compare-slider .slider-handle svg{color:#fff;height:30px;transition:color .2s ease}.image-compare-container .image-compare-label{background-color:rgba(0,0,0,.3);border-radius:6px;color:#fff;font-size:16px;padding:4px 12px;pointer-events:none;position:absolute;top:10px;transition:opacity .3s ease;z-index:20}.image-compare-container .image-compare-label.before-label{left:10px}.image-compare-container .image-compare-label.after-label{right:10px}.image-compare-container:hover .image-compare-label{opacity:.8}@media(max-width:860px){.image-compare-container{aspect-ratio:16/9!important;height:auto!important;max-width:100%!important;width:100%!important}}@media(max-width:768px){.image-compare-block{text-align:center}.image-compare-container{display:block;height:auto;margin:0 auto;max-width:100%}.image-compare-container .image-compare-slider .slider-handle{height:40px;width:40px}.image-compare-container .image-compare-slider .slider-handle svg{height:24px;width:24px}.image-compare-container .image-compare-label{font-size:12px;padding:6px 12px;top:15px}.image-compare-container .image-compare-label.before-label{left:15px}.image-compare-container .image-compare-label.after-label{right:15px}}@media(min-resolution:192dpi){.image-compare-container .slider-line{width:1px}}@media(prefers-reduced-motion:reduce){.image-compare-container,.image-compare-slider,.image-compare-slider .slider-handle{transition:none}}.image-compare-container.theme-light .image-compare-slider .slider-line{background-color:#fff}.image-compare-container.theme-light .image-compare-slider .slider-handle{background-color:rgba(0,0,0,.2);border:2px solid #fff}.image-compare-container.theme-light .image-compare-slider .slider-handle svg{color:#fff}.image-compare-container.theme-dark .image-compare-slider .slider-line{background-color:#000}.image-compare-container.theme-dark .image-compare-slider .slider-handle{background-color:hsla(0,0%,100%,.2);border:2px solid #000}.image-compare-container.theme-dark .image-compare-slider .slider-handle svg{color:#000}