.ntea-webgl {
  max-width: 100%;
  position: relative;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ntea-webgl__container {
  max-width: 100%;
}

.ntea-webgl .logo,
.ntea-webgl .progress {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.ntea-webgl .logo {
  width: 154px;
  height: 130px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.85);
}

.ntea-webgl .progress {
  width: 220px;
  height: 14px;
  margin-top: 92px;
  border-radius: 999px;
  overflow: hidden;
  border: 1px solid #a0a0a0;
  background: #f3f3f3;
}

.ntea-webgl .progress .full {
  height: 100%;
  background: #0074bd;
}

.ntea-webgl .progress .empty {
  height: 100%;
  background: transparent;
}

.ntea-webgl .footer {
  margin-top: 8px;
  min-height: 38px;
  line-height: 38px;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 16px;
}

.ntea-webgl .footer .webgl-logo,
.ntea-webgl .footer .title,
.ntea-webgl .footer .fullscreen {
  height: 100%;
  display: inline-block;
  vertical-align: top;
}

.ntea-webgl .footer .webgl-logo {
  width: 0;
}

.ntea-webgl .footer .title {
  margin-right: 12px;
  float: right;
}

.ntea-webgl .footer .fullscreen {
  width: 38px;
  float: right;
  margin-right: 4px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
}

.ntea-webgl .footer .fullscreen::before {
  content: "\2922";
  display: block;
  text-align: center;
  font-size: 18px;
  line-height: 36px;
}

/* Center Unity-generated uploader overlays on the viewport */
.gettruck,
.getimage {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 9999;
}

.block-ntea-webgl-block .ntea-webgl h2:first-of-type {
  display: none;
}