#login-page .login-panel {
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
}
#login-page .flip-container {
  perspective: 1000px;
  position: relative;
  min-height: 400px;
}
#login-page .flip-container .flipper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transform-style: preserve-3d;
}
#login-page .flip-container.flipped .flipper {
  transform: rotateY(180deg);
}
#login-page .front, #login-page .back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius-lg);
}
#login-page .front {
  z-index: 2;
  transform: rotateY(0deg);
}
#login-page .back {
  transform: rotateY(180deg);
}
#login-page .input-group-text {
  color: var(--bs-secondary-color);
}
#login-page .btn-primary {
  background-color: #1B224B;
  border-color: #1B224B;
  padding: 0.6rem 1rem;
  font-weight: 500;
}
#login-page .btn-primary:hover {
  background-color: rgb(16.2, 20.4, 45);
  border-color: rgb(13.5, 17, 37.5);
}

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