#root{width:100%;height:100%;text-align:center}#canvas-container{width:100%;height:100%;background-color:var(--background-color)}.button{position:absolute;top:0;left:0;padding:2vh;color:#fff;opacity:0;z-index:1;-webkit-user-select:none;user-select:none;transition:opacity .2s}@media only screen and (max-width: 600px){.button{top:auto;left:auto;bottom:0;right:0}}.bottom{position:absolute;bottom:15px}.center{display:flex;justify-content:center;align-content:center;flex-direction:column}.full-screen{position:absolute;height:100%;width:100%}.full-width{width:100%}.overlay{z-index:1;pointer-events:none}.welcome-screen{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;background-color:var(--background-color);z-index:1;gap:12px;display:flex;justify-content:center;align-content:center;flex-direction:column;-webkit-user-select:"none";user-select:"none";transition:opacity .4s}#loading-text:before{content:"Loading";animation-name:dots;animation-duration:3s;animation-iteration-count:infinite}@keyframes dots{25%{content:"Loading."}50%{content:"Loading.."}75%{content:"Loading..."}}:root{--cube-width: 30px}#loading-screen-text-start{margin-top:10px;font-size:20px;color:gray}#loading-screen-text-start-container{transition:opacity 1.2s ease;height:calc(var(--cube-width)*2);display:flex;align-items:center;justify-content:center}#loading-screen-text-start:hover{transform:scale(1.02)}.cube-wrapper{position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:spin 5s infinite linear;animation:spin 5s infinite linear;width:var(--cube-width);height:var(--cube-width);-webkit-animation-play-state:paused;-moz-animation-play-state:paused;animation-play-state:paused}.cube{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:spin 10s infinite linear;animation:spin 10s infinite linear;position:absolute;width:var(--cube-width);height:var(--cube-width);transform:rotateX(45deg) rotateY(45deg)}.cube-wrapper:hover{-webkit-animation-play-state:running;-moz-animation-play-state:running;animation-play-state:running}.cube div{width:var(--cube-width);height:var(--cube-width);line-height:var(--cube-width);text-align:center;box-shadow:inset 0 0 0 1px #ffffff93;background:#8a8a8a27;display:block;position:absolute}.cube__top{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);margin-top:calc(var(--cube-width) / -2)}.cube__right{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);margin-left:calc(var(--cube-width) / 2)}.cube__bottom{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);margin-top:calc(var(--cube-width) / 2)}.cube__left{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);margin-left:calc(var(--cube-width) / -2)}.cube__front{-webkit-transform:translateZ(calc(var(--cube-width) / 2));transform:translateZ(calc(var(--cube-width) / 2))}.cube__back{-webkit-transform:translateZ(calc(var(--cube-width) / -2)) rotateX(180deg);transform:translateZ(calc(var(--cube-width) / -2)) rotateX(180deg)}@-webkit-keyframes spin{to{rotate:0 1 0 360deg}}@keyframes spin{to{rotate:0 1 0 360deg}}