[data-v-42c2b6ac]{-webkit-box-sizing:border-box;box-sizing:border-box}[data-v-42c2b6ac],[data-v-42c2b6ac]:after,[data-v-42c2b6ac]:before{-webkit-box-sizing:inherit;box-sizing:inherit}body[data-v-42c2b6ac]{width:100%;height:90vh;padding:0;margin:0;background:#121212;font-family:Poppins,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-weight:400}button[data-v-42c2b6ac],input[data-v-42c2b6ac],label[data-v-42c2b6ac]{font-family:Mukta Mahee,Helvetica,Arial,sans-serif}label[data-v-42c2b6ac]{padding-right:10px;display:inline-block;width:130px}label .label-extra-info[data-v-42c2b6ac]{opacity:.7}input[data-v-42c2b6ac]{font-size:17px;background:#1e1e1e;color:#fff;width:45px;padding:3px 5px;max-height:40px;border:1px solid #444}fieldset[data-v-42c2b6ac]{margin-bottom:20px;border:none;margin:0;padding:5px 0}button[data-v-42c2b6ac]{background:#bb86fc;color:#121212;padding:8px 40px;border:1px solid #bb86fc;font-size:16px;cursor:pointer;-webkit-transition:all .35s;transition:all .35s}button[data-v-42c2b6ac]:hover{background:#9f65e5;color:#000}[type=reset][data-v-42c2b6ac]{color:#bb86fc;border:1px solid #bb86fc;background:transparent}[type=reset][data-v-42c2b6ac]:hover{background:#bb86fc;color:#000}h3[data-v-42c2b6ac]{font-size:18px;margin-top:25px}h1[data-v-42c2b6ac]{font-size:40px;font-weight:700;color:#fff}h1 span[data-v-42c2b6ac]{color:#bb86fc}nav[data-v-42c2b6ac]{margin:10px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.nav svg path[data-v-42c2b6ac]{fill:#bb86fc}[data-v-ae69f990]{-webkit-box-sizing:border-box;box-sizing:border-box}[data-v-ae69f990],[data-v-ae69f990]:after,[data-v-ae69f990]:before{-webkit-box-sizing:inherit;box-sizing:inherit}body[data-v-ae69f990]{width:100%;height:90vh;padding:0;margin:0;background:#121212;font-family:Poppins,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-weight:400}button[data-v-ae69f990],input[data-v-ae69f990],label[data-v-ae69f990]{font-family:Mukta Mahee,Helvetica,Arial,sans-serif}label[data-v-ae69f990]{padding-right:10px;display:inline-block;width:130px}label .label-extra-info[data-v-ae69f990]{opacity:.7}input[data-v-ae69f990]{font-size:17px;background:#1e1e1e;color:#fff;width:45px;padding:3px 5px;max-height:40px;border:1px solid #444}fieldset[data-v-ae69f990]{margin-bottom:20px;border:none;margin:0;padding:5px 0}button[data-v-ae69f990]{background:#bb86fc;color:#121212;padding:8px 40px;border:1px solid #bb86fc;font-size:16px;cursor:pointer;-webkit-transition:all .35s;transition:all .35s}button[data-v-ae69f990]:hover{background:#9f65e5;color:#000}[type=reset][data-v-ae69f990]{color:#bb86fc;border:1px solid #bb86fc;background:transparent}[type=reset][data-v-ae69f990]:hover{background:#bb86fc;color:#000}h3[data-v-ae69f990]{font-size:18px;margin-top:25px}main[data-v-ae69f990]{width:calc(70vw - 50px);height:calc(70vh - 50px);margin:15px 0 0 75px}@media screen and (max-width:1000px){main[data-v-ae69f990]{width:auto}}.gridchild[data-v-ae69f990]{counter-reset:step}.gridchild div[data-v-ae69f990]{counter-increment:step;position:relative}.gridchild div[data-v-ae69f990]:before{position:absolute;content:".div" counter(step);display:block;padding:0 5px;text-align:center;color:#fff;line-height:22px;font-size:15px}.gridchild div button[data-v-ae69f990]{position:absolute;right:0;padding:0 5px;margin:0;color:#fff;background-color:transparent;border:none;z-index:99999;line-height:23px;font-size:30px}#gridcontainer[data-v-ae69f990]{border:2px solid #bb86fc;width:100%;height:100%;z-index:0;position:relative;background:#1e1e1e}.grid[data-v-ae69f990]{width:100%;height:100%;position:absolute;display:grid;grid-auto-flow:row dense}.grid div[class*=child][data-v-ae69f990]:first-child{background:rgba(64,13,115,.5);border:1px solid #ddd}.grid div[class*=child][data-v-ae69f990]:nth-child(2){background:rgba(102,13,115,.5);border:1px solid #ddd}.grid div[class*=child][data-v-ae69f990]:nth-child(3){background:rgba(115,13,89,.5);border:1px solid #ddd}.grid div[class*=child][data-v-ae69f990]:nth-child(4){background:rgba(115,13,51,.5);border:1px solid #ddd}.grid div[class*=child][data-v-ae69f990]:nth-child(5){background:rgba(115,13,13,.5);border:1px solid #ddd}.grid div[class*=child][data-v-ae69f990]:nth-child(6){background:rgba(115,51,13,.5);border:1px solid #ddd}.grid div[class*=child][data-v-ae69f990]:nth-child(7){background:rgba(115,89,13,.5);border:1px solid #ddd}.grid div[class*=child][data-v-ae69f990]:nth-child(8){background:rgba(102,115,13,.5);border:1px solid #ddd}.grid div[class*=child][data-v-ae69f990]:nth-child(9){background:rgba(64,115,13,.5);border:1px solid #ddd}.grid div[class*=child][data-v-ae69f990]:nth-child(10){background:rgba(26,115,13,.5);border:1px solid #ddd}.grid div[class*=child][data-v-ae69f990]:nth-child(11){background:rgba(13,115,38,.5);border:1px solid #ddd}.grid div[class*=child][data-v-ae69f990]:nth-child(12){background:rgba(13,115,77,.5);border:1px solid #ddd}.grid div[class*=child][data-v-ae69f990]:nth-child(13){background:rgba(13,115,115,.5);border:1px solid #ddd}.grid div[class*=child][data-v-ae69f990]:nth-child(14){background:rgba(13,77,115,.5);border:1px solid #ddd}.grid div[class*=child][data-v-ae69f990]:nth-child(15){background:rgba(13,38,115,.5);border:1px solid #ddd}.grid div[class*=child][data-v-ae69f990]:nth-child(16){background:rgba(26,13,115,.5);border:1px solid #ddd}.grid div[class*=child][data-v-ae69f990]:nth-child(17){background:rgba(64,13,115,.5);border:1px solid #ddd}.grid div[class*=child][data-v-ae69f990]:nth-child(18){background:rgba(102,13,115,.5);border:1px solid #ddd}.grid div[class*=child][data-v-ae69f990]:nth-child(19){background:rgba(115,13,89,.5);border:1px solid #ddd}.grid div[class*=child][data-v-ae69f990]:nth-child(20){background:rgba(115,13,51,.5);border:1px solid #ddd}.grid p[data-v-ae69f990]{padding:0 10px}.grid div[class*=box][data-v-ae69f990]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 0h1L0 6V5zm1 5v1H5z' fill='%239C92AC' fill-opacity='.15' fill-rule='evenodd'/%3E%3C/svg%3E");border:1px dotted #fff;-webkit-transition:all .2s ease;transition:all .2s ease;cursor:move;position:relative;z-index:1000;opacity:.2}.reset[data-v-ae69f990]{text-align:center}.colunits[data-v-ae69f990],.rowunits[data-v-ae69f990]{display:grid}.colunits div[data-v-ae69f990],.rowunits div[data-v-ae69f990]{text-align:center;position:relative}.rowunits[data-v-ae69f990]{margin-left:-70px;float:left;height:100%}.rowunits div[data-v-ae69f990]{-ms-flex-item-align:center;align-self:center}.widthfull[data-v-ae69f990]{width:100%}@media screen and (max-width:700px){main[data-v-ae69f990]{width:calc(80vw - 50px);height:calc(40vh - 50px)}}.errors[data-v-ae69f990]{position:absolute;bottom:-5px;border-radius:4px;padding:8px 12px;z-index:1;font-weight:700;width:150px;min-height:50px;background:#6d1a39}.templates[data-v-ae69f990]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:20px 0 0}.templates[data-v-ae69f990],.templates div[data-v-ae69f990]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.templates div[data-v-ae69f990]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.template[data-v-ae69f990]{display:inline-block;cursor:pointer;border:1px solid #444}.template svg[data-v-ae69f990]{display:block}.template svg rect[data-v-ae69f990]:first-child{fill:#131313}.template svg rect[data-v-ae69f990]{fill:#444}.template[data-v-ae69f990]:hover{border:1px solid #bb86fc}.template:hover svg rect[data-v-ae69f990]:not(:first-child){fill:#bb86fc}[data-v-a6d7e49c]{-webkit-box-sizing:border-box;box-sizing:border-box}[data-v-a6d7e49c],[data-v-a6d7e49c]:after,[data-v-a6d7e49c]:before{-webkit-box-sizing:inherit;box-sizing:inherit}body[data-v-a6d7e49c]{width:100%;height:90vh;padding:0;margin:0;background:#121212;font-family:Poppins,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-weight:400}button[data-v-a6d7e49c],input[data-v-a6d7e49c],label[data-v-a6d7e49c]{font-family:Mukta Mahee,Helvetica,Arial,sans-serif}label[data-v-a6d7e49c]{padding-right:10px;display:inline-block;width:130px}label .label-extra-info[data-v-a6d7e49c]{opacity:.7}input[data-v-a6d7e49c]{font-size:17px;background:#1e1e1e;color:#fff;width:45px;padding:3px 5px;max-height:40px;border:1px solid #444}fieldset[data-v-a6d7e49c]{margin-bottom:20px;border:none;margin:0;padding:5px 0}button[data-v-a6d7e49c]{background:#bb86fc;color:#121212;padding:8px 40px;border:1px solid #bb86fc;font-size:16px;cursor:pointer;-webkit-transition:all .35s;transition:all .35s}button[data-v-a6d7e49c]:hover{background:#9f65e5;color:#000}[type=reset][data-v-a6d7e49c]{color:#bb86fc;border:1px solid #bb86fc;background:transparent}[type=reset][data-v-a6d7e49c]:hover{background:#bb86fc;color:#000}h3[data-v-a6d7e49c]{font-size:18px;margin-top:25px}aside[data-v-a6d7e49c]{margin:0 0 30px;font-size:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:2em;-moz-column-gap:2em;column-gap:2em;background-color:#1e1e1e;padding:10px 10px 10px 20px;border:1px solid #444}@media screen and (max-width:700px){aside[data-v-a6d7e49c]{width:80vw;margin:100px 50px}}[data-v-145d2b63]{-webkit-box-sizing:border-box;box-sizing:border-box}[data-v-145d2b63],[data-v-145d2b63]:after,[data-v-145d2b63]:before{-webkit-box-sizing:inherit;box-sizing:inherit}body[data-v-145d2b63]{width:100%;height:90vh;padding:0;margin:0;background:#121212;font-family:Poppins,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-weight:400}button[data-v-145d2b63],input[data-v-145d2b63],label[data-v-145d2b63]{font-family:Mukta Mahee,Helvetica,Arial,sans-serif}label[data-v-145d2b63]{padding-right:10px;display:inline-block;width:130px}label .label-extra-info[data-v-145d2b63]{opacity:.7}input[data-v-145d2b63]{font-size:17px;background:#1e1e1e;color:#fff;width:45px;padding:3px 5px;max-height:40px;border:1px solid #444}fieldset[data-v-145d2b63]{margin-bottom:20px;border:none;margin:0;padding:5px 0}button[data-v-145d2b63]{background:#bb86fc;color:#121212;padding:8px 40px;border:1px solid #bb86fc;font-size:16px;cursor:pointer;-webkit-transition:all .35s;transition:all .35s}button[data-v-145d2b63]:hover{background:#9f65e5;color:#000}[type=reset][data-v-145d2b63]{color:#bb86fc;border:1px solid #bb86fc;background:transparent}[type=reset][data-v-145d2b63]:hover{background:#bb86fc;color:#000}h3[data-v-145d2b63]{font-size:18px;margin-top:25px}.wrappercode[data-v-145d2b63]{position:relative;background:#1e1e1e;padding:16px;border:1px solid #444;font-size:15px;font-family:Roboto Mono,Courier,monospace;max-height:50vh;overflow-y:scroll}.wrappercode p[data-v-145d2b63]{margin:5px}.copycode[data-v-145d2b63]{position:absolute;right:0;top:0;margin:0;font-size:14px;padding:4px 10px;cursor:pointer}.child[data-v-145d2b63]{padding-left:40px}.sp[data-v-145d2b63]{padding-left:20px}.ckey[data-v-145d2b63]{color:#72e0d1}.cprop[data-v-145d2b63]{color:#fc9463}.cname[data-v-145d2b63]{color:#f5d67b}*{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}body{width:100%;height:90vh;padding:0;margin:0;background:#121212;font-family:Poppins,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-weight:400}button,input,label{font-family:Mukta Mahee,Helvetica,Arial,sans-serif}label{padding-right:10px;display:inline-block;width:130px}label .label-extra-info{opacity:.7}input{font-size:17px;background:#1e1e1e;color:#fff;width:45px;padding:3px 5px;max-height:40px;border:1px solid #444}fieldset{margin-bottom:20px;border:none;margin:0;padding:5px 0}button{background:#bb86fc;color:#121212;padding:8px 40px;border:1px solid #bb86fc;font-size:16px;cursor:pointer;-webkit-transition:all .35s;transition:all .35s}button:hover{background:#9f65e5;color:#000}[type=reset]{color:#bb86fc;border:1px solid #bb86fc;background:transparent}[type=reset]:hover{background:#bb86fc;color:#000}h3{font-size:18px;margin-top:25px}#app{margin:0}.container{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 2em;gap:3em;height:100%}#sidebar{width:480px;min-width:480px}@media screen and (max-width:1000px){.container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#sidebar{width:100%;min-width:auto;margin-top:100px}}