#c{margin:0 auto;width:90%;height:600px}#loading{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:xx-large;font-family:sans-serif;z-index:5}#loading>div>div{padding:2px}.progress{width:50vw;border:1px solid #000}#progressbar{width:0;transition:width .5s ease-out;height:1em;background-color:#888;background-image:linear-gradient(-45deg,hsla(0,0%,100%,.5) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,.5) 75%,transparent 0,transparent);background-size:50px 50px;-webkit-animation:progressanim 2s linear infinite;animation:progressanim 2s linear infinite}@-webkit-keyframes progressanim{0%{background-position:50px 50px}to{background-position:0 0}}@keyframes progressanim{0%{background-position:50px 50px}to{background-position:0 0}}#zeus-page{display:flex;flex-direction:column}#zeus-text{font-family:fantasy;padding:5% 10%;font-size:22px}#canvases{display:flex;flex-direction:row}#fire-canvas{width:15%;height:20%;position:absolute;z-index:10;top:24%;left:17%}#volumetric-fire-canvas{width:35%;height:50%;position:absolute;z-index:10;bottom:10%;left:40%}.wrapper{top:31%;right:12%;width:400px;height:400px;margin-top:-200px;margin-left:-200px;border-radius:4px;box-shadow:4px 8px 16px 0 10 #000;overflow:hidden;background:transparent}.center,.wrapper{position:absolute}.center{top:50%;left:50%;transform:translate(-50%,-50%)}.candle{display:flex;flex-direction:column;align-items:center}.candle-flame{width:15px;height:30px;background:#ffad00;border-radius:8px 8px 8px 8px/20px 20px 8px 8px;box-shadow:0 0 20px 0 #ffad00;-webkit-animation:flame-twirl 15s ease infinite,glow 2s ease infinite;animation:flame-twirl 15s ease infinite,glow 2s ease infinite}.candle-wick{height:10px;width:3px;background:#ad87a9}.candle-wax{width:40px;height:110px;background:#fff;border-radius:6px;box-shadow:inset -15px 0 0 -10px #d8deed}.candle-stand{width:100px;height:8px;background:#1c233e;border-radius:3px}@-webkit-keyframes flame-twirl{0%,22%,49%,62%,81%,to{border-radius:2px 14px 8px 8px/20px 20px 8px 8px}14%,32%,56%,70%,89%{border-radius:14px 2px 8px 8px/20px 20px 8px 8px}}@keyframes flame-twirl{0%,22%,49%,62%,81%,to{border-radius:2px 14px 8px 8px/20px 20px 8px 8px}14%,32%,56%,70%,89%{border-radius:14px 2px 8px 8px/20px 20px 8px 8px}}@-webkit-keyframes glow{0%,30%,60%,80%,to{box-shadow:0 0 20px 0 #ffad00}20%,50%,70%{box-shadow:0 0 22px 0 #ffad00}}@keyframes glow{0%,30%,60%,80%,to{box-shadow:0 0 20px 0 #ffad00}20%,50%,70%{box-shadow:0 0 22px 0 #ffad00}}#candle{z-index:10}body[data-v-fb3e86e2],html[data-v-fb3e86e2]{margin:0;height:100%}#c[data-v-fb3e86e2]{width:100%;height:100%;max-height:500px;display:block}#loading[data-v-fb3e86e2]{position:absolute;left:0;top:0;width:100%;height:100%;max-height:500px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:xx-large;font-family:sans-serif}#loading>div>div[data-v-fb3e86e2]{padding:2px}.progress[data-v-fb3e86e2]{width:50vw;border:1px solid #000}#progressbar[data-v-fb3e86e2]{width:0;transition:width .5s ease-out;height:1em;background-color:#888;background-image:linear-gradient(-45deg,hsla(0,0%,100%,.5) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,.5) 75%,transparent 0,transparent);background-size:50px 50px;-webkit-animation:progressanim-data-v-fb3e86e2 2s linear infinite;animation:progressanim-data-v-fb3e86e2 2s linear infinite}@-webkit-keyframes progressanim-data-v-fb3e86e2{0%{background-position:50px 50px}to{background-position:0 0}}@keyframes progressanim-data-v-fb3e86e2{0%{background-position:50px 50px}to{background-position:0 0}}#disclaimer{font-family:fantasy;font-size:2em;margin:3%;color:rgba(11,211,231,0);text-shadow:0 0 .05em #fff,0 0 .2em rgba(124,5,254,.984313725490196),0 0 .3em #0524fe;transition:text-shadow 1s ease-out;-webkit-transition:text-shadow 1s ease-out;-moz-transition:text-shadow 1s ease-out;-o-transition:text-shadow 1s ease-out}#app{padding:0}.cr.number.has-slider{margin:0}button:hover{cursor:pointer}button{font-family:sans-serif;font-size:16px;color:#000;background:transparent;width:100px;height:40px;margin:0 0 5px 0;border:none}#controls{display:flex;flex-direction:column;position:absolute;right:10px;top:112px;z-index:10}.shining-border{box-shadow:0 0 17px 3px #ffff01,0 0 4px 2px #ffff01;z-index:-1;-webkit-animation-name:gradient-shadow;animation-name:gradient-shadow;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.shining-border,h1{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}h1{font-size:50px;margin:0;position:relative;z-index:3;padding:20px;background-color:#060c1f;color:#fff}@-webkit-keyframes yellow-shadow{0%{top:0;left:0}25%{top:50%;left:0}50%{top:50%;left:50%}75%{top:0;left:50%}to{top:0;left:0}}@keyframes yellow-shadow{0%{top:0;left:0}25%{top:50%;left:0}50%{top:50%;left:50%}75%{top:0;left:50%}to{top:0;left:0}}@-webkit-keyframes cyan-shadow{0%{right:0;bottom:0}25%{right:0;bottom:50%}50%{right:50%;bottom:50%}75%{right:50%;bottom:0}to{right:0;bottom:0}}@keyframes cyan-shadow{0%{right:0;bottom:0}25%{right:0;bottom:50%}50%{right:50%;bottom:50%}75%{right:50%;bottom:0}to{right:0;bottom:0}}@-webkit-keyframes gradient-shadow{0%{box-shadow:0 0 17px 3px #c586c0,0 0 4px 2px #c586c0}20%{box-shadow:0 0 17px 3px #0ff,0 0 4px 2px #0ff}40%{box-shadow:0 0 17px 3px #0f0,0 0 4px 2px #0f0}60%{box-shadow:0 0 17px 3px #ffff01,0 0 4px 2px #ffff01}80%{box-shadow:0 0 17px 3px red,0 0 4px 2px red}to{box-shadow:0 0 17px 3px #c586c0,0 0 4px 2px #c586c0}}@keyframes gradient-shadow{0%{box-shadow:0 0 17px 3px #c586c0,0 0 4px 2px #c586c0}20%{box-shadow:0 0 17px 3px #0ff,0 0 4px 2px #0ff}40%{box-shadow:0 0 17px 3px #0f0,0 0 4px 2px #0f0}60%{box-shadow:0 0 17px 3px #ffff01,0 0 4px 2px #ffff01}80%{box-shadow:0 0 17px 3px red,0 0 4px 2px red}to{box-shadow:0 0 17px 3px #c586c0,0 0 4px 2px #c586c0}}@-webkit-keyframes half-yellow-shadow{0%{top:0;left:0;height:50%;width:50%}16.66%{top:0;left:0;height:50%;width:100%}32.32%{top:0;left:50%;height:50%;width:50%}49.98%{top:50%;left:50%;height:50%;width:50%}66.64%{top:50%;left:0;height:50%;width:100%}83.3%{top:50%;left:0;height:50%;width:50%}to{top:0;left:0;height:50%;width:50%}}@keyframes half-yellow-shadow{0%{top:0;left:0;height:50%;width:50%}16.66%{top:0;left:0;height:50%;width:100%}32.32%{top:0;left:50%;height:50%;width:50%}49.98%{top:50%;left:50%;height:50%;width:50%}66.64%{top:50%;left:0;height:50%;width:100%}83.3%{top:50%;left:0;height:50%;width:50%}to{top:0;left:0;height:50%;width:50%}}@-webkit-keyframes half-cyan-shadow{0%{bottom:0;right:0;height:50%;width:50%}16.66%{bottom:0;right:0;height:50%;width:100%}32.32%{bottom:0;right:50%;height:50%;width:50%}49.98%{bottom:50%;right:50%;height:50%;width:50%}66.64%{bottom:50%;right:0;height:50%;width:100%}83.3%{bottom:50%;right:0;height:50%;width:50%}to{bottom:0;right:0;height:50%;width:50%}}@keyframes half-cyan-shadow{0%{bottom:0;right:0;height:50%;width:50%}16.66%{bottom:0;right:0;height:50%;width:100%}32.32%{bottom:0;right:50%;height:50%;width:50%}49.98%{bottom:50%;right:50%;height:50%;width:50%}66.64%{bottom:50%;right:0;height:50%;width:100%}83.3%{bottom:50%;right:0;height:50%;width:50%}to{bottom:0;right:0;height:50%;width:50%}}#c{min-height:600px;z-index:1}.transform{transform:rotate(90deg)}.expand{width:540px!important}.dg.ac.transform{top:400px;left:unset;right:25px}