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