/* Field, button and error styles come from lead-form.css. */
.vlf-popup {
  width: min(460px, calc(100vw - 32px));
  max-width: none;
  max-height: calc(100dvh - 32px);
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: #fff;
  color: #333;
  text-align: left;
  overflow-y: auto;
}
.vlf-popup:not([open]) { display: none; }
.vlf-popup::backdrop { background: rgba(0, 0, 0, 0.6); }
.vlf-popup__signup,
.vlf-popup__thanks { padding: 24px; }
.vlf-popup__thanks[hidden],
.vlf-popup__signup[hidden] { display: none; }
.vlf-popup__title {
  margin: 0 32px 8px 0;
  color: var(--vlf-accent-dark);
  font-size: 26px;
  line-height: 1.2;
}
.vlf-popup__title:focus { outline: none; }
.vlf-popup__text { margin: 0 0 16px; color: #333; }
.vlf-popup__form { display: grid; gap: 12px; }
.vlf-popup .vlf-popup__close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #555;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
}
.vlf-popup .vlf-popup__close:hover { background: #eee; color: #222; }