#sign-in, #sign-up {
  background: #ffffff;
  padding: 25px 15px;
  border-radius: 7px;
  box-shadow: 0px 0px 8px -4px #333333;
}

.signin {
  max-width: 335px;
  margin: 45px auto;
}

.submit-in {
  width: 100%;
  border-radius: 25px;
  background: #F65310;
  border: none;
  margin: 25px auto;
}

.submit-in:hover {
  background: #143d22;
}

.signin h3 {
  font-size: 19px;
  margin: 0 0 35px auto;
}

#sign-in input[type=email], #sign-in input[type=text], #sign-in input[type=password], #sign-up input[type=email], #sign-up input[type=text], #sign-up input[type=password] {
  min-width: 285px;
  margin: 5px auto;
}

#sign-in .form-foot, #sign-up .form-foot {
  font-size: 14px;
  margin: 15px auto;
}

#sign-in .inps, #sign-up .inps {
  font-size: 13px;
}

#sign-in label, #sign-up label {
  margin-bottom: 15px;
}

#sign-in .form-mid, #sign-up .form-mid {
  font-size: 12px;
  margin: 15px auto;
}

.form-foot p {
  font-size: 12px;
}

#sign-wrap {
  padding: 35px 0;
  background: #efefef;
}

#logger {
  position: sticky;
  width: 333px;
  top: 15px;
  z-index: 21;
  margin: 14px auto;
}

#logger .toast-header {
  background: #4CAF50;
  color: #ffffff;
  border-radius: 7px;
}

.toa_wrap {
  position: absolute;
  height: 100%;
  left: 0;
  right: 0;
  margin-inline: auto;
  width: fit-content;
}

.toa_bott small {
  font-size: 10px;
}