@import url(https://fonts.googleapis.com/css?family=Roboto:100,300&display=swap);#animation-grid[data-v-3b4957c3]{width:75vw;height:75vw;border-radius:5px;background-color:#673ab7;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;-webkit-box-shadow:0 0 25px rgba(0,0,0,.25);box-shadow:0 0 25px rgba(0,0,0,.25);margin-bottom:50px}@media(min-width:768px){#animation-grid[data-v-3b4957c3]{width:50vw;height:50vw;margin-right:50px}}@media(min-width:992px){#animation-grid[data-v-3b4957c3]{width:35vw;height:35vw}}#animation-grid .row[data-v-3b4957c3]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex}#animation-grid .row .cell[data-v-3b4957c3]{-webkit-box-flex:1;-ms-flex:1;flex:1;border:1px solid rgba(0,0,0,.25);-webkit-box-sizing:border-box;box-sizing:border-box}#animation-grid .row .cell[data-v-3b4957c3]:hover{background-color:#7446c4}#animation-grid .row .cell.active[data-v-3b4957c3]{background-color:#916dd1}#animation-grid .shadow[data-v-3b4957c3]{pointer-events:none;position:absolute;left:0;right:0;top:0;bottom:0;-webkit-box-shadow:0 -4px 0 0 inset rgba(0,0,0,.25);box-shadow:inset 0 -4px 0 0 rgba(0,0,0,.25)}#frame-settings div[data-v-58d48040]{display:-webkit-box;display:-ms-flexbox;display:flex}#frame-settings div button[data-v-58d48040]{-webkit-box-flex:1;-ms-flex:1;flex:1}#frame-settings div button.plus[data-v-58d48040]{background-image:url(../img/plus.0f4cda22.svg)}#frame-settings div button.minus[data-v-58d48040]{background-image:url(../img/minus.62eb9029.svg)}#frame-settings div span[data-v-58d48040]{-webkit-box-flex:1;-ms-flex:1;flex:1;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;font-weight:100;font-size:24px}#playback-settings .speed .form-group[data-v-5b19f451]{margin-bottom:5px}#playback-settings .speed .form-group label[data-v-5b19f451]{display:block}#playback-settings .speed .form-group input[data-v-5b19f451],#playback-settings .speed .form-group select[data-v-5b19f451]{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#d1c4e9;-webkit-box-shadow:inset 0 4px 0 0 rgba(0,0,0,.25);box-shadow:inset 0 4px 0 0 rgba(0,0,0,.25);border-radius:5px;border:none;padding:10px}#playback-settings .playback-controls[data-v-5b19f451]{display:-webkit-box;display:-ms-flexbox;display:flex}#playback-settings .playback-controls button[data-v-5b19f451]{-webkit-box-flex:1;-ms-flex:1;flex:1}#playback-settings .playback-controls button.next[data-v-5b19f451]{background-image:url(../img/next.41d22b37.svg)}#playback-settings .playback-controls button.previous[data-v-5b19f451]{background-image:url(../img/previous.76f1bbda.svg)}#playback-settings .playback-controls button.play[data-v-5b19f451]{background-image:url(../img/play.94a78b49.svg)}#playback-settings .playback-controls button.pause[data-v-5b19f451]{background-image:url(../img/pause.4411f44e.svg)}#playback-settings .playback-controls button[data-v-5b19f451]:nth-child(2){margin:0 5px}#playback-settings .playback-controls span[data-v-5b19f451]{-webkit-box-flex:1;-ms-flex:1;flex:1;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;font-weight:100;font-size:24px}#export-settings div[data-v-b5d563a2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#export-settings div button[data-v-b5d563a2]{margin-bottom:10px}#export-settings div .form-group[data-v-b5d563a2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#settings>.settings-panel{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 20px}#settings>.settings-panel h3{margin:0 0 5px 0;font-weight:100;font-size:28px}#settings[data-v-68300c3e]{width:75vw;border-radius:5px;background-color:#673ab7;overflow:hidden;-webkit-box-shadow:0 0 25px rgba(0,0,0,.25),0 -4px 0 0 inset rgba(0,0,0,.25);box-shadow:0 0 25px rgba(0,0,0,.25),inset 0 -4px 0 0 rgba(0,0,0,.25);margin-bottom:50px}@media(min-width:768px){#settings[data-v-68300c3e]{width:30vw}}#settings .sub-title[data-v-68300c3e]{background-color:rgba(0,0,0,.25);font-size:20px;padding:10px 10px;text-align:center}#info-overlay[data-v-7f9335ac]{position:fixed;bottom:0;top:0;left:0;right:0;background-color:rgba(0,0,0,.75);z-index:999;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;cursor:pointer;-webkit-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}#info-overlay.closed[data-v-7f9335ac]{visibility:hidden;opacity:0}#info-overlay .modal[data-v-7f9335ac]{width:calc(100% - 25px);height:calc(100% - 25px);border-radius:5px;-webkit-box-shadow:0 0 25px rgba(0,0,0,.5),0 -4px 0 0 inset rgba(0,0,0,.25);box-shadow:0 0 25px rgba(0,0,0,.5),inset 0 -4px 0 0 rgba(0,0,0,.25);background:linear-gradient(152deg,#673ab7,#5c34a4);cursor:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media(min-width:768px){#info-overlay .modal[data-v-7f9335ac]{width:85%;height:85%}}@media(min-width:992px){#info-overlay .modal[data-v-7f9335ac]{width:75%;height:75%}}#info-overlay .modal .title-bar[data-v-7f9335ac]{background-color:rgba(0,0,0,.1);padding:10px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media(min-width:768px){#info-overlay .modal .title-bar[data-v-7f9335ac]{padding:15px 25px}}@media(min-width:992px){#info-overlay .modal .title-bar[data-v-7f9335ac]{padding:25px 35px}}#info-overlay .modal .title-bar h1[data-v-7f9335ac]{margin:0;font-weight:100;font-size:36px;color:#fff}@media(min-width:768px){#info-overlay .modal .title-bar h1[data-v-7f9335ac]{font-size:42px}}@media(min-width:992px){#info-overlay .modal .title-bar h1[data-v-7f9335ac]{font-size:48px}}#info-overlay .modal .title-bar button[data-v-7f9335ac]{background-color:transparent;background-image:url(../img/cross.28b95a69.svg);border:none;height:30px;width:30px;margin:0;padding:0;cursor:pointer;opacity:.5;-webkit-transition:opacity .25s;transition:opacity .25s;-webkit-box-shadow:none;box-shadow:none;background-size:30px auto}#info-overlay .modal .title-bar button[data-v-7f9335ac]:hover{opacity:.75}@media(min-width:768px){#info-overlay .modal .title-bar button[data-v-7f9335ac]{height:35px;width:35px;background-size:35px auto}}@media(min-width:992px){#info-overlay .modal .title-bar button[data-v-7f9335ac]{height:40px;width:40px;background-size:40px auto}}#info-overlay .modal .text[data-v-7f9335ac]{padding:25px;overflow-y:scroll}#info-overlay .modal .text p[data-v-7f9335ac]{padding:0 25px;margin:5px 0;font-size:24px;font-weight:200;max-height:100%}#copyright-overlay[data-v-6ddf72bd]{background-color:rgba(0,0,0,.25);text-align:center;height:30px;line-height:30px;width:100%;position:absolute;bottom:0;left:0;right:0}body{margin:0}#app{font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;padding:25px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;background:linear-gradient(152deg,#4527a0,#331d77);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}@media(min-width:768px){#app{height:100vh}}#app header{margin-bottom:25px;text-align:center}#app header h1{margin:0;font-weight:100;font-size:36px}#app header p{margin:0;font-weight:100;font-size:28px}#app main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media(min-width:768px){#app main{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}a{color:#b39ddb;text-decoration:underline;cursor:pointer}button{border:0;border-radius:5px;padding:10px;background-color:#9575cd;-webkit-box-shadow:0 4px 0 0 #55348f;box-shadow:0 4px 0 0 #55348f;color:#fff;-webkit-transition:background-color .05s,-webkit-box-shadow .05s;transition:background-color .05s,-webkit-box-shadow .05s;transition:box-shadow .05s,background-color .05s;transition:box-shadow .05s,background-color .05s,-webkit-box-shadow .05s;min-height:40px;background-size:25px auto;background-position:50%;background-repeat:no-repeat}button.active,button:active,button:hover:not(:disabled){cursor:pointer;background-color:#a388d4;-webkit-box-shadow:0 4px 0 0 #603ba1;box-shadow:0 4px 0 0 #603ba1}button:disabled{opacity:.5}