.loading {
  width: 100%;
  height: 100%;
  position: absolute;
  animation: loading_colorize 1s ease-out;
  background: #ffffffd3;
  opacity: 1;
  z-index: 10; }
  .loading .beam {
    height: 100px;
    width: 20px;
    background: #33cfff;
    position: absolute;
    left: calc(50% - 10px);
    top: calc((100vh - 50px) / 2 - 50px);
    z-index: 12; }
    .loading .beam-head {
      width: 50px;
      height: 50px;
      background: #33cfff;
      border-radius: 50%;
      position: absolute;
      top: calc((100vh - 50px) / 2 - 110px);
      left: calc(50% - 25px);
      z-index: 12;
      display: flex;
      justify-content: center;
      align-items: center; }
      .loading .beam-head .eye {
        width: 10px;
        height: 10px;
        background: #ffffff;
        z-index: 13;
        border-radius: 50%;
        transform: translateY(17px); }
  .loading .quizmark {
    font-family: "Segoe UI", Tahoma, sans-serif;
    font-size: 1.3rem;
    font-weight: bolder;
    width: 10px;
    height: 25px;
    left: calc(50% - 5px);
    top: calc((100vh - 50px) / 2 - 100px);
    position: absolute;
    z-index: 13;
    transform: translateY(100px); }

@keyframes loading_colorize {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/*# sourceMappingURL=loading.css.map */