/* Auth helpers only — визуал попапов из vendor/css (макет 1:1). */

.auth-popup-open {
  overflow: hidden;
}

/* form с классом макета — без UA-отступов */
form.popup-email-login {
  margin: 0;
  padding: 0;
  border: 0;
}

/* в потоке: при показе сдвигает контент, при [hidden] не занимает место */
.trs-auth-alert {
  width: 100%;
  margin: 0;
  padding: 0.55vw 0.69vw;
  border-radius: 0.34vw;
  box-sizing: border-box;
  font-weight: 400;
  font-size: 0.83vw;
  line-height: 130%;
}

.trs-auth-alert[hidden] {
  display: none !important;
}

.trs-auth-alert--error {
  background: #fdecec;
  color: #bc1622;
}

.trs-auth-alert--success {
  background: #eaf7ee;
  color: #1f7a3f;
}

.popup_details-btn.disabled,
.popup_details-btn.is-loading,
.popup_details-btn:disabled {
  opacity: 0.55;
  pointer-events: none;
  cursor: default;
}

#popup-code .popup-code {
  border-color: #e2e2e2;
  outline: none;
}

#popup-code .popup-code:focus {
  border-color: #bc1622;
}

@media screen and (max-width: 1400px) {
  .trs-auth-alert {
    padding: 8px 10px;
    border-radius: 5px;
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .trs-auth-alert {
    padding: 2.22vw 3.33vw;
    border-radius: 1.39vw;
    font-size: 3.05vw;
  }
}