body {
  margin: 0;
}
.secure-loader-wrapper {
  min-height: 100vh;
  flex-grow: 1;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.secure-loader-wrapper.dark {
  background: #1e1e1e;
}
.secure-loader {
  width: 100px;
  height: auto;
}
#rect-one {
  fill: #baa172;
  animation: reveal-loader 4s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}
#rect-two {
  fill: #1e1e1e;
  animation: reveal-loader-second 4s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}
@-webkit-keyframes reveal-loader {
  0% {
    width: 0%;
    x: -100;
  }
  50% {
    width: 100%;
    x: 700;
  }
  100% {
    width: 0%;
    x: -100;
  }
}
@keyframes reveal-loader {
  0% {
    width: 0%;
    x: -100;
  }
  50% {
    width: 100%;
    x: 700;
  }
  100% {
    width: 0%;
    x: -100;
  }
}
@-webkit-keyframes reveal-loader-second {
  0% {
    width: 0%;
    x: -100;
  }
  50% {
    width: 110%;
    x: 0;
  }
  100% {
    width: 0%;
    x: -100;
  }
}
@keyframes reveal-loader-second {
  0% {
    width: 0%;
    x: -100;
  }
  50% {
    width: 110%;
    x: 0;
  }
  100% {
    width: 0%;
    x: -100;
  }
}