.preamble__text {
  font-size: 14px;
  line-height: 1.6;
}
.preamble__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3px;
  margin-top: 30px;
}
@media screen and (min-width: 640px) {
  .preamble__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.preamble__item {
  background-color: #fff;
  border-radius: 3px;
  font-size: 14px;
  line-height: 1.4;
}
.preamble__anchor {
  display: block;
  padding: 15px;
}

.form-block__text {
  font-size: 14px;
  line-height: 1.6;
}
@media screen and (min-width: 640px) {
  .form-block__list {
    max-width: 834px;
    margin-left: auto;
    margin-right: auto;
  }
}
.form-block__item-title {
  font-size: 14px;
  line-height: 1.6;
  margin-top: 30px;
}
.form-block__item-title em {
  color: red;
  font-size: 12px;
  margin-left: 3px;
}
.form-block__item-content {
  margin-top: 15px;
}
.form-block__input {
  background-color: #fff;
  border: solid 1px #ddd;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  padding: 15px;
  width: 100%;
}
@media screen and (min-width: 640px) {
  .form-block__submit {
    max-width: 834px;
    margin-left: auto;
    margin-right: auto;
  }
}
.form-block__confirm {
  display: block;
  background-color: #fff;
  box-shadow: 0 1px 3px 0px rgb(212, 212, 212);
  padding: 15px;
}
.form-block__confirm-title {
  font-size: 14px;
}
.form-block__confirm-title:not(:first-of-type) {
  margin-top: 15px;
}
.form-block__confirm-content {
  font-size: 16px;
  font-weight: bold;
  margin-top: 7.5px;
  line-height: 1.5;
}

.error {
  background-color: rgba(255, 0, 0, 0.1);
  border: solid 1px red;
  padding: 15px;
}
.error--red {
  color: red;
}
.error__item {
  color: red;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.8;
}/*# sourceMappingURL=mail.css.map */