body,html{margin:0;padding:0}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:Inconsolata,monospace;font-family:Poppins,sans-serif}button,input,select,textarea{outline:none}button{border:none;background-color:#e6e6e6;padding:5px 10px;border-radius:10px;cursor:pointer}button,button:hover{-webkit-transition:.2s;transition:.2s}button:hover{background-color:#a8a8a8}input:not([type=color]){border:none;background-color:#e6e6e6;padding:5px 10px;border-radius:10px;-webkit-transition:.2s;transition:.2s}input[type=color]{border:none;cursor:pointer}.fade-in{-webkit-animation:fadeIn .2s 1;animation:fadeIn .2s 1}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}.move-in-up{-webkit-animation:move-in-up .2s 1;animation:move-in-up .2s 1}@-webkit-keyframes move-in-up{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}to{-webkit-transform:translate(0);transform:translate(0);opacity:1}}@keyframes move-in-up{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}to{-webkit-transform:translate(0);transform:translate(0);opacity:1}}.container{width:100%;height:100vh;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}.panel{width:300px;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.44);box-shadow:0 0 15px 0 rgba(0,0,0,.44);padding:10px;border-radius:6px}.submit{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.field,.submit{display:-webkit-box;display:-ms-flexbox;display:flex}.field{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:2px 0}.center,.round-button{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.round-button{padding:0;margin:0;height:30px;width:30px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-box-shadow:0 0 5px 0 #000;box-shadow:0 0 5px 0 #000}.round-button,.round-button:hover{-webkit-transition:.2s;transition:.2s}.round-button:hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.round-button:disabled{opacity:.7;cursor:not-allowed}.round-button:disabled:hover{-webkit-transform:scale(1);transform:scale(1)}.transition-300{-webkit-transition:1s;transition:1s}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#757575;border-radius:20px}::-webkit-scrollbar-thumb{background-color:#b4b4b4;border-radius:20px}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#app.locked{background:linear-gradient(120deg,#1b1b1b,#000);-webkit-animation:lockedBackground 5s infinite;animation:lockedBackground 5s infinite}#app.listening,#app.locked{width:100%;height:100vh;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;color:#fff;font-size:2rem;font-weight:700;overflow:hidden;position:relative;z-index:0;-webkit-transition:background 1s ease-in-out;transition:background 1s ease-in-out}#app.listening{background:linear-gradient(120deg,#1b1b1b,#000);background:linear-gradient(135deg,#80f,#24acb6,#158d91);-webkit-animation:listeningBackground 3s infinite;animation:listeningBackground 3s infinite}#app.unlocked{background:-webkit-gradient(linear,left bottom,left top,from(#80f),to(#24acb6));background:linear-gradient(0deg,#80f,#24acb6);-webkit-transition:background 1s ease-in-out;transition:background 1s ease-in-out}.particles{position:absolute;inset:0;pointer-events:none;background:radial-gradient(hsla(0,0%,100%,.1),transparent);-webkit-animation:sparkle 3s infinite;animation:sparkle 3s infinite;z-index:1}@-webkit-keyframes lockedBackground{0%,to{background-position:0 0}50%{background-position:100% 100%}}@keyframes lockedBackground{0%,to{background-position:0 0}50%{background-position:100% 100%}}@-webkit-keyframes listeningBackground{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes listeningBackground{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@-webkit-keyframes sparkle{0%,to{opacity:.2;-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}50%{opacity:.6;-webkit-transform:rotate(1turn) scale(1.2);transform:rotate(1turn) scale(1.2)}}@keyframes sparkle{0%,to{opacity:.2;-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}50%{opacity:.6;-webkit-transform:rotate(1turn) scale(1.2);transform:rotate(1turn) scale(1.2)}}.fade-in{-webkit-animation:fadeIn 1s ease-in-out;animation:fadeIn 1s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.canvas[data-v-e8d0150a]{position:relative;overflow:hidden;cursor:-webkit-grab;cursor:grab}.object[data-v-5d977f06]{position:absolute;border-radius:6px;-webkit-box-shadow:0 0 17px -2px rgba(0,0,0,.49);box-shadow:0 0 17px -2px rgba(0,0,0,.49)}.dragging>.hold-on[data-v-5d977f06]{-webkit-transition:.2s;transition:.2s;background-color:rgba(0,0,0,.5)}.hold-on[data-v-5d977f06]{height:20px;-webkit-transition:.2s;transition:.2s;background-color:rgba(0,0,0,.3);margin:4px;border-radius:6px;position:relative;-webkit-transition:50ms;transition:50ms}.options[data-v-5d977f06]{position:absolute;right:-40px;top:0;width:50px;height:100px}.options>[data-v-5d977f06]{display:none}.object:hover>.options>[data-v-5d977f06],.options:hover>[data-v-5d977f06]{display:inline}.delete-button[data-v-5d977f06]{position:absolute;right:0;top:24px;background-color:#b60101}.settings-button[data-v-5d977f06]{position:absolute;right:0;top:58px;background-color:#0192b6}.lock-button[data-v-5d977f06]{position:absolute;right:0;top:94px;background-color:#666}.delete-button[data-v-5d977f06]:hover{background-color:#6d0000}.settings-button[data-v-5d977f06]:hover{background-color:#00696d}.lock-button[data-v-5d977f06]:hover{background-color:#3a3a3a}.content[data-v-5d977f06]{height:calc(100% - 40px);padding:5px}span.name-label[data-v-5d977f06]{position:absolute;bottom:5px;left:5px;font-size:10px}.resize[data-v-5d977f06]{position:absolute;right:-5px;bottom:-5px;width:15px;height:15px;cursor:se-resize!important}textarea[data-v-6a7f9154]{height:100%;overflow-y:hidden}p[data-v-6a7f9154],textarea[data-v-6a7f9154]{background-color:transparent;border:none;width:100%}p[data-v-6a7f9154]{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;cursor:text;font-size:12px}.text-object[data-v-6a7f9154]{overflow-y:scroll}.empty[data-v-6a7f9154]{color:#9a9a9a;font-size:12px}.parsed-text[data-v-6a7f9154]{word-wrap:break-word}[data-v-6a7f9154]::-webkit-scrollbar,[data-v-6a7f9154] ::-webkit-scrollbar{width:0;background:transparent}.search>p[data-v-af661ab2]{padding:0;margin:0}.search>p>span[data-v-af661ab2]{text-decoration:underline;cursor:pointer}.results[data-v-af661ab2]{margin:5px 0 0;overflow-y:scroll;height:175px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.results>img[data-v-af661ab2]{width:50%;height:50%;cursor:pointer}.img-wrapper>img[data-v-af661ab2],.img-wrapper[data-v-af661ab2]{width:100%;height:100%}.object-settings[data-v-23f04761]{margin:5px 0 0;padding:5px;border-radius:6px}.close-button[data-v-23f04761]{position:absolute;right:5px;background-color:#b60101;color:#fff!important}.close-button[data-v-23f04761]:hover{background-color:#6d0000}.field[data-v-23f04761]{padding:0 50px 0 0}.board-settings[data-v-10549e8c]{margin:10px 0}.toolbar[data-v-10549e8c]{position:absolute;top:0;right:0;bottom:0;width:100px;background-color:#ccc;-webkit-transform:translate(70%);transform:translate(70%);-webkit-transition:.3s;transition:.3s;z-index:2;opacity:.5}.toolbar>.content[data-v-10549e8c]{display:none}.toolbar[data-v-10549e8c]:hover{-webkit-transform:translate(0);transform:translate(0);-webkit-transition:.3s;transition:.3s;opacity:1}.toolbar:hover>.content[data-v-10549e8c]{display:initial}.content[data-v-10549e8c]{position:absolute;top:0;left:5px;width:90px;height:100%;-webkit-animation:fadeIn .2s 1;animation:fadeIn .2s 1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.item[data-v-10549e8c]{width:90px;height:90px;background-color:#ccc;border-radius:4px;cursor:pointer;position:relative;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.44);box-shadow:0 0 15px 0 rgba(0,0,0,.44);margin:5px 0;-webkit-transition:.3s;transition:.3s}.item[data-v-10549e8c]:hover{-webkit-box-shadow:0 0 10px 0 #000;box-shadow:0 0 10px 0 #000}.item-content[data-v-10549e8c]{padding:5px 3px 3px;font-size:13px}.text-object>.item-content[data-v-10549e8c]{padding:10px 0 0 5px;font-size:10px}.item-grab-bar[data-v-10549e8c]{position:absolute;background-color:#636363;top:3px;left:3px;right:3px;height:5px}.canvas-settings[data-v-3a6830a0],.top[data-v-10549e8c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.canvas-settings[data-v-3a6830a0]{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.panel[data-v-3a6830a0]{z-index:2;background-color:#fff}.choose-colour[data-v-3a6830a0]{width:30%}.close-button[data-v-3a6830a0]{position:absolute;right:10px;top:10px;color:#fff;background-color:#b60101}.close-button[data-v-3a6830a0]:hover{background-color:#6d0000}.panel[data-v-3a6830a0]{position:relative}.custom-styling[data-v-3a6830a0]{font-family:Roboto Mono,monospace;resize:none;width:50%}.field[data-v-3a6830a0]{margin:10px 0}.cursor[data-v-3a656406]{position:absolute;-webkit-transition:.1s;transition:.1s;z-index:3;display:-webkit-box;display:-ms-flexbox;display:flex}img[data-v-3a656406]{width:20px}span.name[data-v-3a656406]{font-size:10px;-webkit-transform:translateY(10px);transform:translateY(10px)}html[data-v-a3320c4e]{height:100vh}.submit[data-v-a3320c4e]{padding:30px 0}
/*# sourceMappingURL=app.7acea481f61559312bdb1d2050bf026a.css.map */