.vdic-container{position:relative;width:100%;overflow:hidden;--ic-position:50%;user-select:none;touch-action:pan-y}
.vdic-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.vdic-image-wrapper img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}
.vdic-after{width:100%;height:100%;z-index:1}
.vdic-before{width:100%;height:100%;z-index:2;clip-path:polygon(0 0,var(--ic-position) 0,var(--ic-position) 100%,0 100%)}
.vdic-handle{position:absolute;top:0;bottom:0;left:var(--ic-position);width:0;z-index:10}
.vdic-handle-line{position:absolute;top:0;bottom:0;left:0;background-color:#fff;width:2px;margin-left:-1px;box-shadow:0 0 5px rgba(0,0,0,.3)}
.vdic-handle-button{position:absolute;top:50%;left:0;width:40px;height:40px;margin-top:-20px;margin-left:-20px;background-color:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:ew-resize;box-shadow:0 2px 6px rgba(0,0,0,.3);color:#333}
.vdic-handle-button svg{width:16px;height:16px}
.vdic-label{position:absolute;top:20px;background:rgba(0,0,0,.5);color:#fff;padding:5px 15px;border-radius:3px;font-size:14px;pointer-events:none}
.vdic-label-before{left:20px;z-index:3}.vdic-label-after{right:20px;z-index:3}

.vdic-before::after,.vdic-after::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background-color:transparent}