/* Специфичные стили для шаблона авторизации */
.registration-form {
  display: flex;
  flex-direction: column;
}

.registration-form .registration-form-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}

.registration-form .form-content {
  display: flex;
  flex-direction: column;
  max-width: 357px; /* ширина формы из макета Pixso */
}

.registration-form .form-header .text-lg {
  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.25;
  color: #152935; /* rgba(21, 41, 53, 1) */
}

.registration-form .form-group {
  display: flex;
  flex-direction: column;
  gap: 4px; /* расстояние между label и полем */
  margin-bottom: 22px; /* расстояние между группами полей */
}

.registration-form .form-group:last-of-type {
  margin-bottom: 0;
}

.registration-form .form-group label {
  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.01px;
  color: #333333;
}

.registration-form .form-group input {
  height: 39px;
  padding: 0 14px;
  border-radius: 4px;
  border: 1px solid #e2e5ec; /* rgba(226, 229, 236, 1) */
  background-color: transparent;
  font-size: 13px;
  line-height: 20px;
}

/* Стили для placeholder в форме авторизации */
/* Для разных браузеров */
.registration-form input::placeholder,
.registration-form input::-webkit-input-placeholder,
.registration-form input::-moz-placeholder,
.registration-form input:-ms-input-placeholder,
.registration-form input:-moz-placeholder {
  color: #9e9e9e; /* rgba(158, 158, 158, 1) */
  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.01px;
  text-align: left;
}

.registration-form .row.gap-sm.justify-between {
  margin-top: 8px;
}

.registration-form .button {
  min-height: 37px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
}

.registration-form .form-footer {
  margin-top: 16px;
  font-size: 13px;
}