.timeRange[data-v-fc8b391b]{gap:10px;height:50px;width:100%}.timeRange[data-v-fc8b391b],.timeRange .play[data-v-fc8b391b]{align-items:center;display:flex;justify-content:center}.timeRange .play[data-v-fc8b391b]{cursor:pointer;font-size:30px;height:100%;margin-top:6px}.timeRange .thumbnail-area[data-v-fc8b391b]{height:100%;margin-top:8px;position:relative;width:80%}.timeRange .thumbnail-area .image-sliders .sliders-background[data-v-fc8b391b]{background-size:contain;display:flex;height:46px;left:15px;overflow-x:hidden;position:absolute;top:2px;width:calc(100% - 30px)}.timeRange .thumbnail-area .image-sliders .sliders-left-area[data-v-fc8b391b],.timeRange .thumbnail-area .image-sliders .sliders-right-area[data-v-fc8b391b]{background:#ffffff80;height:100%;left:0;position:absolute;top:0;width:0}.timeRange .thumbnail-area .image-sliders .sliders-left-button[data-v-fc8b391b],.timeRange .thumbnail-area .image-sliders .sliders-right-button[data-v-fc8b391b]{background:var(--primary);border:none;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:15px;z-index:6}.timeRange .thumbnail-area .image-sliders .sliders-left-button[data-v-fc8b391b]:after,.timeRange .thumbnail-area .image-sliders .sliders-right-button[data-v-fc8b391b]:after{background:#fff;border-radius:2px;content:"";height:26px;left:7px;position:absolute;top:14px;width:2px}.timeRange .thumbnail-area .image-sliders .sliders-left-button[data-v-fc8b391b]{border-radius:4px 0 0 4px}.timeRange .thumbnail-area .image-sliders .sliders-right-button[data-v-fc8b391b]{border-radius:0 4px 4px 0}.timeRange .thumbnail-area .image-sliders .sliders-center-area[data-v-fc8b391b]{border:2px solid var(--primary);border-left:0;border-right:0;box-sizing:border-box;height:100%;left:15px;position:absolute;top:0;width:100%}.timeRange .thumbnail-area .image-sliders .sliders-center-area .play-slider[data-v-fc8b391b]{background:#1e90ff;border-radius:2px;cursor:pointer;height:60px;left:157px;position:absolute;top:-7px;width:4px}.skeletonRow[data-v-5bcf76f1]{display:flex;flex-direction:row;gap:10px;margin:10px 30px;width:100%}.imageRow[data-v-5bcf76f1]{margin:10px 30px;overflow-x:auto;overflow-y:hidden}.imageRow .drag[data-v-5bcf76f1]{flex-direction:row}.imageRow .drag[data-v-5bcf76f1],.imageRow .drag .maskContainer[data-v-5bcf76f1]{display:flex;gap:10px}.imageRow .drag .maskContainer .previewBox[data-v-5bcf76f1]{display:inline-block;line-height:0;position:relative;transition:all .5s ease}.imageRow .drag .maskContainer .previewBox .mask[data-v-5bcf76f1]{align-items:center;background:#0000004d;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0}.imageRow .drag .maskContainer .previewBox .mask .imgIndex[data-v-5bcf76f1]{align-items:center;background:#0006;border-radius:50%;color:#e3e3e3;display:flex;font-size:25px;height:35px;justify-content:center;width:35px}.imageRow .drag .maskContainer .previewBox .mask .imgOperation[data-v-5bcf76f1]{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.imageRow .drag .maskContainer .previewBox .mask .svgBox[data-v-5bcf76f1]{align-items:center;background-color:transparent;border-radius:50%;cursor:pointer;display:flex;font-size:25px;justify-content:center;-webkit-tap-highlight-color:transparent;border:none}.imageRow .drag .maskContainer .previewBox .mask .svgBox svg[data-v-5bcf76f1]{fill:#e3e3e3}.imageRow .drag .maskContainer .previewBox .mask .moveImg[data-v-5bcf76f1]{cursor:move}.imageRow .drag .maskContainer .separatorBox[data-v-5bcf76f1]{display:inline-block;position:relative;transition:background-color .3s;width:5px}.imageRow .drag .maskContainer .separatorBox:hover .separator[data-v-5bcf76f1]{background:linear-gradient(to bottom,var(--primary) 40%,transparent 40%,transparent 60%,var(--primary) 60%)}.imageRow .drag .maskContainer .separatorBox:hover .addIcon[data-v-5bcf76f1]{fill:#000;cursor:pointer}.imageRow .drag .maskContainer .separatorBox .separator[data-v-5bcf76f1]{background-color:transparent;height:100%;margin:0 auto;width:1px}.imageRow .drag .maskContainer .separatorBox .addIcon[data-v-5bcf76f1]{font-size:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);fill:transparent}.imageRow .list-enter-active[data-v-5bcf76f1],.imageRow .list-leave-active[data-v-5bcf76f1],.imageRow .list-move[data-v-5bcf76f1]{transition:all .5s ease}.imageRow .list-enter-from[data-v-5bcf76f1],.imageRow .list-leave-to[data-v-5bcf76f1]{opacity:0;transform:translateY(-180px)}.imageRow .list-leave-active[data-v-5bcf76f1]{position:absolute}.imageRow[data-v-5bcf76f1]::-webkit-scrollbar{height:10px;width:10px}.imageRow[data-v-5bcf76f1]::-webkit-scrollbar-track{border-radius:2em}.imageRow[data-v-5bcf76f1]::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:transparent;border-radius:2em;cursor:pointer;min-height:28px}.imageRow[data-v-5bcf76f1]::-webkit-scrollbar-thumb:hover{background-color:#9092984d}.imageRow[data-v-5bcf76f1]:hover::-webkit-scrollbar-thumb{background-color:#90929880}.addImg[data-v-5bcf76f1]{height:0;opacity:0;position:absolute}/*!
* Cropper.js v1.6.2
* https://fengyuanchen.github.io/cropperjs
*
* Copyright 2015-present Chen Fengyuan
* Released under the MIT license
*
* Date: 2024-04-21T07:43:02.731Z
*/.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-f45f43a9],[data-v-f45f43a9]::backdrop,[data-v-f45f43a9]:after,[data-v-f45f43a9]:before{--tw-border-style:solid;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-content:""}}}.button[data-v-f45f43a9]{border-color:var(--color-gray-300,oklch(87.2% .01 258.338));border-style:var(--tw-border-style);border-width:2px;cursor:pointer;height:calc(var(--spacing,.25rem)*8);padding-inline:calc(var(--spacing,.25rem)*1.5);text-align:center;transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));align-items:center;background-color:#0000;border-radius:.25rem;display:inline-flex;justify-content:center;transition-duration:.3s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.button[data-v-f45f43a9]:before{top:calc(var(--spacing,.25rem)*9);z-index:10;--tw-translate-x:-50%;background-color:var(--color-gray-800,oklch(27.8% .033 256.848));border-radius:var(--radius-md,.375rem);color:var(--color-white,#fff);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));padding:calc(var(--spacing,.25rem)*1.5);text-align:center;transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,);translate:var(--tw-translate-x)var(--tw-translate-y);white-space:pre;--tw-duration:.6s;--tw-content:attr(data-tooltip);content:var(--tw-content);left:50%}.button[data-v-f45f43a9]:after,.button[data-v-f45f43a9]:before{opacity:0;position:absolute;transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-duration:.6s;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));visibility:hidden}.button[data-v-f45f43a9]:after{border-color:#0000;border-style:var(--tw-border-style);border-width:4px;border-bottom:4px var(--tw-border-style) var(--color-gray-800,oklch(27.8% .033 256.848));top:calc(var(--spacing,.25rem)*7);--tw-duration:.6s}.button[data-v-f45f43a9]:hover{background-color:var(--color-gray-200,oklch(92.8% .006 264.531));color:var(--color-gray-800,oklch(27.8% .033 256.848))}.button[data-v-f45f43a9]:hover:after,.button[data-v-f45f43a9]:hover:before{opacity:1;visibility:visible}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}