.validation-success,
.validation-failure,
.validation-pending {
  position: absolute;
  width: 100%;
  height: 100%;

  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-weight: bold;
  font-size: 1.4rem;
  padding: 10px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.validation-success {
  color: green;
}
.validation-failure {
  color: red;
}
.qrcode {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.8);
}
.scan {
  width: 100%;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  z-index: 9999;
  -webkit-animation: scan 5s infinite;
  animation: scan 5s infinite;
  -webkit-animation-direction: alternate-reverse;
  -webkit-box-shadow: 0px 0px 30px rgba(255, 255, 255, 0.5);
          box-shadow: 0px 0px 30px rgba(255, 255, 255, 0.5);
}
@-webkit-keyframes scan {
0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
100% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
}


/*# sourceMappingURL=chunk-f26f1618-314f283841493cc99430.css.map?_hash=314f283841493cc99430*/