html, body { padding: 0; margin: 0; overflow: hidden; overflow-y: auto; width: 100vw; height: 100%;   }


body {background: #000; font-family:'Montserrat','Roboto',sans-serif;}
#unity-container { position: fixed; width: 100%; height: 100%;  }
#unity-canvas { width: 100%; height: 100%; background: #000 }
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none }
#unity-logo { width: 154px; height: 130px; background: url('loading-logo-dark.png') no-repeat center }
.theme-light #unity-logo { background: url('loading-logo-light.png') }
#unity-progress-bar-empty { margin-left: auto; margin-right: auto; width: 141px; height: 18px; margin-top: 10px; background: url('progress-bar-empty-dark.png') no-repeat center }
#unity-progress-bar-full { width: 0%; height: 18px; margin-top: 10px; background: url('progress-bar-full-dark.png') no-repeat center }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }


.ctaDiv { position: fixed; width: 100vw; height: 100%; min-height:500px; z-index: 99; box-sizing: border-box; }

.ctaDiv div { box-sizing: border-box;}
.start-page { background: #000; text-align:center; color:#fff; }
.theme-light .start-page { background: #fff; color:#000;}
.theme-dark .start-page { background: #000; color:#fff;}
.start-page-wrapper { padding:20px; padding-bottom:40px; position: absolute; top:47%; transform: translate(0,-50%); left:0px; width:100%;}
.start-img { height:50vh; max-height:800px; min-height:400px; max-width: min(100%, 70vh); object-fit: contain; object-position: 50% 100%;  }
.have-title .start-img { height:45vh; min-height:300px; max-height:600px; }
.start-btn { padding:0px; border:none; background: none; margin-top:15px;  margin-bottom:15px; }
.start-btn img { height:78px;  }
.start-btn-default { border:solid 1px #fff; color:#fff; font-weight:normal; background: transparent; min-width:262px; font-size:30px; padding:22px; padding-left:60px; padding-right:60px; border-radius:5px; }
.start-btn.image-btn.have-text { padding:22px; padding-left:50px; font-weight:normal; padding-right:50px; font-size:30px; min-width:262px; border:none;  background-position: center center; background-size: contain; background-repeat: no-repeat; color:#fff; }
.theme-light .start-btn-default { border-color:#000; color:#000; }
.start-title-wrapper h1 { margin-block-end: 10px; margin-block-start: 20px; }

.start-info { color:#999; font-size:14px;  }
.theme-light .start-info { color:#666;}
.start-info p {  }
.powered-wrapper { position: fixed; bottom:0px; left:0px; width:100%; padding:0px; padding-bottom:15px; z-index:100; text-align:center;}
.powered { width:110px; }

 .qrcode img {
  width:100% !important;
  max-width:100% !important;
}

#videoCapture {display:none;}