[data-v-86c44f40]{-webkit-box-sizing:border-box;box-sizing:border-box}[data-v-86c44f40],[data-v-86c44f40]:after,[data-v-86c44f40]:before{-webkit-box-sizing:inherit;box-sizing:inherit}body[data-v-86c44f40]{width:100%;height:90vh;padding:0;margin:0;background:#192d38;background:radial-gradient(ellipse at center,#192d38 0,#211f2f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#192d38",endColorstr="#211f2f",GradientType=1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-weight:300}body[data-v-86c44f40],button[data-v-86c44f40],input[data-v-86c44f40],label[data-v-86c44f40]{font-family:Mukta Mahee,Helvetica,Arial,sans-serif}label[data-v-86c44f40]{padding-right:18px;display:inline-block;width:150px}label .label-extra-info[data-v-86c44f40]{opacity:.7}input[data-v-86c44f40]{font-size:17px;background:#211f2f;color:#fff;width:50px;padding:.3ch 5px;max-height:40px;border:1px solid #666}fieldset[data-v-86c44f40]{margin-bottom:20px;border:none;margin:0;padding:5px 0}button[data-v-86c44f40]{background:transparent;color:#08ffbd;padding:4px 30px 5px;border-radius:1000px;border:1px solid #08ffbd;font-size:16px;margin:20px 0 0;cursor:pointer;-webkit-transition:all .35s;transition:all .35s}button[data-v-86c44f40]:hover{background:#08ffbd;color:#000}[type=reset][data-v-86c44f40]{color:#aaa;border:1px solid #aaa}[type=reset][data-v-86c44f40]:hover{background:#aaa;color:#000}.logo[data-v-86c44f40]{fill:#08ffbd}nav[data-v-86c44f40]{font-size:40px;font-weight:700;margin-bottom:40px;text-shadow:0 2px 5px #000;text-align:center}svg[data-v-86c44f40]{vertical-align:middle;margin-top:-3px}a[data-v-86c44f40],a[data-v-86c44f40]:active,a[data-v-86c44f40]:visited{color:#ffd908;text-decoration:none}[data-v-f90fcab6]{-webkit-box-sizing:border-box;box-sizing:border-box}[data-v-f90fcab6],[data-v-f90fcab6]:after,[data-v-f90fcab6]:before{-webkit-box-sizing:inherit;box-sizing:inherit}body[data-v-f90fcab6]{width:100%;height:90vh;padding:0;margin:0;background:#192d38;background:radial-gradient(ellipse at center,#192d38 0,#211f2f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#192d38",endColorstr="#211f2f",GradientType=1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-weight:300}body[data-v-f90fcab6],button[data-v-f90fcab6],input[data-v-f90fcab6],label[data-v-f90fcab6]{font-family:Mukta Mahee,Helvetica,Arial,sans-serif}label[data-v-f90fcab6]{padding-right:18px;display:inline-block;width:150px}label .label-extra-info[data-v-f90fcab6]{opacity:.7}input[data-v-f90fcab6]{font-size:17px;background:#211f2f;color:#fff;width:50px;padding:.3ch 5px;max-height:40px;border:1px solid #666}fieldset[data-v-f90fcab6]{margin-bottom:20px;border:none;margin:0;padding:5px 0}button[data-v-f90fcab6]{background:transparent;color:#08ffbd;padding:4px 30px 5px;border-radius:1000px;border:1px solid #08ffbd;font-size:16px;margin:20px 0 0;cursor:pointer;-webkit-transition:all .35s;transition:all .35s}button[data-v-f90fcab6]:hover{background:#08ffbd;color:#000}[type=reset][data-v-f90fcab6]{color:#aaa;border:1px solid #aaa}[type=reset][data-v-f90fcab6]:hover{background:#aaa;color:#000}main[data-v-f90fcab6]{width:calc(70vw - 50px);height:calc(70vh - 50px);margin:15px 0 0 75px}.gridchild[data-v-f90fcab6]{counter-reset:step}.gridchild div[data-v-f90fcab6]{counter-increment:step;position:relative}.gridchild div[data-v-f90fcab6]:before{position:absolute;content:".div" counter(step);display:block;padding:0 5px;text-align:center;color:#fff}.gridchild div button[data-v-f90fcab6]{position:absolute;right:0;padding:0 5px;margin:0;color:#fff;background-color:transparent;border:none;z-index:99999}#gridcontainer[data-v-f90fcab6]{border:1px solid #08ffbd;width:100%;height:100%;z-index:0;position:relative;background:#131321;background:-webkit-gradient(linear,left top,left bottom,from(#131321),to(#1f1c2c));background:linear-gradient(180deg,#131321 0,#1f1c2c);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#131321",endColorstr="#1f1c2c",GradientType=0);-webkit-box-shadow:0 2px 20px 0 #000;box-shadow:0 2px 20px 0 #000}.grid[data-v-f90fcab6]{width:100%;height:100%;position:absolute;display:grid;grid-auto-flow:row dense}.grid div[class*=child][data-v-f90fcab6]:first-child{background:rgba(138,107,15,.7);border:1px solid #ddd}.grid div[class*=child][data-v-f90fcab6]:nth-child(2){background:rgba(122,138,15,.7);border:1px solid #ddd}.grid div[class*=child][data-v-f90fcab6]:nth-child(3){background:rgba(77,138,15,.7);border:1px solid #ddd}.grid div[class*=child][data-v-f90fcab6]:nth-child(4){background:rgba(31,138,15,.7);border:1px solid #ddd}.grid div[class*=child][data-v-f90fcab6]:nth-child(5){background:rgba(15,138,46,.7);border:1px solid #ddd}.grid div[class*=child][data-v-f90fcab6]:nth-child(6){background:rgba(15,138,92,.7);border:1px solid #ddd}.grid div[class*=child][data-v-f90fcab6]:nth-child(7){background:rgba(15,138,138,.7);border:1px solid #ddd}.grid div[class*=child][data-v-f90fcab6]:nth-child(8){background:rgba(15,92,138,.7);border:1px solid #ddd}.grid div[class*=child][data-v-f90fcab6]:nth-child(9){background:rgba(15,46,138,.7);border:1px solid #ddd}.grid div[class*=child][data-v-f90fcab6]:nth-child(10){background:rgba(31,15,138,.7);border:1px solid #ddd}.grid div[class*=child][data-v-f90fcab6]:nth-child(11){background:rgba(77,15,138,.7);border:1px solid #ddd}.grid div[class*=child][data-v-f90fcab6]:nth-child(12){background:rgba(122,15,138,.7);border:1px solid #ddd}.grid div[class*=child][data-v-f90fcab6]:nth-child(13){background:rgba(138,15,107,.7);border:1px solid #ddd}.grid div[class*=child][data-v-f90fcab6]:nth-child(14){background:rgba(138,15,61,.7);border:1px solid #ddd}.grid div[class*=child][data-v-f90fcab6]:nth-child(15){background:rgba(138,15,15,.7);border:1px solid #ddd}.grid div[class*=child][data-v-f90fcab6]:nth-child(16){background:rgba(138,61,15,.7);border:1px solid #ddd}.grid div[class*=child][data-v-f90fcab6]:nth-child(17){background:rgba(138,107,15,.7);border:1px solid #ddd}.grid div[class*=child][data-v-f90fcab6]:nth-child(18){background:rgba(122,138,15,.7);border:1px solid #ddd}.grid div[class*=child][data-v-f90fcab6]:nth-child(19){background:rgba(77,138,15,.7);border:1px solid #ddd}.grid div[class*=child][data-v-f90fcab6]:nth-child(20){background:rgba(31,138,15,.7);border:1px solid #ddd}.grid p[data-v-f90fcab6]{padding:0 10px}.grid div[class*=box][data-v-f90fcab6]{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='.4' 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:.5}.colunits[data-v-f90fcab6],.rowunits[data-v-f90fcab6]{display:grid}.colunits div[data-v-f90fcab6],.rowunits div[data-v-f90fcab6]{text-align:center;position:relative}.rowunits[data-v-f90fcab6]{margin-left:-70px;float:left;height:100%}.rowunits div[data-v-f90fcab6]{-ms-flex-item-align:center;align-self:center}.widthfull[data-v-f90fcab6]{width:100%}@media screen and (max-width:700px){main[data-v-f90fcab6]{width:calc(80vw - 50px);height:calc(40vh - 50px)}}.errors[data-v-f90fcab6]{position:absolute;bottom:-5px;border-radius:4px;padding:8px 12px;z-index:1;font-weight:700;width:150px;min-height:50px;background:#6d1a39}[data-v-170ed3bd]{-webkit-box-sizing:border-box;box-sizing:border-box}[data-v-170ed3bd],[data-v-170ed3bd]:after,[data-v-170ed3bd]:before{-webkit-box-sizing:inherit;box-sizing:inherit}body[data-v-170ed3bd]{width:100%;height:90vh;padding:0;margin:0;background:#192d38;background:radial-gradient(ellipse at center,#192d38 0,#211f2f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#192d38",endColorstr="#211f2f",GradientType=1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-weight:300}body[data-v-170ed3bd],button[data-v-170ed3bd],input[data-v-170ed3bd],label[data-v-170ed3bd]{font-family:Mukta Mahee,Helvetica,Arial,sans-serif}label[data-v-170ed3bd]{padding-right:18px;display:inline-block;width:150px}label .label-extra-info[data-v-170ed3bd]{opacity:.7}input[data-v-170ed3bd]{font-size:17px;background:#211f2f;color:#fff;width:50px;padding:.3ch 5px;max-height:40px;border:1px solid #666}fieldset[data-v-170ed3bd]{margin-bottom:20px;border:none;margin:0;padding:5px 0}button[data-v-170ed3bd]{background:transparent;color:#08ffbd;padding:4px 30px 5px;border-radius:1000px;border:1px solid #08ffbd;font-size:16px;margin:20px 0 0;cursor:pointer;-webkit-transition:all .35s;transition:all .35s}button[data-v-170ed3bd]:hover{background:#08ffbd;color:#000}[type=reset][data-v-170ed3bd]{color:#aaa;border:1px solid #aaa}[type=reset][data-v-170ed3bd]:hover{background:#aaa;color:#000}.modal-mask[data-v-170ed3bd]{position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:grid;grid-template:1fr auto 1fr/1fr auto 1fr;overflow:auto;-webkit-transition:opacity .25s ease;transition:opacity .25s ease}.modal-wrapper[data-v-170ed3bd]{grid-area:2/2/2/2}.modal-container[data-v-170ed3bd]{position:relative;width:80vw;max-width:700px;padding:0 50px 60px;background-color:#192d38;border-radius:5px;-webkit-box-shadow:0 2px 20px rgba(0,0,0,.8);box-shadow:0 2px 20px rgba(0,0,0,.8);-webkit-transition:all .3s ease;transition:all .3s ease;border:1px solid #000}@media screen and (max-width:700px){.modal-container[data-v-170ed3bd]{padding:0 20px 20px;width:calc(100% - 40px)}}.modal-header[data-v-170ed3bd]{font-size:1.5em;text-align:center}.modal-body[data-v-170ed3bd]{margin:20px 0}.modal-button[data-v-170ed3bd]{margin:40px auto;display:table}@media screen and (max-width:700px){.modal-button[data-v-170ed3bd]{margin:20px auto 0}}.modal-enter[data-v-170ed3bd],.modal-leave-active[data-v-170ed3bd]{opacity:0}.modal-enter .modal-container[data-v-170ed3bd],.modal-leave-active .modal-container[data-v-170ed3bd]{-webkit-transform:scale(.9);transform:scale(.9)}[data-v-363953ce]{-webkit-box-sizing:border-box;box-sizing:border-box}[data-v-363953ce],[data-v-363953ce]:after,[data-v-363953ce]:before{-webkit-box-sizing:inherit;box-sizing:inherit}body[data-v-363953ce]{width:100%;height:90vh;padding:0;margin:0;background:#192d38;background:radial-gradient(ellipse at center,#192d38 0,#211f2f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#192d38",endColorstr="#211f2f",GradientType=1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-weight:300}body[data-v-363953ce],button[data-v-363953ce],input[data-v-363953ce],label[data-v-363953ce]{font-family:Mukta Mahee,Helvetica,Arial,sans-serif}label[data-v-363953ce]{padding-right:18px;display:inline-block;width:150px}label .label-extra-info[data-v-363953ce]{opacity:.7}input[data-v-363953ce]{font-size:17px;background:#211f2f;color:#fff;width:50px;padding:.3ch 5px;max-height:40px;border:1px solid #666}fieldset[data-v-363953ce]{margin-bottom:20px;border:none;margin:0;padding:5px 0}button[data-v-363953ce]{background:transparent;color:#08ffbd;padding:4px 30px 5px;border-radius:1000px;border:1px solid #08ffbd;font-size:16px;margin:20px 0 0;cursor:pointer;-webkit-transition:all .35s;transition:all .35s}button[data-v-363953ce]:hover{background:#08ffbd;color:#000}[type=reset][data-v-363953ce]{color:#aaa;border:1px solid #aaa}[type=reset][data-v-363953ce]:hover{background:#aaa;color:#000}.gridcode[data-v-363953ce]{position:relative;background:#131321;background:-webkit-gradient(linear,left top,left bottom,from(#131321),to(#1f1c2c));background:linear-gradient(180deg,#131321 0,#1f1c2c);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#131321",endColorstr="#1f1c2c",GradientType=0);-webkit-box-shadow:0 2px 20px 0 #000;box-shadow:0 2px 20px 0 #000;padding:15px;border-radius:4px;border:1px solid #08ffbd;font-size:15px;font-family:Roboto Mono,Courier,monospace;max-height:50vh;overflow-y:scroll}.gridcode p[data-v-363953ce]{margin:5px}.copycode[data-v-363953ce]{right:0;top:0;margin:0;background:rgba(15,138,138,.7);padding:8px 12px;border-radius:0 4px 0 4px}.copycode[data-v-363953ce],.togglehtml[data-v-363953ce]{position:absolute;font-family:Mukta Mahee,Helvetica,Arial,sans-serif;cursor:pointer}.togglehtml[data-v-363953ce]{right:5px;bottom:5px}.child[data-v-363953ce]{padding-left:40px}.codegroup[data-v-363953ce]{margin-top:30px}.sp[data-v-363953ce]{padding-left:20px}.ckey[data-v-363953ce]{color:#6af2d7}.cprop[data-v-363953ce]{color:#f8a384}.cname[data-v-363953ce]{color:#ffea18}[data-v-1de88286]{-webkit-box-sizing:border-box;box-sizing:border-box}[data-v-1de88286],[data-v-1de88286]:after,[data-v-1de88286]:before{-webkit-box-sizing:inherit;box-sizing:inherit}body[data-v-1de88286]{width:100%;height:90vh;padding:0;margin:0;background:#192d38;background:radial-gradient(ellipse at center,#192d38 0,#211f2f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#192d38",endColorstr="#211f2f",GradientType=1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-weight:300}body[data-v-1de88286],button[data-v-1de88286],input[data-v-1de88286],label[data-v-1de88286]{font-family:Mukta Mahee,Helvetica,Arial,sans-serif}label[data-v-1de88286]{padding-right:18px;display:inline-block;width:150px}label .label-extra-info[data-v-1de88286]{opacity:.7}input[data-v-1de88286]{font-size:17px;background:#211f2f;color:#fff;width:50px;padding:.3ch 5px;max-height:40px;border:1px solid #666}fieldset[data-v-1de88286]{margin-bottom:20px;border:none;margin:0;padding:5px 0}button[data-v-1de88286]{background:transparent;color:#08ffbd;padding:4px 30px 5px;border-radius:1000px;border:1px solid #08ffbd;font-size:16px;margin:20px 0 0;cursor:pointer;-webkit-transition:all .35s;transition:all .35s}button[data-v-1de88286]:hover{background:#08ffbd;color:#000}[type=reset][data-v-1de88286]{color:#aaa;border:1px solid #aaa}[type=reset][data-v-1de88286]:hover{background:#aaa;color:#000}aside[data-v-1de88286]{margin:60px 60px;font-size:17px;width:300px}.wat[data-v-1de88286]{font-family:Caveat,cursive;font-size:22px;margin-top:18px;color:#a8c9cc;opacity:.9;font-weight:400;cursor:pointer}@media screen and (max-width:700px){aside[data-v-1de88286]{width:80vw;margin:100px 50px}button[type=reset][data-v-1de88286]{margin-left:20px}}*{-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:#192d38;background:radial-gradient(ellipse at center,#192d38 0,#211f2f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#192d38",endColorstr="#211f2f",GradientType=1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-weight:300}body,button,input,label{font-family:Mukta Mahee,Helvetica,Arial,sans-serif}label{padding-right:18px;display:inline-block;width:150px}label .label-extra-info{opacity:.7}input{font-size:17px;background:#211f2f;color:#fff;width:50px;padding:.3ch 5px;max-height:40px;border:1px solid #666}fieldset{margin-bottom:20px;border:none;margin:0;padding:5px 0}button{background:transparent;color:#08ffbd;padding:4px 30px 5px;border-radius:1000px;border:1px solid #08ffbd;font-size:16px;margin:20px 0 0;cursor:pointer;-webkit-transition:all .35s;transition:all .35s}button:hover{background:#08ffbd;color:#000}[type=reset]{color:#aaa;border:1px solid #aaa}[type=reset]:hover{background:#aaa;color:#000}#app{margin:5vmin 5vmin 0}.container{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:700px){.container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}