.button[data-v-e83642df]{width:100%;height:40px;background:#8a66c7;color:#fff;justify-content:center;align-items:center;display:flex;align-self:center;justify-self:center;cursor:pointer}.button.active[data-v-e83642df],.button[data-v-e83642df]:hover{background:#7053a3}.dropdownmenu[data-v-304d653d]{width:150px;height:30px;border-radius:0;display:flex;align-items:center}.icon[data-v-304d653d]{width:30px;min-width:30px;height:30px;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.icon img[data-v-304d653d]{width:18px}.expand[data-v-304d653d]{height:30px;width:30px;border-radius:0;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.expand img[data-v-304d653d]{width:18px;height:auto}.name[data-v-304d653d]{flex:1;line-height:26px;display:flex;align-items:center;height:100%;width:90px}.name div[data-v-304d653d]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;flex:1}.dropdown[data-v-304d653d]{position:absolute;width:100%;top:100%;left:0;display:flex;justify-content:center;flex-direction:column;border-radius:0;margin-top:2px;gap:2px}.choice[data-v-304d653d]{width:100%;max-width:100%;min-width:100%;height:100%;display:flex;align-items:center;overflow:hidden;box-sizing:border-box;background:#fff;color:#000}.choice[data-v-304d653d]:hover{background:#ccc}.dropdownmenu.purple .choice[data-v-304d653d]{background:#f5e9ff;color:#8a66c7}.dropdownmenu.purple .choice[data-v-304d653d]:hover{background:#e6ccfc}.dropdownmenu.purple img[data-v-304d653d]{filter:invert(45%) sepia(30%) saturate(959%) hue-rotate(221deg) brightness(95%) contrast(87%)}.dropdownmenu.blue .choice[data-v-304d653d]{background:#e8f0fe;color:#1967d2}.dropdownmenu.blue .choice[data-v-304d653d]:hover{background:#d2e3fc}.dropdownmenu.blue img[data-v-304d653d]{filter:invert(22%) sepia(92%) saturate(1713%) hue-rotate(202deg) brightness(110%) contrast(90%)}.onHover[data-v-dcedda9c]{opacity:.3;transition:all .3s ease-in-out;position:absolute;z-index:12;top:15px;right:10px}.camera:hover .onHover[data-v-dcedda9c]{opacity:1}.triggerBtn[data-v-dcedda9c]{color:#fff;cursor:pointer;width:24px;height:auto}.triggerBtn[data-v-dcedda9c]:hover{transform:scale(1.2)}.canvas[data-v-dcedda9c]{background-color:#ffffff4d;width:240px;height:240px;border-radius:10px}.modeSelector[data-v-dcedda9c]{width:100%;padding:5px 3px;font-size:16px;display:flex;align-items:center;gap:5px}.mode[data-v-dcedda9c],.mode[data-v-dcedda9c]:not(.active):hover{width:50%;height:35px;background:#8a66c7;border-radius:3px;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer}.mode[data-v-dcedda9c]:not(.active){background:gray}input[type=file][data-v-dcedda9c]{font-size:0;opacity:0;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;z-index:1;cursor:pointer}input[type=file]>input[data-v-dcedda9c]{cursor:inherit}.uploadBtn[data-v-dcedda9c]{position:absolute;top:calc(100% - 30px);left:50%;transform:translate(-50%,-100%);opacity:.5;z-index:2}.uploadBtn[data-v-dcedda9c]:hover{opacity:1}canvas[data-v-50e5eddd]{height:58px;min-height:58px;max-height:58px}.dropdownmenu[data-v-b2a4c6fc]{width:150px;height:30px;border-radius:0;display:flex;align-items:center}.icon[data-v-b2a4c6fc]{width:30px;min-width:30px;height:30px;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.icon img[data-v-b2a4c6fc]{width:18px}.expand[data-v-b2a4c6fc]{height:30px;width:30px;border-radius:0;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.expand img[data-v-b2a4c6fc]{width:18px;height:auto}.name[data-v-b2a4c6fc]{flex:1;line-height:26px;display:flex;align-items:center;height:100%;width:90px;padding-left:15px}.name div[data-v-b2a4c6fc]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;flex:1}.dropdown[data-v-b2a4c6fc]{position:absolute;width:100%;top:100%;left:0;display:flex;justify-content:center;flex-direction:column;border-radius:0;margin-top:2px;gap:2px}.choice[data-v-b2a4c6fc]{width:100%;max-width:100%;min-width:100%;height:100%;display:flex;align-items:center;overflow:hidden;box-sizing:border-box;background:#fff;color:#000}.choice.active[data-v-b2a4c6fc]{background:#ddd}.choice[data-v-b2a4c6fc]:hover{background:#ccc}.dropdownmenu.purple .choice[data-v-b2a4c6fc]{background:#f5e9ff;color:#8a66c7}.dropdownmenu.purple .choice[data-v-b2a4c6fc]:hover{background:#e6ccfc}.dropdownmenu.purple img[data-v-b2a4c6fc]{filter:invert(45%) sepia(30%) saturate(959%) hue-rotate(221deg) brightness(95%) contrast(87%)}.dropdownmenu.blue .choice[data-v-b2a4c6fc]{background:#e8f0fe;color:#1967d2}.dropdownmenu.blue .choice[data-v-b2a4c6fc]:hover{background:#d2e3fc}.dropdownmenu.blue img[data-v-b2a4c6fc]{filter:invert(22%) sepia(92%) saturate(1713%) hue-rotate(202deg) brightness(110%) contrast(90%)}.onHover[data-v-b8af3bea]{opacity:.3;transition:all .3s ease-in-out;position:absolute;z-index:1;top:5px;left:5px}.onHover[data-v-b8af3bea]:hover{opacity:1}.bar[data-v-b8af3bea]{width:100%;height:-moz-max-content;height:max-content;background:#000;padding:2px;border-radius:0;z-index:1;display:flex;justify-content:space-between;gap:2px}.bar.blue[data-v-b8af3bea]{background:#1967d2}.bar.purple[data-v-b8af3bea]{background:#8a66c7}.layer[data-v-0cc99ae6],.layer[data-v-ba9f9064]{position:absolute;bottom:0;width:240px;height:240px}.layer[data-v-ba9f9064]{pointer-events:none}.layer[data-v-1dc709c0]{position:absolute;bottom:0;width:240px;height:240px}.snapshot[data-v-1dc709c0]{border:3px solid hsla(0,0%,100%,.9);width:43px;height:100%;background:#fff0;position:absolute;z-index:1;top:0;right:-1px;border-radius:0;transition:background .15s ease-in-out}.snapshot.capture[data-v-1dc709c0]{background:#ffffffb3}.layer[data-v-841d1cb9]{position:absolute;bottom:0;width:240px;height:240px;pointer-events:none}.barContainer[data-v-d03e9cda]{width:100%;max-width:100%;padding:5px 0;display:flex;gap:10px;justify-content:space-between;align-items:center}.className[data-v-d03e9cda]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:29px;display:flex;align-items:center;width:60px;height:29px}.barBackground[data-v-d03e9cda]{width:170px;min-width:170px;height:29px;overflow:hidden}.bar[data-v-d03e9cda]{display:flex;padding:0 5px;justify-content:flex-end;width:101%;height:101%;align-items:center;transition:all .1s linear;transform:translate(0)}.bar .value[data-v-d03e9cda]{color:#fff;font-size:10px}.barContainer[data-v-d03e9cda]:nth-child(4n+1){color:#e67701}.barContainer:nth-child(4n+1) .bar[data-v-d03e9cda]{background-color:#e67701}.barContainer:nth-child(4n+1) .barBackground[data-v-d03e9cda]{background-color:#ffece2}.barContainer[data-v-d03e9cda]:nth-child(4n+2){color:#d84c6f}.barContainer:nth-child(4n+2) .bar[data-v-d03e9cda]{background-color:#d84c6f}.barContainer:nth-child(4n+2) .barBackground[data-v-d03e9cda]{background-color:#ffe9ec}.barContainer[data-v-d03e9cda]:nth-child(4n+3){color:#794aef}.barContainer:nth-child(4n+3) .bar[data-v-d03e9cda]{background-color:#794aef}.barContainer:nth-child(4n+3) .barBackground[data-v-d03e9cda]{background-color:#f1f0ff}.barContainer[data-v-d03e9cda]:nth-child(4n+4){color:#1967d2}.barContainer:nth-child(4n+4) .bar[data-v-d03e9cda]{background-color:#1967d2}.barContainer:nth-child(4n+4) .barBackground[data-v-d03e9cda]{background-color:#d2e3fc}.cancel[data-v-d03e9cda]{position:absolute;width:22px;height:22px;top:50%;right:5px;transform:translateY(-50%);color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:.3;padding:3px;background:red;border-radius:50%}.cancel img[data-v-d03e9cda]{width:100%}.cancel[data-v-d03e9cda]:hover{opacity:1}.basis[data-v-920c88df]{padding:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;min-width:100px;min-height:100px;height:-moz-max-content;height:max-content;width:100%;max-width:100%;flex-direction:column}.title[data-v-920c88df]{display:flex;color:#1967d2;background:#e8f0fe;border-bottom-left-radius:0;border-bottom-right-radius:0;height:50px;min-height:50px;justify-content:space-between;width:100%;max-width:100%;border:1px solid #dcdcdc;align-items:center;padding:0 20px;font-size:16px;font-weight:600}.basis.small .title[data-v-920c88df]{height:40px;min-height:40px;padding:0 10px;font-size:14px}.box[data-v-920c88df]{background:#fff;border-top-left-radius:0;border-top-right-radius:0;border:1px solid #dcdcdc;border-top:0;min-height:80px;width:100%;display:flex;padding:8px;flex-wrap:wrap;transition:height .2s ease-in-out;min-height:max(80px,-moz-max-content);min-height:max(80px,max-content);z-index:-1}.box[data-v-920c88df]:has(.drag){z-index:1}.box[data-v-920c88df]:has(.drop){z-index:1}.onTopContainer[data-v-920c88df]:has(.onTop){z-index:1}.expandMenu[data-v-42fd5d71]{width:200px;height:-moz-max-content;height:max-content;background:#fff;position:absolute;top:calc(100% + 25px);z-index:1;box-shadow:0 2px 8px #63636333;padding:5px}.left[data-v-42fd5d71]{left:0}.right[data-v-42fd5d71]{right:0}.expandMenu .item[data-v-42fd5d71]{width:100%;height:32px;padding:0 10px;font-size:12px;display:flex;align-items:center;gap:8px;cursor:pointer;position:relative;text-decoration:none;max-width:100%;box-sizing:border-box;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;background:#fff;outline:none;border:2px solid #fff}.expandMenu .item.disable[data-v-42fd5d71]{filter:grayscale(1);cursor:default;pointer-events:none}.expandMenu img[data-v-42fd5d71]{height:60%}.expandMenu .line[data-v-42fd5d71]{width:100%;height:1px;background:#dadada;margin:8px 0;border-radius:.5px}input[type=file][data-v-42fd5d71]{display:none}.expandMenu .item[data-v-42fd5d71]{color:#000}.expandMenu .item[data-v-42fd5d71]:not(.disable):not(.select):active{border:2px solid #000}.expandMenu .item[data-v-42fd5d71]:not(.disable):not(.select):hover{background:#f1f1f1}.expandMenu.blue .item[data-v-42fd5d71]{color:#1967d2}.expandMenu.blue .item[data-v-42fd5d71]:not(.disable):not(.select):active{border:2px solid #1967d2}.expandMenu.blue .item[data-v-42fd5d71]:not(.disable):not(.select):hover{background:#e8f0fe}.expandMenu.blue img[data-v-42fd5d71]{filter:invert(22%) sepia(92%) saturate(1713%) hue-rotate(202deg) brightness(110%) contrast(90%)}.expandMenu.purple .item[data-v-42fd5d71]{color:#8a66c7}.expandMenu.purple .item[data-v-42fd5d71]:not(.disable):not(.select):active{border:2px solid #8a66c7}.expandMenu.purple .item[data-v-42fd5d71]:not(.disable):not(.select):hover{background:#fae8fe}.expandMenu.purple img[data-v-42fd5d71]{filter:invert(45%) sepia(30%) saturate(959%) hue-rotate(221deg) brightness(95%) contrast(87%)}.container[data-v-f640f82f]{display:flex;align-items:center;gap:10px;height:-moz-max-content;height:max-content;z-index:1;height:45px;padding:30px 20px;background:#fff;border-top:none;border-left:none;border-radius:0 0 15px;width:-moz-max-content;width:max-content;min-width:215px;border-right:none;box-shadow:1.95px 1.95px 2.6px #00000026}.menu[data-v-f640f82f]{width:30px;height:30px;padding:0}.menuBtn[data-v-f640f82f]{width:100%;height:100%;background:#ccc;display:flex;justify-content:center;align-items:center;border-radius:5px;cursor:pointer}.menuBtn[data-v-f640f82f]:hover{background:#bbb}.menuBtn[data-v-f640f82f]:active{background:#aaa}.title[data-v-f640f82f]{color:#000;font-size:18px;font-weight:700;display:flex;align-items:center;gap:10px;width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;max-height:60px;white-space:nowrap}.container.blue .title[data-v-f640f82f]{color:#1967d2}.container.blue .menuBtn[data-v-f640f82f]{background:#4285f4}.container.blue .menuBtn[data-v-f640f82f]:hover{background:#1967d2}.container.blue .menuBtn[data-v-f640f82f]:active{background:#185abc}.container.purple .title[data-v-f640f82f]{color:#8a66c7}.container.purple .menuBtn[data-v-f640f82f]{background:#9a72e0}.container.purple .menuBtn[data-v-f640f82f]:hover{background:#8a66c7}.container.purple .menuBtn[data-v-f640f82f]:active{background:#7053a3}.container[data-v-62928121]{position:fixed;top:0;left:0;width:100%;height:100%;min-width:-moz-max-content;min-width:max-content;min-height:-moz-max-content;min-height:max-content;background:#0000004d;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center}.dialog[data-v-62928121]{box-shadow:0 1px 3px #00000005,0 0 0 1px #1b1f2326;width:250px;box-sizing:content-box;padding:10px 20px;background:#fff}.title[data-v-62928121]{font-weight:600;border-radius:5px 5px 0 0;font-size:16px;color:#000;padding:10px 0}.content[data-v-62928121],.title[data-v-62928121]{display:flex;justify-content:flex-start;align-items:center}.content[data-v-62928121]{border-radius:0;gap:5px;color:#333;font-size:14px;padding:20px 0}.buttonContainer[data-v-62928121]{padding:10px 0;display:flex;justify-content:flex-end;align-items:center;border-radius:0 0 5px 5px;gap:10px}.buttonContainer button[data-v-62928121]{width:-moz-max-content;width:max-content;height:25px;display:flex;justify-content:center;align-items:center;background:transparent;border:none;color:#333;cursor:pointer;outline:none;font-size:14px}.buttonContainer button[data-v-62928121]:hover{-webkit-text-decoration:underline #333;text-decoration:underline #333}.container[data-v-dd235ca7]{position:fixed;top:0;right:0;z-index:3;width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;display:flex;justify-content:center;align-items:center;flex-direction:column}.message[data-v-dd235ca7]{width:220px;height:120px;background:#fdedee;margin:10px 10px 0 0;color:#fe5454;overflow:hidden}.border[data-v-dd235ca7]{border:3px solid #fe5454;width:100%;height:100%;padding:8px;display:flex;flex-direction:column;gap:5px}.message label[data-v-dd235ca7]{display:flex;align-items:center;gap:5px;font-size:16px;font-weight:600}.v-enter-active[data-v-dd235ca7],.v-leave-active[data-v-dd235ca7]{transition:opacity .5s ease-out,transform .5s ease-out}.v-enter-from[data-v-dd235ca7],.v-leave-to[data-v-dd235ca7]{opacity:0;transform:translate(100%)}.container[data-v-99f8ff4d]{position:fixed;top:0;left:0;z-index:3;background:#0000004d;width:100%;height:100%}.container[data-v-99f8ff4d],.loading[data-v-99f8ff4d]{display:flex;justify-content:center;align-items:center}.loading[data-v-99f8ff4d]{background:#e8eaed;height:200px;width:200px;border-radius:50%;overflow:hidden}.loading img[data-v-99f8ff4d]{width:75px;height:75px;filter:drop-shadow(2px 2px 6px gray);animation:shake-99f8ff4d 1s linear infinite;position:absolute;z-index:1;top:35%}.box[data-v-99f8ff4d]{position:absolute;top:25px;color:#888}.box span[data-v-99f8ff4d]{font-size:24px;position:relative;top:0;display:inline-block;animation:bounce-99f8ff4d .3s ease infinite alternate}@keyframes bounce-99f8ff4d{to{top:5px}}.box span[data-v-99f8ff4d]:nth-child(2){animation-delay:.05s}.box span[data-v-99f8ff4d]:nth-child(3){animation-delay:.1s}.box span[data-v-99f8ff4d]:nth-child(4){animation-delay:.15s}.box span[data-v-99f8ff4d]:nth-child(5){animation-delay:.2s}.box span[data-v-99f8ff4d]:nth-child(6){animation-delay:.25s}.box span[data-v-99f8ff4d]:nth-child(7){animation-delay:.3s}.box span[data-v-99f8ff4d]:nth-child(8){animation-delay:.35s}.box span[data-v-99f8ff4d]:nth-child(9){animation-delay:.4s}.box span[data-v-99f8ff4d]:nth-child(10){animation-delay:.45s}.word[data-v-99f8ff4d]{z-index:2;position:absolute;top:20px;font-size:24px;color:#555;animation:shake-99f8ff4d 3s linear infinite}.background[data-v-99f8ff4d]{left:100%;animation:scroll-99f8ff4d 3s linear infinite}@keyframes scroll-99f8ff4d{0%{left:0}to{left:-100%}}@keyframes shake-99f8ff4d{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}.app{box-sizing:unset;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0}body,html{padding:0;margin:0;height:-moz-max-content;height:max-content;min-width:1200px}body{background:#e8eaed;--pin-0-color:#39499f;--pin-1-color:#f16465;--pin-2-color:#383838;--pin-3-color:#2db34a;--pin-4-color:#7c3218;--pin-5-color:#47c7ea}div{padding:0 0;margin:0;box-sizing:border-box;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}*,div{position:relative}*{font-family:"Sans-Serif",Helvetica,Arial,sans-serif;font-size:14px;font-weight:500;letter-spacing:.3px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility;font-smooth:always;z-index:0}.main{--background-color:#e8eaed;--color-primary:#e8f0fe;--color-primary-active:#d2e3fc;--color-secondary:#fff;--color-accent:#527dbf;--border-color:#79a9f7;--font-color-primary:#1967d2;--font-color-secondary:#000;--font-color-accent:#fff;background-color:var(--background-color);border-radius:0;min-height:100%;width:100%;height:100vh;display:flex;position:absolute;justify-content:center}*{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}*,.unselectable{-webkit-user-select:none;-moz-user-select:none;user-select:none}.undraggable{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;pointer-events:none}