.line-mask {
  padding-block: 0.15em;
  margin-block: -0.15em;
}

#heading .line-mask {
  padding-right: 1rem;
  margin-left: -1rem;
}

/* .staging_logo_svg {
  animation: rotateZAxis 4s linear infinite;
}

@keyframes rotateZAxis {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
 } */

a {
  display: inline-block;
  position: relative;
}
a::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 1px;
  bottom: -3px;
  left: 0;
  background-color: #bababa;
  transform-origin: bottom right;
  transition: transform 0.33s ease-out;
}
a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

@keyframes flicker-shadow {
  0%,
  100% {
    filter: drop-shadow(0 0 0px #bab9b9);
  }

  5% {
    filter: drop-shadow(0 0 8px #bab9b9);
  }

  7% {
    filter: drop-shadow(0 0 0px #bab9b9);
  }

  9% {
    filter: drop-shadow(0 0 6.62px #bab9b9);
  }

  11% {
    filter: drop-shadow(0 0 0px #bab9b9);
  }

  13% {
    filter: drop-shadow(0 0 6.62px #bab9b9);
  }

  50% {
    filter: drop-shadow(0 0 8px #bab9b9);
  }

  75% {
    filter: drop-shadow(0 0 8px #bab9b9);
  }

  77% {
    filter: drop-shadow(0 0 0px #bab9b9);
  }

  79% {
    filter: drop-shadow(0 0 6.62px #bab9b9);
  }

  81% {
    filter: drop-shadow(0 0 0px #bab9b9);
  }

  83% {
    filter: drop-shadow(0 0 6.62px #bab9b9);
  }
}

.staging_top_logo {
  animation: flicker-shadow 4s infinite;
}
