#characters li button,#social-media-modal .close,.unbutton{width:100%;text-align:left;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.tool-button svg,#characters li button svg,.thumbnail.icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@keyframes click-effect{25%,50%{transform:scale(1.2)}}.controls-overlay{position:absolute;width:100%;height:100%;z-index:1;pointer-events:none}.controls-overlay div{pointer-events:all}.gizmos{position:absolute;left:0;bottom:0;padding:5px;display:flex}@media (max-width: 768px){.gizmos{flex-flow:column-reverse}}.objects-menu{position:absolute;left:0;padding:5px;display:flex}.scenes-menu{position:absolute;right:0;bottom:0;padding:5px;display:flex}.settings-menu{position:absolute;right:0;padding:5px;display:flex;align-items:center}@media (max-width: 768px){.settings-menu{flex-flow:column-reverse}}.tool-button{position:relative;display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin:5px;border-radius:50%;border:2px solid #012c38;box-shadow:3px 3px #012c38;outline:none;color:#012c38;background-color:#fff;z-index:2;outline:none}.tool-button:hover{cursor:pointer;box-shadow:none;transform:translate(2px, 2px)}.tool-button.is-active{box-shadow:none;transform:translate(2px, 2px)}.tool-button.is-active.chilled-pink{background-color:#fdcde4}.tool-button.is-active.tasty-teal{background-color:#01c9d7}.tool-button.is-active.chilled-electric{background-color:#effbff}.tool-button.is-active.fresh-mint{background-color:#c4fdd0}.tool-button.is-active.yolo-yellow{background-color:#fcfa79}.tool-button.is-active.hot-pink{background-color:#fa00af}.dark .tool-button{background-color:#012c38;border:2px solid #000;color:#fff;box-shadow:3px 3px black}.dark .tool-button:hover,.dark .tool-button.is-active{box-shadow:none;transform:translate(2px, 2px)}#upgrade-button{display:none;margin:5px}@media (max-width: 768px){#upgrade-button{width:50px;height:50px;border-radius:50%;font-size:10px;align-items:center;padding:0;padding:2px;text-transform:uppercase}}.button{padding:7px 17px;margin-top:5px;border:2px solid #012c38;border-radius:20px;box-shadow:3px 3px 0 #012c38;background-color:#fcfa79;color:#012c38;font-family:"Courier New",Courier,monospace;font-size:17px;font-weight:700;text-align:center;text-decoration:none;cursor:pointer}.button.pink{background-color:#fdcde4}.button.mint{background-color:#c4fdd0}.button.small{padding:3px 12px}.button.social{width:50px;height:50px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;float:left;margin-right:15px}.button.social svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.button:hover{box-shadow:none;transform:translate(2px, 2px)}.dark .button{border-color:#000;box-shadow:3px 3px #000}.dark .button:hover{box-shadow:none}@keyframes loading{0%{transform:scaleY(1)}49%{transform:scaleY(1)}50%{transform:scaleY(-1)}100%{transform:scaleY(-1)}}#loading{position:fixed;top:0;left:0;right:0;bottom:0;display:none;justify-content:center;flex-flow:column;align-items:center;background-color:rgba(10,10,10,0.86);z-index:10;pointer-events:all;text-align:center;color:#fff;font-weight:bold}#loading svg{width:50px;height:50px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:loading 1s infinite}#loading.is-active{display:flex}@media (min-width: 768px){.tool-button:hover .tooltip{display:block}}.tooltip{display:none;position:absolute;top:65px;left:0;width:100px;background-color:#012c38;color:#fff;font-size:14px;padding:8px 5px}.tooltip::before{content:" ";position:absolute;bottom:100%;left:19px;border:solid transparent;height:0;width:0;pointer-events:none;border-bottom-color:#012c38;border-width:6px}.tooltip.bottom{top:unset;bottom:60px}.tooltip.bottom::before{bottom:unset;top:100%;left:19px;border:solid transparent;border-top-color:#012c38;border-width:6px}.tooltip.right{left:unset;right:0}.tooltip.right::before{bottom:100%;left:unset;right:19px;border-bottom-color:#012c38;border-width:6px}.tooltip.bottom-right{left:unset;right:0;top:unset;bottom:65px}.tooltip.bottom-right::before{bottom:unset;top:100%;left:unset;right:19px;border:solid transparent;border-top-color:#012c38;border-width:6px}#characters li button,#social-media-modal .close,.unbutton{width:100%;text-align:left;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.tool-button svg,#characters li button svg,.thumbnail.icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#characters{position:absolute;top:90px;left:0;flex-direction:row;padding:0;max-height:calc(100vh - 180px);min-height:170px;overflow-y:scroll;overflow-x:hidden;padding-right:10px;direction:rtl}#characters li{display:grid;grid-template-columns:30px 30px;grid-template-rows:30px 30px;margin:5px -5px;padding:5px;outline:none;border:2px solid;background:none;transition-duration:0.2s;background-color:#fff;border-radius:0 15px 15px 0;z-index:1;box-shadow:3px 3px #012c38}#characters li.active{transform:translate(2px, 2px);box-shadow:none;background-color:#f8f7b0}#characters li button{width:unset;display:flex;align-items:center;justify-content:center}#characters li button:hover{transform:scale(1.1)}#characters li button svg{width:18px;height:18px}#characters li button img{width:25px}#characters li button.tab-toggle svg{display:none}#characters li button.tab-toggle svg:hover{stroke:#01c9d7}#characters li button.tab-toggle svg.is-active{display:inline-block}#characters li button.tab-toggle svg.off{stroke:#01c9d7}#characters li button.tab-delete svg:hover{stroke:#fa00af}#characters li .tab-color{align-self:center;margin:0 auto;width:20px;height:20px;border:none;padding:0}.dark #characters li{background-color:#012c38;color:#fff;border:2px solid #000;box-shadow:3px 3px black}.dark #characters li.active{box-shadow:none}.popup-menu{position:absolute;display:none;top:70px;left:0;max-height:80vh;min-width:250px;overflow-y:auto;list-style:none;margin:0 10px;padding:10px;z-index:5;background:#fff;border:1px solid;box-shadow:3px 3px #fcfa79;background-color:#effbff}.popup-menu:nth-of-type(even){box-shadow:3px 3px #c4fdd0;background-color:#fff}.popup-menu.is-active{display:flex;flex-flow:column nowrap}.popup-menu.bottom{top:unset;bottom:70px}.popup-menu.right{left:unset;right:0}@media (max-width: 768px){.popup-menu.right:not(.bottom){right:60px}}.popup-menu h2{text-align:center;text-shadow:3px 3px #fdcde4}.popup-menu .panel-heading{font-size:20px;font-weight:bold;margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid}.popup-menu .panel-tabs{display:flex;justify-content:space-between;border-bottom:1px dashed;margin-bottom:5px;min-height:25px}.popup-menu .panel-tabs a{padding:3px;cursor:pointer}.popup-menu .panel-tabs a.is-active,.popup-menu .panel-tabs a:hover{color:#fa00af}.popup-menu a:hover{color:#01c9d7}.popup-menu .panel-block{display:flex;align-items:center;min-height:30px;cursor:pointer;padding:5px 0}.popup-menu .panel-block:nth-child(odd){background:#9c9c9c15}.popup-menu .panel-block button:not(.delete){width:100%;margin-bottom:10px}.popup-menu .panel-block.double-button{justify-content:flex-end}.popup-menu .panel-block.double-button .button{padding:0;width:75px;float:right;margin-left:5px}.popup-menu .panel-block.heading{display:block;cursor:initial;text-align:center;font-weight:bold}@media (max-width: 768px){.popup-menu .panel-block h4{margin:8px}}.popup-menu .panel-block .button{padding:7px}.popup-menu .panel-block .delete{background:#fdcde4;border:none;border-radius:50%;width:17px;height:17px;padding:0;cursor:pointer;flex:none}.popup-menu .panel-block .delete:hover{background:#fa00af}.popup-menu .panel-block .delete:before{content:"\00d7";color:#fff;font-weight:300;font-size:15px;font-family:Arial, sans-serif}.popup-menu .panel-block.license-key{flex-flow:column}.dark .popup-menu{background-color:#012c38;color:#fff;border-color:#000;box-shadow:3px 3px black}.dark .popup-menu h2{text-shadow:none}.accordion{cursor:pointer;width:100%;border:none;outline:none;align-items:center;font-weight:bold;order:1}.accordion:hover,.accordion.active{color:#fa00af;border-bottom:1px dashed}.accordion.active .header:before{content:"-"}.accordion .header{margin:0;padding:10px}.accordion .header:before{content:"+";padding-right:10px}.accordion .items{display:none;overflow:hidden}.accordion .items.active{display:block}.accordion .items .panel-block{font-weight:normal;padding-left:23px}.accordion .items .panel-block:before{content:"•";padding-right:10px}.accordion .items .panel-block:last-child{border-radius:0}.hl{color:#fff;background-color:#012c38;white-space:nowrap;padding:0 2px}.hl.hot-pink{background-color:#fa00af}.hl.tasty-teal{background-color:#01c9d7}.hl.fresh-mint{background-color:#c4fdd0;color:#012c38}.hl.chilled-electric{background-color:#effbff;color:#012c38}.hl.chilled-pink{background-color:#fdcde4;color:#012c38}.dark .hl{color:#012c38;background-color:#fff}#social-media-modal{display:none;position:absolute;right:0;bottom:0;max-width:480px;width:calc(100%-20px);margin:10px;z-index:10;background:#fff;padding:15px;border:1px solid;box-shadow:3px 3px #01c9d7;transform:rotateZ(1deg);text-align:center}#social-media-modal h2{text-align:center;text-shadow:3px 3px #fdcde4}#social-media-modal a{color:#fa00af}#social-media-modal .close{position:absolute;width:30px;height:30px;top:5px;right:5px;text-align:right}#social-media-modal .close:before{content:"\00d7";font-weight:300;font-size:30px;font-family:Arial, sans-serif}#social-media-modal.is-active{display:block}.popup-container{position:absolute;top:0;bottom:0;right:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.popup,.completed-popup{display:none;background:#effbff;width:80vw;max-width:450px;padding:25px;box-shadow:3px 3px #012c38;border:1px solid;z-index:1;pointer-events:all}.popup h2,.completed-popup h2{border-bottom:1px solid}.popup a,.completed-popup a{color:#fa00af;text-decoration:none}.popup a:hover,.completed-popup a:hover{text-decoration:none;color:#01c9d7}.popup svg,.completed-popup svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.popup.is-active,.completed-popup.is-active{display:block}.popup #license-span,.completed-popup #license-span{font-weight:bold}#tutorial{display:none;justify-content:center;align-items:center;position:absolute;top:0;bottom:0;right:0;left:0;z-index:2;pointer-events:none}#tutorial .overlay{display:flex;justify-content:center;align-items:center;position:absolute;top:0;bottom:0;right:0;left:0;background:rgba(1,201,215,0.81);pointer-events:all;cursor:not-allowed;transition:all 0.5s ease}@media (min-width: 768px){#tutorial .overlay{flex-direction:column}}#tutorial .overlay.top{top:0;bottom:unset}#tutorial .overlay.bottom{top:unset;bottom:0}#tutorial .overlay.right{left:unset;right:0}#tutorial .overlay.left{right:unset;left:0}#tutorial .overlay p{text-align:center;padding:10px;margin:10px;max-width:300px;background-color:#fff;border:1px solid #012c38;box-shadow:3px 3px #012c38;z-index:3}#tutorial .overlay .button{margin:10px;z-index:3;animation-duration:1.5s;animation-iteration-count:1;animation-name:bounce;animation-timing-function:cubic-bezier(0.28, 0.84, 0.42, 1)}#tutorial .view-box{width:30vw;min-width:200px;height:60vh}#tutorial .close{position:absolute;bottom:10px;right:calc(50% - 40px);z-index:4;pointer-events:all}@keyframes bounce{0%{transform:scale(1, 1) translateY(0)}10%{transform:scale(1.1, 0.9) translateY(0)}30%{transform:scale(0.9, 1.1) translateY(-15px)}50%{transform:scale(1.05, 0.95) translateY(0)}57%{transform:scale(1, 1) translateY(-7px)}64%{transform:scale(1, 1) translateY(0)}100%{transform:scale(1, 1) translateY(0)}}body{font-family:"San Francisco","Helvetica Neue","Helvetica","Arial";color:#012c38;background-color:#fff;margin:0px;height:100vh;width:100vw;overflow:hidden}canvas{outline:none}.stacked{flex-flow:column nowrap;align-items:stretch !important}.thumbnail{width:30px;height:30px;object-fit:contain;margin-right:5px}.thumbnail.icon{width:18px;height:18px;text-align:center}.thumbnail.icon svg{width:18px;height:18px}@media (max-width: 425px){.tool-button{width:45px;height:45px}}img{max-width:50px;max-height:50px}.dg.main{float:none !important;margin:0 auto !important}.delete{margin-left:auto}.light-controls{padding:0 10px;margin:10px;background-color:#fff;border-radius:5px;border:1px solid #dbdbdb}.light-controls img{width:50px}.light-controls .control{width:200px;margin:10px auto;text-align:center}.info{position:absolute;display:none;bottom:100px;right:10px;list-style:none;padding:10px;color:#fff;text-align:left;border:solid transparent 5px;background:rgba(0,0,0,0.8)}#options-menu .panel-block{justify-content:space-between !important}.c{display:none}input[type="range"]{overflow:hidden;-webkit-appearance:none;background-color:#ccc;width:230px;padding:2px;outline:none;border-radius:10px;cursor:pointer}input[type="range"]::-webkit-slider-runnable-track{height:16px;-webkit-appearance:none;color:#01c9d7;border-radius:5px}input[type="range"]::-webkit-slider-thumb{width:16px;height:16px;-webkit-appearance:none;cursor:pointer;border-radius:50%;background:#fff;box-shadow:-232px 0 0 232px #01c9d7}input[type="range"]::-moz-range-progress{background-color:#01c9d7;height:16px}input[type="range"]::-moz-range-track{background-color:#ccc;height:16px}input[type="range"]::-ms-fill-lower{background-color:#01c9d7;height:16px}input[type="range"]::-ms-fill-upper{background-color:#ccc;height:16px}.switch{margin-left:5px;position:relative;display:inline-block;width:36px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:0.1s;transition:0.1s}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;-webkit-transition:0.1s;transition:0.1s}input:checked+.slider{background-color:#01c9d7}input:focus+.slider{box-shadow:0 0 1px #01c9d7}input:checked+.slider:before{-webkit-transform:translateX(16px);-ms-transform:translateX(16px);transform:translateX(16px)}.slider.round{border-radius:20px}.slider.round:before{border-radius:50%}.text-input{width:95%;border:2px solid;line-height:2;border-radius:5px}.dark input[type="range"]{background-color:#9b9b9b}.dark #social-media-modal{background-color:#012c38;color:#fff;border-color:#000}.dark .thumbnail{color:#fff}


/*# sourceMappingURL=bundle.523e912d6242c18ec217.css.map*/