@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap);#visSettings p[data-v-4438bd74]{margin-top:0}.switch-row[data-v-333bd3f5]{color:#bbb}.switch-row .label[data-v-333bd3f5]{cursor:pointer}.switch-row .label.active[data-v-333bd3f5]{font-weight:700;text-decoration:underline}#templateSettings input,#templateSettings select{border:none!important;border-bottom:1px solid #5d5e63!important;border-radius:0!important;width:90px!important;margin:0 5px!important}#templateSettings input{width:70px!important}#templateSettings .btn{margin-top:15px}#templateSettings .closeIcon{color:#f64747;font-size:18px;cursor:pointer}#templateSettings p{color:#7c7c7c!important;margin-top:15px!important}#viewSettings p[data-v-b376a9a6]{color:#bbb;margin-top:0}#gifContrSettings p[data-v-58499476]{margin-top:0}#viewSettings p[data-v-4e283600]{color:#bbb;margin-top:0}#imageEditor .imageList[data-v-4e568f44]{flex-wrap:wrap;justify-content:space-between;max-height:150px;overflow-y:auto;margin-bottom:10px!important}#imageEditor .imageList .imageBox[data-v-4e568f44]{width:80px;height:80px;overflow:hidden;background-size:contain;background-position:50%;background-repeat:no-repeat;-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:pixelated;margin:10px;cursor:pointer;display:flex;justify-content:space-between;flex-direction:column}#imageEditor .imageList .imageBox.active[data-v-4e568f44]{border:2px solid #19b5fe;box-sizing:border-box;background-color:#1b1b22}#imageEditor .imageList .imageBox[data-v-4e568f44]:hover{transform:scale(1.1)}#imageEditor .imageList .imageBox:hover .imageName[data-v-4e568f44]{white-space:normal}#imageEditor .imageList .imageBox .imageName[data-v-4e568f44]{background-color:rgba(0,0,0,.6);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;white-space:nowrap;font-size:12px;padding:2px 10px}#imageEditor .imageList .imageBox .delImage[data-v-4e568f44]{align-self:flex-end;padding-top:3px;height:17px;background-color:rgba(0,0,0,.6)}#imageEditor .imageList .imageBox .delImage .material-icons[data-v-4e568f44]{color:#f64747;font-size:20px!important;line-height:.4}select[data-v-cd3f0c48]{width:150px!important}#textEditor .colorInput[data-v-bc907112]{width:80px}#textEditor a[data-v-bc907112]{font-size:14px}#textEditor .alignOptions[data-v-bc907112]{display:flex;align-items:center;color:#5d5e63;border:1.2px solid #5d5e63;padding:5px 10px;border-radius:5px}#textEditor .alignOptions i[data-v-bc907112]{cursor:pointer;font-size:20px}#textEditor .alignOptions i[data-v-bc907112]:hover{color:#bbb}#textEditor .alignOptions i.active[data-v-bc907112]{color:#eee}#textEditor .alignOptions i[data-v-bc907112]:nth-child(2){margin:0 10px}#hoverSettings input[data-v-3f951d2a]{margin:0 10px 0 0!important}#hoverSettings p[data-v-3f951d2a]{color:#7c7c7c!important}#viewSettings select[data-v-bcc08b8c]{width:140px!important}#viewSettings p[data-v-bcc08b8c]{color:#7c7c7c!important}#checkCompSettings input[data-v-e6e2ed3c]{margin:0 10px 0 0!important}#checkCompSettings p[data-v-e6e2ed3c]{color:#7c7c7c!important}#checkCompSettings select[data-v-e6e2ed3c]{width:170px!important}#hoverSettings input[data-v-2f01f966]{margin:0 10px 0 0!important}#hoverSettings p[data-v-2f01f966]{color:#7c7c7c!important}#textInputEditor .heading[data-v-444ce93f]{font-weight:700}#textInputEditor .colorInput[data-v-444ce93f]{width:80px}#textInputEditor p i[data-v-444ce93f]{color:#7c7c7c}#textInputEditor a[data-v-444ce93f]{font-size:14px}#textInputEditor .alignOptions[data-v-444ce93f]{display:flex;align-items:center;color:#5d5e63;border:1.2px solid #5d5e63;padding:5px 10px;border-radius:5px}#textInputEditor .alignOptions i[data-v-444ce93f]{cursor:pointer;font-size:20px}#textInputEditor .alignOptions i[data-v-444ce93f]:hover{color:#bbb}#textInputEditor .alignOptions i.active[data-v-444ce93f]{color:#eee}#textInputEditor .alignOptions i[data-v-444ce93f]:nth-child(2){margin:0 10px}#replicaSettings p[data-v-2dfb25e0]{color:#7c7c7c!important}#replicaSettings .normalCase[data-v-2dfb25e0]{text-transform:none!important}.varBox input,.varBox select{border:none!important;border-bottom:1px solid #5d5e63!important;border-radius:0!important;width:90px!important;margin:0 5px!important}.varBox input{width:70px!important}.varBox .hashtag{margin-left:10px}.varBox .varName{margin-left:-10px!important;padding-left:14px!important}.varBox .btn{margin-top:15px}.varBox .closeIcon{color:#f64747;font-size:18px;cursor:pointer}.varBox p{color:#7c7c7c!important;margin-top:15px!important}.entries{display:flex;flex-direction:column;align-items:flex-start}.entries .entry{padding:6px 8px;width:auto!important;background-color:#1b1b22}.entries .entry .entry-row{display:flex;margin:4px 0}.entries .entry .entry-row .varName{color:#bbb;min-width:80px;display:block}.entries .entry .closeIcon{margin-left:10px}.loadingPrompt[data-v-3bff9256]{z-index:11;position:absolute;top:0;left:0;width:100vw;height:100vh;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:center;align-items:center}.loadingPrompt .errorScreen[data-v-3bff9256],.loadingPrompt .infoScreen[data-v-3bff9256]{padding:30px;box-shadow:0 0 10px rgba(0,0,0,.2);background-color:#27272f;max-width:30vw;color:#bbb}.loadingPrompt .errorScreen h1[data-v-3bff9256],.loadingPrompt .infoScreen h1[data-v-3bff9256]{margin:0;font-size:22px;display:flex;align-items:center}.loadingPrompt .errorScreen h1 .material-icons[data-v-3bff9256],.loadingPrompt .infoScreen h1 .material-icons[data-v-3bff9256]{font-size:24px;color:#f64747;margin-right:10px}.loadingPrompt .errorScreen i[data-v-3bff9256],.loadingPrompt .infoScreen i[data-v-3bff9256]{color:#7c7c7c}.loadingPrompt .errorScreen .action-row[data-v-3bff9256],.loadingPrompt .infoScreen .action-row[data-v-3bff9256]{padding-top:5px;display:flex;justify-content:center}.loadingPrompt .errorScreen .action-row .action[data-v-3bff9256],.loadingPrompt .errorScreen .action-row .close[data-v-3bff9256],.loadingPrompt .infoScreen .action-row .action[data-v-3bff9256],.loadingPrompt .infoScreen .action-row .close[data-v-3bff9256]{background-color:transparent;border:1px solid hsla(0,0%,73.3%,.8);color:hsla(0,0%,73.3%,.8)}.loadingPrompt .errorScreen .action-row .action[data-v-3bff9256]:hover,.loadingPrompt .errorScreen .action-row .close[data-v-3bff9256]:hover,.loadingPrompt .infoScreen .action-row .action[data-v-3bff9256]:hover,.loadingPrompt .infoScreen .action-row .close[data-v-3bff9256]:hover{border:1px solid #bbb;color:#bbb}.loadingPrompt .errorScreen .action-row .action[data-v-3bff9256],.loadingPrompt .infoScreen .action-row .action[data-v-3bff9256]{margin-right:auto;border:1px solid #19b5fe;color:#19b5fe}.loadingPrompt .errorScreen .action-row .action[data-v-3bff9256]:hover,.loadingPrompt .infoScreen .action-row .action[data-v-3bff9256]:hover{border:1px solid rgba(25,181,254,.8);color:rgba(25,181,254,.8)}.loadingPrompt .infoScreen[data-v-3bff9256]{min-width:20vw}.loadingPrompt .infoScreen p[data-v-3bff9256]{display:flex;align-items:center;margin:0 0 20px}.loadingPrompt .infoScreen .material-icons[data-v-3bff9256]{color:#19b5fe;margin-right:10px}.loadingPrompt .infoScreen .action-row .action[data-v-3bff9256]{margin-right:0;margin-left:auto}.loadingPrompt .spin[data-v-3bff9256]{font-size:40px}.dropzone[data-v-54d61510]{height:5px;width:100%;background-color:#5d5e63;transition-duration:.1s}.dropzone.invisible[data-v-54d61510]{height:0}.dropzone.targeted[data-v-54d61510]{background-color:#00adb5;height:30px}.dragging[data-v-54d61510]{opacity:.5}.dragging .dropzone[data-v-54d61510]{display:none}.item[data-v-54d61510]{padding:5px 0 5px 10px;cursor:pointer}.item.posAction[data-v-54d61510]{border-left:2px solid #26e686}.item.negAction[data-v-54d61510]{border-left:2px solid #f64747}.item.not-hovered[data-v-54d61510],.item.primary[data-v-54d61510]{border-left:2px solid rgba(25,181,254,.5)}.item.hovered[data-v-54d61510]{border-left:2px solid rgba(25,181,254,.2)}.itemName[data-v-54d61510]{font-size:17px;align-items:center;color:#bbb}.itemName .material-icons[data-v-54d61510]{margin-right:5px;font-size:18px}.itemName .dragIndicator[data-v-54d61510]{color:transparent;margin-left:auto;margin-right:0}.itemName:hover .dragIndicator[data-v-54d61510]{color:#5d5e63}.itemName .expandBtn[data-v-54d61510]{margin-left:-6px;margin-right:1px}.itemName .expandBtn[data-v-54d61510],.itemName .moreMenuBtn[data-v-54d61510]{color:#7c7c7c}.itemName .expandBtn[data-v-54d61510]:hover,.itemName .moreMenuBtn[data-v-54d61510]:hover{color:#bbb}.active[data-v-54d61510]{background-color:rgba(0,0,0,.2)}.active .itemName[data-v-54d61510]{color:#eee}.invisible .itemName[data-v-54d61510]{color:#5d5e63}.subFolder[data-v-54d61510]{margin-left:20px}.modal[data-v-cd20a5be]{position:absolute;top:0;left:0;width:100vw;height:100vh;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:center;align-items:center}.modal .modalContainer[data-v-cd20a5be]{padding:30px;box-shadow:0 0 10px rgba(0,0,0,.2);background-color:#27272f;max-width:30vw;color:#bbb}.modal .modalContainer h1[data-v-cd20a5be]{margin:0}.modal .modalContainer i[data-v-cd20a5be]{color:#7c7c7c}.modal .modalContainer .action-row[data-v-cd20a5be]{display:flex;padding-top:10px;justify-content:space-between}.modal .modalContainer .action-row .close[data-v-cd20a5be]{background-color:transparent;border:1px solid rgba(25,181,254,.8);color:rgba(25,181,254,.8)}.modal .modalContainer .action-row .close[data-v-cd20a5be]:hover{border:1px solid #19b5fe;color:#19b5fe}.shortcuts[data-v-00e324e0]{line-height:2}.shortcuts span[data-v-00e324e0]{font-size:14px;background-color:#5d5e63;padding:2px 4px 0;border-bottom:3px solid #7c7c7c}.moreBtn[data-v-00e324e0]{display:flex;align-items:center;position:relative}.moreBtn .moreMenu[data-v-00e324e0]{top:100%;position:absolute;display:none;flex-direction:column;background-color:#5d5e63;box-shadow:0 0 7px rgba(0,0,0,.4);padding-bottom:1px}.moreBtn .moreMenu .entry[data-v-00e324e0]{margin:1px;margin-bottom:0;padding:4px 10px;font-size:13px;background-color:#16161d;color:#7c7c7c;cursor:pointer}.moreBtn .moreMenu .entry[data-v-00e324e0]:hover{background-color:#1b1b22;color:#bbb}.moreBtn:hover .moreMenu[data-v-00e324e0]{display:flex}#projectExplorer{height:100%;width:100%;color:#eee;padding:0 7.5vw;box-sizing:border-box}#projectExplorer h1{font-weight:500;font-size:2.5rem;margin:12vh 0;text-align:center}#projectExplorer .importBtn{color:#19b5fe;opacity:.7;font-size:1rem;display:flex;align-items:center;margin-left:1.5rem;cursor:pointer}#projectExplorer .importBtn .material-icons{font-size:1rem;margin-right:.2rem}#projectExplorer .importBtn:hover{opacity:1}#projectExplorer h2{font-weight:500;font-size:1.3em;display:flex}#projectExplorer .projectList{display:flex;margin-left:-2rem;justify-items:stretch;flex-wrap:wrap}#projectExplorer .projectList .card{background-size:cover;background-position:50%;margin-left:2rem;margin-bottom:2rem;cursor:pointer;height:10rem;width:15rem;box-shadow:0 0 10px 0 rgba(0,0,0,.6);transition-duration:70ms}#projectExplorer .projectList .card:hover{box-shadow:0 0 5px 0 rgba(0,0,0,.6)}#projectExplorer .projectList .createNew{color:#26e686;border:1px solid #26e686;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}#projectExplorer .projectList .createNew .material-icons{font-size:2.2rem}#projectExplorer .projectList .createNew:hover{background-color:#27272f}#projectExplorer .projectList .projectCard{display:flex;flex-direction:column}#projectExplorer .projectList .projectCard .bar{display:flex;align-items:center;width:100%;background-color:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#projectExplorer .projectList .projectCard .bar .name{padding:2px 10px}#projectExplorer .projectList .projectCard .bar .name h3{margin:0;margin-bottom:-3px;font-weight:500;font-size:.9rem}#projectExplorer .projectList .projectCard .bar .name span{font-size:.8rem;color:#5d5e63}#projectExplorer .projectList .projectCard .bar .more{position:relative;box-sizing:border-box;margin-left:auto;border-left:1px solid #7c7c7c;padding:8px;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}#projectExplorer .projectList .projectCard .bar .more:hover{background-color:rgba(39,39,47,.3)}#projectExplorer .projectList .projectCard .bar .more .info{opacity:.7;position:absolute;font-weight:200;font-size:1.2rem;background-color:#19b5fe;padding:2px;border-radius:10px;left:-35px}#projectExplorer .projectList .projectCard .openNote{color:#eee;margin:auto auto;padding-top:1rem;font-weight:700;opacity:0;transition-duration:.12s;transition-delay:50ms}#projectExplorer .projectList .projectCard:hover{background-color:#27272f}#projectExplorer .projectList .projectCard:hover .openNote{opacity:1}#projectExplorer .absInfoBar{position:absolute;top:0;right:0;display:flex}#projectExplorer .absInfoBar .storage{width:10rem;color:#bbb;padding:1rem;font-size:.8rem;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:3px solid #7c7c7c}#projectExplorer .absInfoBar .storage .material-icons{cursor:pointer;margin-left:5px;font-size:.8rem}#projectExplorer .absInfoBar .storage .remaining{position:absolute;right:0;bottom:-3px;height:3px;background-color:#19b5fe}#projectExplorer .absInfoBar .openLicensePrompt{height:4rem;width:4rem;display:flex;align-items:center;justify-content:center;background-color:#27272f;cursor:pointer}.exportPrompt[data-v-0d97626a]{position:absolute;top:0;left:0;width:100vw;height:100vh;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:center;align-items:center}.exportPrompt .exportPromptContainer[data-v-0d97626a]{padding:30px;box-shadow:0 0 10px rgba(0,0,0,.2);background-color:#27272f;max-width:30vw;color:#bbb}.exportPrompt .exportPromptContainer h1[data-v-0d97626a]{margin:0}.exportPrompt .exportPromptContainer h1 .material-icons[data-v-0d97626a]{color:#26e686}.exportPrompt .exportPromptContainer i[data-v-0d97626a]{color:#7c7c7c}.exportPrompt .exportPromptContainer .license-key input[type=text][data-v-0d97626a]{width:200px;background-color:transparent;border:none;border-bottom:1.2px solid #5d5e63;color:#bbb;padding:5px 10px;margin-bottom:8px}.exportPrompt .exportPromptContainer .license-key input[type=text][data-v-0d97626a]::-moz-placeholder{font-weight:600;text-transform:uppercase}.exportPrompt .exportPromptContainer .license-key input[type=text][data-v-0d97626a]:-ms-input-placeholder{font-weight:600;text-transform:uppercase}.exportPrompt .exportPromptContainer .license-key input[type=text][data-v-0d97626a]::placeholder{font-weight:600;text-transform:uppercase}.exportPrompt .exportPromptContainer .license-key input[type=text][data-v-0d97626a]:focus{outline:none}.exportPrompt .exportPromptContainer .action-row[data-v-0d97626a]{display:flex;padding-top:5px;justify-content:space-between}.exportPrompt .exportPromptContainer .action-row .export[data-v-0d97626a]{background-color:#26e686;color:#1b1b22}.exportPrompt .exportPromptContainer .action-row .export.inactive[data-v-0d97626a]{background-color:#7c7c7c!important;cursor:not-allowed}.exportPrompt .exportPromptContainer .action-row .close[data-v-0d97626a]{background-color:transparent;border:1px solid rgba(246,71,71,.8);color:rgba(246,71,71,.8)}.exportPrompt .exportPromptContainer .action-row .close[data-v-0d97626a]:hover{border:1px solid #f64747;color:#f64747}.exportPrompt[data-v-25d62c18]{z-index:10;position:absolute;top:0;left:0;width:100vw;height:100vh;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:center;align-items:center}.exportPrompt .exportPromptContainer[data-v-25d62c18]{padding:30px;box-shadow:0 0 10px rgba(0,0,0,.2);background-color:#27272f;width:30rem;color:#bbb}.exportPrompt .exportPromptContainer p[data-v-25d62c18]{margin-bottom:.3rem}.exportPrompt .exportPromptContainer h1[data-v-25d62c18]{display:flex;align-items:center;margin:0;font-size:1.8rem;font-weight:300;margin-bottom:2rem}.exportPrompt .exportPromptContainer h1 .material-icons[data-v-25d62c18]{color:#26e686;margin-right:1rem}.exportPrompt .exportPromptContainer i[data-v-25d62c18]{color:#7c7c7c}.exportPrompt .exportPromptContainer .address input[type=text][data-v-25d62c18]{width:200px;border-radius:0;background-color:transparent;border:none;border-bottom:1.2px solid #5d5e63;color:#bbb;padding:5px 10px;margin-bottom:8px}.exportPrompt .exportPromptContainer .address input[type=text][data-v-25d62c18]::-moz-placeholder{font-weight:600;text-transform:uppercase}.exportPrompt .exportPromptContainer .address input[type=text][data-v-25d62c18]:-ms-input-placeholder{font-weight:600;text-transform:uppercase}.exportPrompt .exportPromptContainer .address input[type=text][data-v-25d62c18]::placeholder{font-weight:600;text-transform:uppercase}.exportPrompt .exportPromptContainer .address input[type=text][data-v-25d62c18]:focus{outline:none}.exportPrompt .exportPromptContainer .command[data-v-25d62c18]{display:flex;align-items:center}.exportPrompt .exportPromptContainer .command .copyBtn[data-v-25d62c18]{cursor:pointer;margin-left:.5rem;font-size:1.2rem}.exportPrompt .exportPromptContainer .command input[type=text][data-v-25d62c18]{border:none;border-radius:0;width:200px;padding:5px 13px;background-color:#1b1b22;color:#bbb;white-space:nowrap;display:block}.exportPrompt .exportPromptContainer .command input[type=text][data-v-25d62c18]:focus{outline:none}.exportPrompt .exportPromptContainer .action-row[data-v-25d62c18]{margin-top:1.5rem;display:flex;padding-top:5px;align-items:center}.exportPrompt .exportPromptContainer .action-row .export[data-v-25d62c18]{background-color:#26e686;color:#1b1b22;margin-left:1rem;margin-right:auto}.exportPrompt .exportPromptContainer .action-row .export.inactive[data-v-25d62c18]{background-color:#7c7c7c!important;cursor:not-allowed}.exportPrompt .exportPromptContainer .action-row .close[data-v-25d62c18]{margin-left:auto;background-color:transparent;border:1px solid rgba(246,71,71,.8);color:rgba(246,71,71,.8)}.exportPrompt .exportPromptContainer .action-row .close[data-v-25d62c18]:hover{border:1px solid #f64747;color:#f64747}body{background-color:#1b1b22;color:#eee;padding:0;margin:0;height:100vh;font-family:Nunito,sans-serif}input[type=radio]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;border-radius:10px;border:1px solid #5d5e63;background-color:transparent;margin-right:.5rem}input[type=radio]:checked{background-color:#bbb;border:3px solid #5d5e63}.spin{-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;cursor:default}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes pulseBorder{0%{border-width:1px}50%{border-width:4px}to{border-width:1px}}@keyframes pulseBorder{0%{border-width:1px}50%{border-width:4px}to{border-width:1px}}.row{display:flex}.label{color:#7c7c7c;text-transform:uppercase;font-size:14px}a{color:#19b5fe;text-decoration:none}.btn,a{cursor:pointer}.btn{display:flex;padding:5px 15px;align-items:center;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#16161d;color:#bbb}.btn:hover{background-color:#1b1b22}.btn .material-icons{font-size:20px;margin-left:-3px;margin-right:7px}.btn .text{font-size:16px;font-weight:500}.red-text{color:#f64747!important}.absoluteMenu{z-index:5;position:fixed;background-color:#16161d;color:#bbb;border-radius:10px;display:none;box-shadow:0 0 10px rgba(0,0,0,.2);overflow:hidden;transition-duration:.15s;transition-property:opacity}@media screen and (max-height:1080px){.absoluteMenu{max-height:50vh;overflow-y:auto}}.absoluteMenu .divider{width:100%;height:1px;background-color:#27272f}.absoluteMenu .divider.lighter{background-color:#7c7c7c}.absoluteMenu .entry{display:flex;align-items:center;font-size:16px;padding:7px 15px 7px 10px;cursor:pointer}.absoluteMenu .entry:hover{background-color:#27272f;color:#eee}.absoluteMenu .entry .material-icons{font-size:15px;margin-right:8px}#app{display:flex;flex-direction:column;height:100%;position:relative}#app .head{display:flex;align-items:center;padding:20px 20px;background-color:#16161d;z-index:3}#app .head .syncStatus{color:#26e686}#app .head .syncStatus .row{align-items:center}#app .head .syncStatus .row .dot{box-sizing:border-box;height:10px;width:10px;border-radius:10px;margin-right:.2rem;margin-bottom:3px;background-color:#26e686;border:3px solid rgba(39,39,47,.5);-webkit-animation-name:pulseBorder;animation-name:pulseBorder;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}#app .head .syncStatus.pending{color:#19b5fe}#app .head .syncStatus.pending .dot{background-color:#19b5fe}#app .head .syncStatus .detail{opacity:.7;display:block;margin-top:-5px;font-size:.8rem}#app .head .syncStatus .detail a{color:unset;text-decoration:underline;margin-right:5px;text-transform:uppercase}#app .head .exitBtn{border-right:1px solid #5d5e63;color:#5d5e63;display:flex;justify-content:center;align-items:center;height:calc(100% + 40px);width:5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-left:-20px;margin-right:20px}#app .head .exitBtn span{transform:scaleX(-1)}#app .head .exitBtn:hover{background-color:#5d5e63;color:#7c7c7c}#app .head .label{color:#5d5e63;font-weight:700}#app .head .center{margin:0 auto;display:flex;align-items:baseline}#app .head .inputProjectName{background-color:unset;padding:5px 10px;border-radius:0;width:100px;color:#7c7c7c;font-weight:400;font-size:20px;border:none;text-align:right}#app .head .inputProjectName:focus{outline:none}#app .head .size input{background-color:transparent;border:none;width:20px;text-align:center;color:#7c7c7c;font-size:17px}#app .head .size input:focus{outline:none}#app .head .size input::-webkit-inner-spin-button,#app .head .size input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#app .head .size input[type=number]{-moz-appearance:textfield}#app .head .sync{border:1px solid #7c7c7c;color:#7c7c7c;position:relative}#app .head .sync:hover{color:#19b5fe;border-color:#19b5fe}#app .head .export{margin-left:10px;background-color:#26e686;color:#27272f}#app .head .save{margin-left:10px;border:1px solid #26e686;color:#26e686}#app .head .save.inactive{border-color:#7c7c7c;color:#7c7c7c}#app .mainSpace{margin:0;flex-grow:1;overflow:hidden;position:relative}#app #compTree{min-width:15vw;max-width:25vw;background-color:#27272f;display:flex;flex-direction:column;justify-content:space-evenly}#app #compTree .compAddMenu{top:50%}#app #compTree .actualTree{margin-top:0;padding:10px 5px 10px 0;height:90%;overflow-y:auto;box-sizing:border-box;border-bottom:1px solid #16161d}#app #compTree .btn{margin:auto auto}#app #settings{min-width:20vw;max-width:25vw;overflow-y:auto;background-color:#27272f}#app #settings .settings-box{padding:20px;padding-top:0}#app #settings .divider{width:100%;height:1px;background-color:#1b1b22}#app #settings h1,#app #settings h2{display:flex;align-items:center;justify-content:center;margin:20px 0;font-weight:400;font-size:24px;color:#bbb}#app #settings h1 .material-icons,#app #settings h2 .material-icons{color:#7c7c7c;font-size:20px;margin-right:15px}#app #settings .label.heading{margin-top:15px}#app #settings h2{font-size:20px}#app #settings h2 .material-icons{font-size:18px;margin-right:10px}#app #settings h3{color:#7c7c7c;text-transform:uppercase;font-weight:700;font-size:16px;margin-top:20px}#app #settings .settings-row{margin:10px 0 0;display:flex;align-items:center;width:100%}#app #settings .settings-row.disribute{justify-content:space-between}#app #settings input,#app #settings select,#app #settings textarea{background-color:transparent;border:1.2px solid #5d5e63;border-radius:5px;color:#bbb;padding:5px 10px;margin-left:10px}#app #settings input option,#app #settings select option,#app #settings textarea option{color:#5d5e63}#app #settings input:focus,#app #settings select:focus,#app #settings textarea:focus{outline:none}#app #settings input[type=color]{padding:0}#app #settings .input-box{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:1.2px solid #5d5e63;border-radius:5px;color:#bbb;padding:5px 10px;margin-right:15px;display:flex;align-items:center}#app #settings .input-box span{padding-left:10px;min-width:20px;text-align:center;font-size:14px}#app #settings .input-box input,#app #settings .input-box select{background-color:transparent;border:none;padding:0 10px 0 0;width:40px;text-align:right;font-size:15px;border-radius:0;border-right:1.2px solid #7c7c7c;color:#bbb}#app #settings .input-box input option,#app #settings .input-box select option{background-color:#1b1b22;color:#bbb}#app #settings .input-box input:focus,#app #settings .input-box select:focus{outline:none}#app #settings .clickActions .addAction{margin:0 auto 10px;background-color:transparent;border:1px solid #bbb;color:#bbb}#app #settings .clickActions #actionEditor{box-shadow:0 0 7px rgba(0,0,0,.4);margin:20px 0 0;padding:15px}#app #settings .clickActions #actionEditor h2{margin-top:0;margin-bottom:10px;justify-content:start}#app #settings p{color:#bbb;margin-top:5px}#app #settings .gen-box .label{min-width:70px}#app #settings .gen-box .id-box input{width:100px;text-align:center;color:#7c7c7c}#app #settings .gen-box .id-box .material-icons{font-size:20px;color:#7c7c7c;cursor:pointer;margin-left:7px}#app #settings .gen-box .id-box .material-icons:hover{color:#bbb}#app .canvasContainer{flex-grow:1;overflow:auto;position:relative}#app .canvasContainer::-webkit-scrollbar{width:8px;height:8px}#app .canvasContainer::-webkit-scrollbar-track{background:transparent}#app .canvasContainer::-webkit-scrollbar-corner,#app .canvasContainer::-webkit-scrollbar-thumb{background:rgba(93,94,99,.8)}#app .canvasContainer::-webkit-scrollbar-thumb:hover{background:#5d5e63}#app .canvasContainer #canvasPadding{margin:auto;padding:40px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#app .canvasContainer #canvasPadding #canvas{display:block;border:1px solid #5d5e63;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:pixelated}#app .canvasContainer .toolbar{position:fixed;bottom:2rem;width:20rem;height:3rem;background-color:#27272f;left:calc(50% - 10rem);display:flex;align-items:center}#app .canvasContainer .toolbar .zoom{margin-right:auto;margin-left:15px}#app .canvasContainer .toolbar .zoom select{background-color:transparent;width:65px;color:#bbb;border:none;margin-left:10px;padding:4px 2px}#app .canvasContainer .toolbar .zoom select:hover{background-color:#5d5e63}#app .canvasContainer .toolbar .zoom select:focus{outline:none}#app .canvasContainer .toolbar .zoom select option{background-color:#27272f}#app .canvasContainer .toolbar .historyControls .btnHstr{box-sizing:content-box;border-left:1px solid #5d5e63;color:#bbb;display:flex;justify-content:center;align-items:center;height:3rem;width:3rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#app .canvasContainer .toolbar .historyControls .btnHstr:hover{background-color:#5d5e63}#app .canvasContainer .toolbar .historyControls .btnHstr.inactive{color:#5d5e63;cursor:not-allowed}#app .canvasContainer .toolbar .historyControls .btnHstr.inactive:hover{background-color:unset}