body{margin:0;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading-screen{height:100%;width:100%;position:absolute;top:0;left:0;color:#50585e;background-color:#fff}.loading-screen .loading-screen-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:absolute;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}.loading-text{color:#0094c0;margin-top:8rem;text-align:center}div.spinner{position:absolute;width:54px;height:54px;display:inline-block;margin-left:50%;margin-right:50%;-webkit-transform:translateY(50%) translateX(-50%);transform:translateY(50%) translateX(-50%);background:transparent;padding:10px;border-radius:10px}div.spinner div{width:6%;height:16%;background:#50585e;position:absolute;left:49%;top:43%;opacity:0;-webkit-border-radius:50px;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-animation:fade 1s linear infinite;animation:fade 1s linear infinite}@-webkit-keyframes fade{0%{opacity:1}to{opacity:.125}}div.spinner div.bar1{-webkit-transform:rotate(0deg) translateY(-130%);-webkit-animation-delay:0s;-moz-transform:rotate(0deg) translateY(-130%);-moz-animation-delay:0s;transform:rotate(0deg) translateY(-130%);animation-delay:0s}div.spinner div.bar2{-webkit-transform:rotate(30deg) translateY(-130%);-webkit-animation-delay:-.9167s;-moz-transform:rotate(30deg) translateY(-130%);-moz-animation-delay:-.9167s;transform:rotate(30deg) translateY(-130%);animation-delay:-.9167s}div.spinner div.bar3{-webkit-transform:rotate(60deg) translateY(-130%);-webkit-animation-delay:-.833s;-moz-transform:rotate(60deg) translateY(-130%);-moz-animation-delay:-.833s;transform:rotate(60deg) translateY(-130%);animation-delay:-.833s}div.spinner div.bar4{-webkit-transform:rotate(90deg) translateY(-130%);-webkit-animation-delay:-.7497s;-moz-transform:rotate(90deg) translateY(-130%);-moz-animation-delay:-.7497s;transform:rotate(90deg) translateY(-130%);animation-delay:-.7497s}div.spinner div.bar5{-webkit-transform:rotate(120deg) translateY(-130%);-webkit-animation-delay:-.667s;-moz-transform:rotate(120deg) translateY(-130%);-moz-animation-delay:-.667s;transform:rotate(120deg) translateY(-130%);animation-delay:-.667s}div.spinner div.bar6{-webkit-transform:rotate(150deg) translateY(-130%);-webkit-animation-delay:-.5837s;-moz-transform:rotate(150deg) translateY(-130%);-moz-animation-delay:-.5837s;transform:rotate(150deg) translateY(-130%);animation-delay:-.5837s}div.spinner div.bar7{-webkit-transform:rotate(180deg) translateY(-130%);-webkit-animation-delay:-.5s;-moz-transform:rotate(180deg) translateY(-130%);-moz-animation-delay:-.5s;transform:rotate(180deg) translateY(-130%);animation-delay:-.5s}div.spinner div.bar8{-webkit-transform:rotate(210deg) translateY(-130%);-webkit-animation-delay:-.4167s;-moz-transform:rotate(210deg) translateY(-130%);-moz-animation-delay:-.4167s;transform:rotate(210deg) translateY(-130%);animation-delay:-.4167s}div.spinner div.bar9{-webkit-transform:rotate(240deg) translateY(-130%);-webkit-animation-delay:-.333s;-moz-transform:rotate(240deg) translateY(-130%);-moz-animation-delay:-.333s;transform:rotate(240deg) translateY(-130%);animation-delay:-.333s}div.spinner div.bar10{-webkit-transform:rotate(270deg) translateY(-130%);-webkit-animation-delay:-.2497s;-moz-transform:rotate(270deg) translateY(-130%);-moz-animation-delay:-.2497s;transform:rotate(270deg) translateY(-130%);animation-delay:-.2497s}div.spinner div.bar11{-webkit-transform:rotate(300deg) translateY(-130%);-webkit-animation-delay:-.167s;-moz-transform:rotate(300deg) translateY(-130%);-moz-animation-delay:-.167s;transform:rotate(300deg) translateY(-130%);animation-delay:-.167s}div.spinner div.bar12{-webkit-transform:rotate(330deg) translateY(-130%);-webkit-animation-delay:-.0833s;-moz-transform:rotate(330deg) translateY(-130%);-moz-animation-delay:-.0833s;transform:rotate(330deg) translateY(-130%);animation-delay:-.0833s}canvas{outline:none;overflow:hidden;width:100%;margin:0;border:none}.container{position:absolute;height:100%;width:100%}.text-panel-container{position:absolute;display:flex;align-items:center;height:100%;top:0;right:0;width:400px;pointer-events:none}.text-panel-container .text-panel{pointer-events:all;background:#fff;opacity:.95;color:#50585e;width:20%;border-radius:0 0 0 4px;padding:1rem 8px 16px 16px;max-height:100%;font-family:Arial,sans-serif;font-size:15px;width:100%;-webkit-filter:drop-shadow(-2px 2px 7px #50585e);filter:drop-shadow(-2px 2px 7px #50585e)}.text-panel-container .text-panel h3{font-size:1.5rem;margin-top:16px;letter-spacing:1px;color:#0094c0}.text-panel-container .text-panel h5{font-size:1.1em;font-weight:300;letter-spacing:1px}.text-panel-container .text-panel ul{list-style:none;margin-left:0;padding-left:1em;text-indent:-1em}.text-panel-container .text-panel ul li{margin-top:.5rem}.text-panel-container .text-panel ul li:before{content:"-";margin-right:.7em}.text-panel-container .text-panel ul li:first-child{margin-top:-.5rem}.text-panel-container .text-panel .close-button{width:24px;height:24px;background:transparent;border:none;border-radius:12px;opacity:.6;right:16px;top:16px;position:absolute;font-size:20px;color:#50585e;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.2s;transition-duration:.2s;cursor:pointer;font-weight:700}.text-panel-container .text-panel .close-button:hover{opacity:1}.canvas-container{width:100%;height:100%;padding:0}#renderCanvas{height:50%}body{overflow:hidden}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20%);transform:translateX(20%)}to{opacity:.96;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20%);transform:translateX(20%)}to{opacity:.96;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeOutRight{0%{opacity:.96;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(20%);transform:translateX(20%)}}@keyframes fadeOutRight{0%{opacity:.96;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(20%);transform:translateX(20%)}}.fadeIn{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-duration:.2s;animation-duration:.2s}.fadeOut{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;-webkit-animation-duration:10s;animation-duration:10s}
/*# sourceMappingURL=main.1ff75f3a.chunk.css.map */