/* v0.19.9 — embedded question form, Figma 74:2201. Author: Эмиль. */
.v2-contact-card .v2-faq-contact-form { gap: 16px; }
.v2-contact-card .v2-faq-contact-form input:not([type="checkbox"]),
.v2-contact-card .v2-faq-contact-form textarea {
  display: block; width: 100%; min-width: 0;
  border: 1px solid #000; border-radius: 0;
  padding: 24px; font: 400 16px/24px var(--font-main);
  background: #fff; color: #000;
}
.v2-contact-card .v2-faq-contact-form input:not([type="checkbox"]) { min-height: 72px; }
.v2-contact-card .v2-faq-contact-form textarea { min-height: 120px; resize: vertical; }
.v2-contact-card .v2-faq-contact-form input::placeholder,
.v2-contact-card .v2-faq-contact-form textarea::placeholder { color: rgba(0,0,0,.4); opacity: 1; }
.v2-contact-card .v2-faq-contact-form .v2-consent {
  display: grid; grid-template-columns: 24px minmax(0,1fr);
  gap: 8px; align-items: start; min-height: 44px;
  font: 400 14px/22px var(--font-main);
  color: rgba(0,0,0,.6); text-align: left; cursor: pointer;
}
.v2-contact-card .v2-faq-contact-form .v2-consent input[type="checkbox"] {
  display: grid; place-items: center; appearance: none;
  width: 24px; height: 24px; margin: 0; padding: 0;
  border: 1px solid rgba(0,0,0,.2); border-radius: 0;
  background: #e0e0e0; cursor: pointer;
}
.v2-contact-card .v2-faq-contact-form .v2-consent input[type="checkbox"]:checked {
  border-color: #000; background: #000;
}
.v2-contact-card .v2-faq-contact-form .v2-consent input[type="checkbox"]:checked::after {
  content: '✓'; color: #fff; font: 700 18px/1 sans-serif;
}
.v2-contact-card .v2-faq-contact-form .v2-consent input[type="checkbox"]:focus-visible {
  outline: 2px solid currentColor; outline-offset: 3px;
}
.v2-contact-card .v2-faq-contact-form .v2-consent a {
  color: #000; font-weight: 700; text-decoration: underline;
  text-underline-offset: 3px;
}
.v2-contact-card .v2-faq-contact-form > .v2-button {
  display: flex; align-items: center; justify-content: center;
  min-height: 72px; width: 100%; padding: 20px 24px;
  background: #000; color: #fff; border: 1px solid #000;
  font: 700 16px/24px var(--font-main);
  text-transform: uppercase; text-decoration: underline;
  text-underline-offset: 3px;
}
/* Dark version of the FAQ form used on the About page. */
.v2-about-page .v2-contact-card .v2-faq-contact-form input:not([type="checkbox"]),
.v2-about-page .v2-contact-card .v2-faq-contact-form textarea {
  background: #000; border-color: rgba(255,255,255,.38); color: #fff;
}
.v2-about-page .v2-contact-card .v2-faq-contact-form input::placeholder,
.v2-about-page .v2-contact-card .v2-faq-contact-form textarea::placeholder { color: rgba(255,255,255,.5); }
.v2-about-page .v2-contact-card .v2-faq-contact-form .v2-consent { color: rgba(255,255,255,.7); }
.v2-about-page .v2-contact-card .v2-faq-contact-form .v2-consent a { color: #fff; }
.v2-about-page .v2-contact-card .v2-faq-contact-form .v2-consent input[type="checkbox"] {
  background: rgba(255,255,255,.22); border-color: rgba(255,255,255,.4);
}
.v2-about-page .v2-contact-card .v2-faq-contact-form .v2-consent input[type="checkbox"]:checked { background: #fff; border-color: #fff; }
.v2-about-page .v2-contact-card .v2-faq-contact-form .v2-consent input[type="checkbox"]:checked::after { color: #000; }
.v2-about-page .v2-contact-card .v2-faq-contact-form > .v2-button {
  background: #fff; border-color: #fff; color: #000;
}
@media (max-width: 767px) {
  .v2-contact-card .v2-faq-contact-form input:not([type="checkbox"]),
  .v2-contact-card .v2-faq-contact-form textarea {
    min-height: 56px; padding: 16px; font-size: 14px; line-height: 20px;
  }
  .v2-contact-card .v2-faq-contact-form textarea { min-height: 110px; }
  .v2-contact-card .v2-faq-contact-form > .v2-button { min-height: 56px; font-size: 14px; }
  .v2-contact-card .v2-faq-contact-form .v2-consent { min-height: 48px; font-size: 12px; line-height: 18px; }
}
