.dualvue-container{position:relative;overflow:hidden;max-height:80vh;user-select:none;-webkit-user-select:none}.dualvue-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;background:#000000b3;color:#fff;padding:10px 20px;border-radius:4px}.image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:hidden}.dualvue-image{width:100%;height:fit-content;object-fit:contain}.overlay{z-index:1}@supports not (clip-path: inset(0 0 0 0)){.overlay{overflow:hidden}}.dualvue-slider{position:absolute;top:0;bottom:0;width:40px;transform:translate(-50%);z-index:2;cursor:ew-resize;display:flex;justify-content:center}.slider-bar{position:absolute;width:2px;height:100%;background-color:#fff;box-shadow:0 0 8px #ffffff80}.slider-button{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:#fff;border:2px solid #ccc;transition:transform .2s ease}.dualvue-slider:focus{outline:none}.dualvue-slider:focus .slider-button{border-color:#228cfd}.dualvue-slider:hover .slider-button{transform:translateY(-50%) scale(1.1)}@media (max-width: 768px){.slider-button{width:30px;height:30px}}