.login-method{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:8px;
  width:auto;
  max-width:100%;
}
.login-method__btn{
  display:flex;
  align-items:center;
  justify-content:center;
  width:auto;
  min-height:42px;
  padding:8px 16px;
  border:1px solid #e6efe9;
  border-radius:10px;
  background:#f5f5f5;
  color:#2A3532;
  font-size:14px;
  line-height:1.3;
  white-space:nowrap;
  cursor:pointer;
  transition:0.2s;
}
.login-method__btn._active{
  background:#11BD47;
  border-color:#11BD47;
  color:#ffffff;
}
.login-method__btn:hover{
  border-color:#11BD47;
}
.login-form__row._single{
  grid-template-columns:100%;
}
.login-code-status{
  margin:0 0 16px;
  font-size:14px;
  line-height:1.4;
  color:#11BD47;
  text-align:center;
}
.login-code-status._error{
  color:#DC3545;
}
.login-code-change{
  display:inline;
  padding:0;
  border:none;
  background:none;
  color:#10B981;
  font:inherit;
  font-size:14px;
  line-height:1.4;
  text-decoration:underline;
  cursor:pointer;
}
.login-code-change:hover{
  text-decoration:none;
}
.login-code-digits{
  display:flex;
  justify-content:center;
  gap:10px;
  margin:0 0 20px;
}
.login-code-digit{
  width:52px;
  height:56px;
  padding:0;
  text-align:center;
  font-size:24px;
  font-weight:700;
  letter-spacing:0;
  border:1px solid #e6efe9;
  border-radius:10px;
  background:#ffffff;
  color:#2A3532;
}
.login-code-digit:focus{
  outline:none;
  border-color:#11BD47;
  box-shadow:0 0 0 3px rgba(17,189,71,.18);
}
#loginCodeBlock[hidden],
#loginCodeDigits[hidden],
#loginPasswordBox[hidden],
#loginFieldsRow[hidden],
#loginSubmitBtn[hidden],
#loginForgotten[hidden],
.login-code-status[hidden]{
  display:none !important;
}
@media screen and (max-width:575px){
  .login-code-digit{
    width:46px;
    height:50px;
    font-size:22px;
  }
}