.twentytwenty-container{position:relative;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAALUlEQVQokWO8e/fufwYsQElJCZswAxNWUTxgOGhg/P//P9ZQunfvHnVsGA4aAHOaCql9sgKIAAAAAElFTkSuQmCC)}.twentytwenty-container img{max-width:100%;position:absolute;top:0;left:0;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:20}.twentytwenty-container .twentytwenty-overlay{z-index:25;width:100%;height:100%;top:0;position:absolute;background:rgba(0,0,0,.5);opacity:0;transition-property:opacity;transition-duration:.5s}.twentytwenty-container .twentytwenty-overlay .twentytwenty-after-label,.twentytwenty-container .twentytwenty-overlay .twentytwenty-before-label{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;font-size:.8em;top:calc(50% - .4em - 5px);padding:10px;background:hsla(0,0%,100%,.4);color:#fff}.twentytwenty-container .twentytwenty-overlay .twentytwenty-before-label{left:0}.twentytwenty-container .twentytwenty-overlay .twentytwenty-after-label{right:0}.twentytwenty-container:hover>.twentytwenty-overlay{opacity:1}.twentytwenty-container .twentytwenty-handle{cursor:move;z-index:30;position:absolute;background:none;border:4px solid #fff;border-radius:50px;margin-left:-4px;margin-top:-4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.twentytwenty-container .twentytwenty-handle:active,.twentytwenty-container .twentytwenty-handle:focus{outline:0}.twentytwenty-container .twentytwenty-handle:before{top:40px}.twentytwenty-container .twentytwenty-handle:after{bottom:40px}.twentytwenty-container .twentytwenty-arrow-left,.twentytwenty-container .twentytwenty-arrow-right{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;width:0;height:0}.twentytwenty-container .twentytwenty-arrow-right{bottom:10px;left:23px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #fff}.twentytwenty-container .twentytwenty-arrow-left{top:10px;left:7px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #fff}#mattingHead-container[data-v-81e9f71e]{text-align:center;width:100%;height:100%;border:1px solid #aac1ee}#pictureFrame[data-v-81e9f71e]{position:relative;margin:auto;box-sizing:border-box;width:100%;height:calc(100% - 60px);overflow:hidden;border-bottom:2px solid #ccc;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAALUlEQVQokWO8e/fufwYsQElJCZswAxNWUTxgOGhg/P//P9ZQunfvHnVsGA4aAHOaCql9sgKIAAAAAElFTkSuQmCC)}#dashFrame[data-v-81e9f71e]{border:2px dashed #e6eeff;margin:20px;padding:165px 0}#imgCanvas[data-v-81e9f71e]{position:absolute;display:none}#imgCanvas[data-v-81e9f71e]:hover{cursor:grab}#penCanvas[data-v-81e9f71e]{position:absolute}#penCanvas[data-v-81e9f71e]:hover{cursor:grab}#cropFrame[data-v-81e9f71e]{display:none;position:absolute;border:2px dashed #000;width:0;height:0}#cropFrame[data-v-81e9f71e]:hover{cursor:grab;border:3px dashed red}#cropTools[data-v-81e9f71e]{position:absolute;height:0;overflow-y:hidden;left:8px;top:-70px;transition:.2s;z-index:1;background:#fff}.cropButton[data-v-81e9f71e]{text-align:center;width:55px;border:2px solid #f9f;border-top:none;padding-bottom:3px;padding-top:3px;opacity:.3;font-size:14px;color:#000}.cropButton[data-v-81e9f71e]:hover{border-bottom:2px solid #f6f;cursor:pointer;opacity:1;color:#000}#eraserPointer[data-v-81e9f71e]{display:none;position:absolute;border-radius:50%;width:10px;height:10px;background-color:green;top:50%;left:50%}.matting_order_root[data-v-40ebc621]{height:100%;width:100%;padding:10px 5px;display:flex;flex-direction:column;align-items:center}.matting_order_root .matting_order_list[data-v-40ebc621]{flex:1;width:100%;overflow-y:scroll;padding-bottom:10px}.matting_order_root .buttons[data-v-40ebc621]{width:100%;text-align:center}