.buttons[data-v-2ed56a59]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.375rem}.video-frame-name[data-v-2ed56a59]{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}progress{height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none}progress::-webkit-progress-value{background-color:var(--primary);border-radius:2px}progress::-webkit-progress-bar{background-color:#ddd;border-radius:3px}progress::-moz-progress-bar{background-color:var(--primary);border-radius:2px}.resize-handle{display:none;margin:-8.5px;position:absolute;width:16px;height:16px;background-color:#fff;border:1px solid #000;border-radius:50%}.resize-handle.nw{top:0;left:0;cursor:nwse-resize}.resize-handle.ne{top:0;right:0;cursor:nesw-resize}.resize-handle.sw{bottom:0;left:0;cursor:nesw-resize}.resize-handle.se{bottom:0;right:0;cursor:nwse-resize}.video-frame{border-width:2px;border-style:dotted;border-color:hsla(0,0%,39.2%,.5);background:#000;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.sel-prev:hover{-webkit-box-shadow:0 0 2px 2px rgba(255,0,0,.5);box-shadow:0 0 2px 2px rgba(255,0,0,.5)}.sel-prev:hover .resize-handle{display:block}.sel-title:hover{-webkit-box-shadow:0 0 2px 2px rgba(255,0,0,.5);box-shadow:0 0 2px 2px rgba(255,0,0,.5)}.sel-title:hover .resize-handle{display:block}.sel-over:hover{-webkit-box-shadow:0 0 2px 2px rgba(255,0,0,.5);box-shadow:0 0 2px 2px rgba(255,0,0,.5)}.sel-over:hover .resize-handle{display:block}.unsel-prev:hover{-webkit-box-shadow:0 0 2px 2px rgba(255,0,0,.5);box-shadow:0 0 2px 2px rgba(255,0,0,.5)}.unsel-prev:hover .resize-handle{display:block}.unsel-title:hover{-webkit-box-shadow:0 0 2px 2px rgba(255,0,0,.5);box-shadow:0 0 2px 2px rgba(255,0,0,.5)}.unsel-title:hover .resize-handle{display:block}.unsel-over:hover{-webkit-box-shadow:0 0 2px 2px rgba(255,0,0,.5);box-shadow:0 0 2px 2px rgba(255,0,0,.5)}.unsel-over:hover .resize-handle{display:block}.title-text{text-shadow:none;padding-right:2px;padding-left:2px;cursor:move;line-height:1.2!important}.parent{position:relative;width:100vw;height:100vh}.cross-ver{padding:2px;width:1px;height:100%;left:50%;background-image:repeating-linear-gradient(180deg,red 0,red 7px,transparent 0,transparent 15px)}.cross-hor{padding:2px;height:1px;width:100%;top:50%;background-image:repeating-linear-gradient(90deg,red 0,red 7px,transparent 0,transparent 15px)}body,html{-ms-scroll-chaining:none;overscroll-behavior:none}.video-frame-name-title{background-color:transparent;-ms-flex-line-pack:center;align-content:center}.video-frame-name.pc{pointer-events:none}.bottom-sheet{pointer-events:auto;position:fixed;bottom:-24rem;left:0;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:23.5625rem;overflow:hidden;background-color:var(--bottom-sheet-bg);border-radius:.5625rem .5625rem 0 0;-webkit-box-shadow:0 -.375rem .375rem rgba(0,0,0,.5);box-shadow:0 -.375rem .375rem rgba(0,0,0,.5);padding:.75rem;border-top:solid 1px var(--bottom-sheet-border);-webkit-transition:bottom .3s ease-in-out;transition:bottom .3s ease-in-out}.bottom-sheet.dragging{-webkit-transition:none;transition:none}.bottom-sheet .handler{pointer-events:auto;position:absolute;top:0;left:0;z-index:5;width:100%;height:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:-webkit-grab;cursor:grab}.bottom-sheet .handler:before{content:"";display:block;width:5rem;height:.3rem;border-radius:.15rem;background-color:var(--bottom-sheet-border)}.bottom-sheet .handler:active{cursor:-webkit-grabbing;cursor:grabbing}.bottom-sheet .handler:active:before{background-color:var(--primary)}.v_textarea_wrap[data-v-ba55224c]{overflow:auto}.v_textarea[data-v-ba55224c]{margin-top:.5625rem;border:1px solid #666;border-radius:.1875rem;width:100%;height:6rem;overflow:auto;display:table-cell;padding:10px}.positon-label[data-v-ba55224c]{margin-left:4px}select[data-v-ba55224c]{font-size:.75rem}.row[data-v-ba55224c]{margin:0}label[data-v-ba55224c]{margin-bottom:0}option[data-v-1eb6cf0b]{color:#333}textarea[data-v-1eb6cf0b]{margin-left:40px;width:620px;height:150px;font-size:14px;text-align:left;padding:10px;border:1px solid #666;background-color:#333;color:#fff}.d_textarea_wrap[data-v-1eb6cf0b]{display:table-cell}.charater-container[data-v-1eb6cf0b]{width:100%;border-top:1px solid hsla(0,0%,100%,.1);height:calc(100% - 130px);border-radius:5px;background-color:#333;margin-top:30px}.charater-container2[data-v-1eb6cf0b]{float:left;margin-top:12px}.v_textarea_wrap[data-v-532f8219]{overflow:auto}.v_textarea[data-v-532f8219]{margin-top:.5625rem;border:1px solid #666;border-radius:.1875rem;width:100%;height:6rem;overflow:auto;display:table-cell;padding:10px}.positon-label[data-v-532f8219]{margin-left:4px}select[data-v-532f8219]{font-size:.75rem}.row[data-v-532f8219]{margin:0}label[data-v-532f8219]{margin-bottom:0}.text[data-v-532f8219]{width:100%;text-align:center;font-size:.75rem;color:var(--white)}option[data-v-8ee60d28]{color:#333}.o-pop-body[data-v-8ee60d28]{color:#fff;padding:20px}textarea[data-v-8ee60d28]{margin-left:40px;width:600px;height:300px;font-size:14px;text-align:left;padding:10px;border:1px solid #666;background-color:#333;color:#fff}.v_textarea[data-v-8ee60d28],.v_textarea_wrap[data-v-8ee60d28]{height:300px;width:600px;overflow:auto}.v_textarea[data-v-8ee60d28]{border:1px solid #666;display:table-cell;padding:10px}.positon-label[data-v-8ee60d28]{margin-left:4px}.custom-menu{position:absolute;background:#fff;border:1px solid #ccc;z-index:1000}.menu-item{position:relative;padding:8px;cursor:pointer}.menu-item:hover{background-color:#e0e0e0}.add-layer-menu{position:absolute;background:#fff;border:1px 1px 1px 0 solid #ccc;z-index:1000;top:0;left:100%;width:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:1px}.add-layer-menu div{padding:8px;cursor:pointer}.add-layer-menu div.hovered{background-color:#e0e0e0}.disabled{pointer-events:none;color:grey}#resolutionSelect option{background-color:#444;color:#fff}#resolutionSelect{font-size:14px;line-height:1.8;width:100%}#pop_in{margin-top:10px;width:100%}.t-scroll{overflow-y:auto}.t-img{width:180px;height:101.25px}.t-scroll-y{overflow:hidden;overflow-y:overlay}#virtual_wrapper{width:100%;padding-left:95.5px;-webkit-box-sizing:border-box;box-sizing:border-box}#virtual_wrapper,#virtual_x_scroll{height:8px;background-color:#2b2b2b}#virtual_x_scroll{visibility:hidden;width:calc(100% - 95.5px);overflow:hidden;overflow-x:auto;position:absolute}#virtual_x_scroll .scroll-bar{width:3000px;height:8px;background-color:#2b2b2b}option[data-v-4ce0696f]{color:#333}.o-pop-body[data-v-4ce0696f]{color:#fff;padding:20px}textarea[data-v-4ce0696f]{margin-left:40px;width:600px;height:300px;font-size:14px;text-align:left;padding:10px;border:1px solid #666;background-color:#333;color:#fff}.v_textarea[data-v-4ce0696f],.v_textarea_wrap[data-v-4ce0696f]{height:300px;width:600px;overflow:auto}.v_textarea[data-v-4ce0696f]{border:1px solid #666;display:table-cell;padding:10px}.positon-label[data-v-4ce0696f]{margin-left:4px}.r-col.mobile[data-v-3c2cfdda],.r-row.mobile[data-v-3c2cfdda]{display:none}.m-0.mobile[data-v-3c2cfdda]{margin-top:2.125rem!important;height:15.625rem}.tab-contents-container.current.mobile[data-v-3c2cfdda]{display:none}