/* Following media queries are based on Bootstrap 3.x breakpoints */
.flex {
  display: flex;
}

.login-step-1,
.login-step-2,
.login-step-3 {
  display: none;
}

[data-login-step="1"] .login-step-1 {
  display: block;
}
[data-login-step="1"] .btn-back {
  display: none;
}

[data-login-step="2"] .login-step-2 {
  display: block;
}

[data-login-step="3"] .login-step-3 {
  display: block;
}

.farashop__custom-login .btn-one-time-password {
  background-color: white;
  border-color: #787a87;
  color: #787a87;
}
.farashop__custom-login .btn-one-time-password:hover {
  color: white;
  background-color: #787a87;
}

.fs-auth__login {
  display: none;
}
.fs-auth__login.active {
  display: block;
}
@media (min-width: 768px) {
  .fs-auth__login {
    /*padding-inline-end: 10px;*/
  }
}