html,
body
{
  width: 100%;
  height: 100%;
  margin: 0;
}

.preloadContainer
{
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  position: fixed;
}

.preloadContainer .splash
{
  width: 35vw;
  height: 35vw;
  max-height: 80vh;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.preloadContainer .splash .icon
{
  width: 100%;
  height: 55%;
  background-image: url("../resources/multigem-machine/bitmaps/icon.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.preloadContainer .splash .indicator
{
  width: 100%;
  height: 4%;
  background-color: #141519;
  border-radius: 5vw;
  margin-top: 2%;
  margin-bottom: 15%;
  overflow: hidden;
  text-align: center;
  font-size: 2vw;
  font-family: "Montserrat-Medium", sans-serif;
  color: white;
}

.preloadContainer .splash .indicator .progressBar
{
  width: 0;
  height: 100%;
  background-color: white;
  background-color: #fe0d01;
  border-radius: 5vw;
  -webkit-transition: width 0.3s linear;
  transition: width 0.3s linear;
}

.preloadContainer .splash .logo
{
  width: 100%;
  height: 20%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 0;
}

.preloadContainer.hidden
{
  opacity: 0;
}

.preloadContainer.click .splash .indicator
{
  background-color: initial;
  overflow: initial;
  -webkit-animation: blink 1s alternate infinite;
  animation: blink 1s alternate infinite;
}

.preloadContainer.auto .splash .indicator
{
  overflow: initial;
}

.preloadContainer.auto .splash .indicator .progressBar
{
  -webkit-animation: glow 1.8s forwards;
  animation: glow 1.8s forwards;
}

.preloadContainer .splash .logo
{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='347.227' height='469.413' viewBox='0 0 347.227 469.413'%3E%3Cpath d='m122.759 63.901 9.567-13.335s37.139 71.734 38.785 74.777c.163.301.584.609.886.609 9.761.028 19.522.018 29.283.008.077 0 .155-.076.501-.255C180.166 83.835 136.028 0 136.028 0l-25.013 44.433zm57.219.215 10.985-13.55s37.139 71.734 38.785 74.777c.163.301.584.609.886.609 9.761.028 19.522.018 29.283.008.077 0 .155-.076.501-.255C238.803 83.835 194.665 0 194.665 0l-25.013 42.71zM63.114 32.137c-1.262-1.959-2.879-3.465-4.86-4.539-1.993-1.063-4.218-1.804-6.654-2.214a42 42 0 0 0-7.085-.62H28.14v28.75h16.21c6.244 0 11.248-1.007 15-3.022 3.765-2.003 5.636-5.613 5.636-10.827 0-3.077-.632-5.59-1.871-7.528M28.14 101.794h14.326c6.144 0 10.772-.975 13.904-2.934 3.123-1.948 4.684-5.059 4.684-9.322q0-6.741-4.517-10.196c-3.011-2.313-7.24-3.465-12.71-3.465H28.142Zm64.044-53.781c-1.306 3.31-3.066 6.21-5.292 8.701q-3.32 3.72-7.837 6.111a32.1 32.1 0 0 1-9.643 3.3v.342c3.941 1.34 9.066 4.937 12 7.417l-29.874 51.988a116 116 0 0 1-3.437.056H0V.276h48.102c5.79 0 11.447.61 16.971 1.86 5.513 1.24 10.418 3.277 14.746 6.122 4.318 2.845 7.794 6.587 10.407 11.27q3.918 7.008 3.919 17.303c0 4.14-.654 7.871-1.96 11.182' style='fill:%23a11639;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:.1' transform='matrix(1.33333 0 0 -1.33333 0 469.413)'/%3E%3Cpath d='m173.329 352.062-6.274-.084-14.735-15.03 15.77-2.941 13.132 6.583zM58.732 272.84l18.728-28.125 16.118 28.748ZM10.85 173.776l31.563-17.866 13.856 39.48Zm156.615 101.851 16.827-13.054 15.282 12.84 4.442 16.069-4.561 3.787zm-21.768-51.15 23.195-38.671-4.346 36.271 10.474 28.418zm5.102 110.392-25.629-25.45 5.816-7.933 14.444-1.753 20.517 32.291zm-28.106-26.906-27.576.174-35.57-32.932 35.142.976 11.01 18.727 22.496 5.358zm-83.516-81.411L9.766 176.084l47.442 23.083 8.835 23.728Zm128.737-43.988-24.688 40.447-22.111-18.422 46.445-42.58zm-1.851-22.718-45.049 40.97 29.327-68.289zm-18.646-31.285-61.804 41.153 19.866-41.153ZM134.636 262.91 71.69 223.851l45.057-16.827Zm34.267 68.634-21.365-33.119-8.881-30.232c.464-.069 24.933 8.289 24.933 8.289l22.194 43.983-3.207 18.419zm13.671-70.942-17.226 13.659-27.298-9.129-18.377-58.178zm-125.967 11.02L3.211 254.315l36.652-25.123s26.648-3.813 26.896-3.439l8.7 16.851-3.914 6.439-16.179-10.045-10.714 9.088-27.166 5.316 52.123-1.734zM45.274 154.728l36.717 18.323L68.01 220.23Zm83.868 144.047-8.675-10.979-17.55-3.76-32.872-57.845 65.32 40.517 8.791 30.303zm19.772-168.987-32.101 74.494-46.794 17.594 14.008-47.892zm-45.999-1.227L82.47 170.507l-35.468-17.808 14.055-24.138zm3.484-2.349 20.649-35.21 19.957 35.21zm-2.419 0 21.157-36.996c-7.346-12.941-15.063-28.148-20.627-37.967-.411.72-42.526 74.963-42.526 74.963z' style='fill:%23f8bb18;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:.1' transform='matrix(1.33333 0 0 -1.33333 0 469.413)'/%3E%3C/svg%3E");
  opacity: 1;
}

/**
  @description: old definition for only de-regulation (logo was only visible there)
 */
.preloadContainer.de .splash .logo
{

}

@media screen and (orientation: portrait)
{
  .preloadContainer .splash
  {
    width: 70vw;
    height: 70vw;
  }

  .preloadContainer .splash .indicator
  {
    font-size: 5vw;
    line-height: 5vw;
  }
}

@-webkit-keyframes blink
{
  from
  {
    opacity: 0;
  }
  to
  {
    opacity: 1;
  }
}

@keyframes blink
{
  from
  {
    opacity: 0;
  }
  to
  {
    opacity: 1;
  }
}

@-webkit-keyframes glow
{
  from
  {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  to
  {
    -webkit-box-shadow: 0 0 0.5vw 0.5vw #ffffff80;
    box-shadow: 0 0 0.5vw 0.5vw #ffffff80;
  }
}

@keyframes glow
{
  from
  {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  to
  {
    -webkit-box-shadow: 0 0 0.5vw 0.5vw #ffffff80;
    box-shadow: 0 0 0.5vw 0.5vw #ffffff80;
  }
}