/*Colors*/
/* #B6B2AB; */
html body > .dokk-container {
  transition: opacity 0.75s ease-out;
}
html.loading body {
  position: relative;
  background: #FFFFFF;
}
html.loading body > .dokk-container {
  visibility: hidden;
  opacity: 0;
}
html.loading body::before {
  content: "";
  display: block;
  width: 54px;
  height: 30px;
  position: fixed;
  top: calc(50% - 15px);
  left: calc(50% - 15px);
  background-position: 0px 15px, 20px 15px, 40px 15px;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  animation: loading-anim 0.5s linear infinite alternate;
}

@keyframes loading-anim {
  0% {
    background-position: 0px 0px, 20px 15px, 40px 15px;
  }
  50% {
    background-position: 0px 15px, 20px 0px, 40px 15px;
  }
  100% {
    background-position: 0px 15px, 20px 15px, 40px 0px;
  }
}