.image-compare[data-v-a9698f27]{margin:0;overflow:hidden;position:relative}.after-name[data-v-a9698f27],.before-name[data-v-a9698f27]{background-color:#fff;bottom:0;font-size:1rem;overflow:hidden;padding:.5rem 1rem;pointer-events:none;position:absolute;text-overflow:ellipsis;white-space:nowrap}.after-name .size[data-v-a9698f27],.before-name .size[data-v-a9698f27]{color:gray;font-family:monospace;font-size:1.2rem;margin-top:2px}.after-name[data-v-a9698f27]{border-top-right-radius:.75rem;left:0;z-index:5}.before-name[data-v-a9698f27]{border-top-left-radius:.75rem;right:0}.before-name .size[data-v-a9698f27]{text-align:right}img[data-v-a9698f27]{display:block;max-width:none}.drop-zone[data-v-a9698f27]{align-items:center;background-color:rgba(black,.5);color:#fff;display:flex;font-size:50px;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.drop-zone.visible[data-v-a9698f27]{opacity:1;pointer-events:all}.image-compare.full[data-v-a9698f27]{flex:1;height:100%;overflow:hidden;width:100%}.image-compare.full img[data-v-a9698f27]{height:100%;left:0;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;width:100%}.handle[data-v-a9698f27],.wrapper[data-v-a9698f27]{bottom:0;position:absolute;top:0}.wrapper[data-v-a9698f27]{left:0;overflow:hidden;transform:translateZ(0);width:100%;will-change:width;z-index:1}.handle[data-v-a9698f27]{background-color:currentColor;color:#fff;cursor:ew-resize;transform:translate(-50%) translateZ(0);width:2px;will-change:left;z-index:2}.handle-icon[data-v-a9698f27]{color:currentColor;font-size:2rem;left:50%;line-height:normal;position:absolute;top:50%}.handle-icon.left[data-v-a9698f27]{padding-right:10px;transform:translate(-100%,-50%)}.handle-icon.right[data-v-a9698f27]{padding-left:10px;transform:translateY(-50%)}