html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}
html, body {height: 100%;}
canvas {display: block;}
body {margin: 0;background: linear-gradient(0deg, #B9E8FF 0%, #69CDFF 100%);}
body > div:last-of-type:not([id]):not(.inputWrapper) {height: 0 !important;position: absolute !important;top: -50px;}
#unity-container {width: 100%;height: 100%;}
#unity-canvas {width: 100%;height: 100%;}
.container {display: flex; width: 100%; height: 100%;}
.contentWrapper {flex: 1 1 auto;display: flex;flex-direction: column;justify-content: center;align-items: center;}
#not-supported-wasm, #not-supported, #not-supported-technology {display: flex; position: absolute;width: 100vw; align-items: center;justify-content: center;height: 100vh;height: -webkit-fill-available;}
#not-supported-wasm p, #not-supported p, #not-supported-technology p {margin-top: 0;font-weight: 400;font-size: 14px;line-height: 18px;text-align: center;font-family: 'SB Sans', serif;}
#not-supported-wasm h2, #not-supported h2, #not-supported-technology h2 {font-weight: 700;font-size: 24px;line-height: 31px;font-family: 'SB Sans', serif;text-align: center;}
.image { width: 100%; height: auto; }
.overlay {position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.center {position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
@media only screen and (max-width: 900px) {  .desktop {display: none;}  .mobile {}  }
@media only screen and (min-width: 900px) {  .desktop {}  .mobile {display: none;}  }
/* spinner */
.lds-ring {color: #000000}
.lds-ring,
.lds-ring div {box-sizing: border-box;}
.lds-ring {display: inline-block;position: relative;width: 80px;height: 80px;}
.lds-ring div {box-sizing: border-box;display: block;position: absolute;width: 64px;height: 64px;margin: 8px;border: 8px solid currentColor;border-radius: 50%;animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color: currentColor transparent transparent transparent;}
.lds-ring div:nth-child(1) {animation-delay: -0.45s;}
.lds-ring div:nth-child(2) {animation-delay: -0.3s;}
.lds-ring div:nth-child(3) {animation-delay: -0.15s;}
@keyframes lds-ring { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} }