.newsletter {
  background: var(--color-light);
  margin-top: var(--space-xl);
  padding: var(--space-lg);
}
.newsletter__title {
  margin: 0;
}
.newsletter__form {
  margin-top: var(--space-md);
}
.newsletter__form[hidden] {
  display: none;
}
.newsletter__status {
  margin: var(--space-md) 0 0;
}
.newsletter__status[hidden] {
  display: none;
}
.newsletter__desc {
  color: var(--text-color-light);
  font-size: 0.7901234568rem;
  margin: var(--space-md) 0 0;
}
.newsletter__input {
  width: 100%;
}
.newsletter__btn {
  margin-top: var(--space-md);
  width: 100%;
}
.newsletter__agree {
  list-style: none;
  margin: var(--space-md) 0 0;
  padding: 0;
  text-align: left;
}
.newsletter__agree li {
  padding: 0;
}
.newsletter__agree li label {
  display: grid;
  font-size: 0.8888888889rem;
  font-weight: var(--font-weight-normal);
  grid-template-columns: auto 1fr;
  margin: 0;
  min-height: 44px;
}
.newsletter__agree li [type=checkbox]:focus-visible + label::before {
  outline: 2px solid var(--color);
  outline-offset: 0.2666666667rem;
}

.newsletter-popup {
  background: hsla(0, 0%, 100%, 0.5);
  border: 0;
  height: 100dvh;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: var(--space-sm);
  -webkit-transition: none;
  transition: none;
}
.newsletter-popup:not([open]) {
  display: none;
}
.newsletter-popup[open] {
  opacity: 1;
  visibility: visible;
}
.newsletter-popup::-ms-backdrop {
  background: transparent;
}
.newsletter-popup::backdrop {
  background: transparent;
}
.newsletter-popup .popup__container {
  margin: 0;
  max-height: 100%;
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  text-align: left;
  -webkit-transform: none;
          transform: none;
  -webkit-transition: none;
  transition: none;
  width: 100%;
}
.newsletter-popup .popup__close {
  align-items: center;
  display: flex;
  height: 44px;
  justify-content: center;
  min-height: 44px;
  padding: 0;
  width: 44px;
}
.newsletter-popup .newsletter__form {
  margin-bottom: 0;
}
.newsletter-popup .newsletter__form input {
  margin: 0;
  max-width: none;
}
.newsletter-popup .newsletter__form .newsletter__btn {
  margin-top: var(--space-md);
}
.newsletter-popup .newsletter__agree input {
  height: 1.6rem;
  width: 1.6rem;
}

.newsletter-popup--download.is-open {
  -webkit-transition: none;
  transition: none;
}
.newsletter-popup--download .popup__bg[hidden] {
  display: none;
}
.newsletter-popup--download .newsletter__fields {
  display: grid;
  gap: var(--space-xs);
  grid-template-columns: minmax(0, 1fr);
}
@media all and (min-width: 37.5em) {
  .newsletter-popup--download .newsletter__fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.newsletter-popup--download .newsletter__agree li {
  display: block;
}
.newsletter-popup--download .newsletter__agree li label::before {
  margin-left: 0;
}