:root {
  --vff-bg-color: #e9e9e9;
  --vff-main-text-color: #106eea;
  --vff-secondary-text-color: #999;
  --vff-tertiary-text-color: #f1f1f1;
  --vff-main-accent-color: #106eea;
  --vff-secondary-accent-color: #e9e9e9;
}
.vff,
.vff input,
.vff kbd,
.vff select,
.vff select option,
.vff textarea,
.vff-footer,
.vff-header {
  font-family: Poppins, sans-serif;
}
body {
  background-color: var(--vff-bg-color);
  margin: 0;
}
.vff,
.vff.vff-not-standalone {
  color: var(--vff-main-text-color);
}
.vff.vff-not-standalone {
  background-color: var(--vff-bg-color);
}
header.vff-header {
  background-color: var(--vff-secondary-accent-color);
}
header.vff-header svg.f-logo {
  fill: rgba(0, 0, 0, 0.9);
}
.vff input[type="date"],
.vff input[type="email"],
.vff input[type="number"],
.vff input[type="password"],
.vff input[type="tel"],
.vff input[type="text"],
.vff input[type="url"],
.vff span.faux-form,
.vff textarea {
  border-bottom-color: var(--vff-secondary-text-color);
}
.vff a,
.vff a:active,
.vff input,
.vff select option,
.vff textarea {
  color: var(--vff-main-text-color);
}
.vff ::-webkit-input-placeholder {
  color: var(--vff-secondary-text-color);
  font-weight: 300;
  opacity: 1;
}
.vff ::-moz-placeholder {
  color: var(--vff-secondary-text-color);
  font-weight: 300;
  opacity: 1;
}
.vff :-ms-input-placeholder {
  color: var(--vff-secondary-text-color) !important;
  font-weight: 300 !important;
  opacity: 1 !important;
}
.vff :-moz-placeholder {
  color: #999;
  font-weight: 300;
  opacity: 1;
}
.vff.vff-is-ios .field-date:not(.f-has-value) .f-answer > span:before {
  color: var(--vff-secondary-text-color);
  font-size: 0.72em;
  font-weight: 300;
}
.vff ul.f-radios li {
  border: 1px solid var(--vff-secondary-text-color);
}
.vff ul.f-radios li.f-selected,
.vff ul.f-radios li:active {
  background-color: var(--vff-tertiary-text-color);
  border-color: var(--vff-main-text-color);
}
.vff ul.f-radios li.f-other.f-selected input {
  color: inherit;
}
.vff .f-key,
.vff span.f-empty {
  color: var(--vff-secondary-text-color);
}
.vff span.f-answered {
  color: var(--vff-main-text-color);
}
.vff .f-arrow-down svg {
  fill: var(--vff-main-text-color);
}
.vff .f-matrix-table {
  border-collapse: separate;
  border-spacing: 0 0.6em;
}
.vff .f-matrix-table thead th {
  padding-bottom: 0;
}
.vff .f-matrix-table td {
  border: 1px solid var(--vff-secondary-text-color);
  border-left: hidden;
  border-right: hidden;
}
.vff .f-matrix-table td:first-child {
  border-left: 1px solid var(--vff-secondary-text-color);
}
.vff .f-matrix-table td:last-child {
  border-right: 1px solid var(--vff-secondary-text-color);
}
.vff .f-matrix-table thead td:first-child {
  border: none;
}
.vff .f-field-svg {
  border-width: 2px;
  color: var(--vff-secondary-text-color);
}
.vff .f-field-control:checked ~ .f-field-mask .f-field-svg {
  color: var(--vff-main-text-color);
}
.vff .f-matrix-wrap::-webkit-scrollbar {
  height: 10px;
}
.vff .f-matrix-wrap::-webkit-scrollbar-track {
  background-color: var(--vff-tertiary-text-color);
}
.vff .f-matrix-wrap::-webkit-scrollbar-thumb {
  background-color: var(--vff-secondary-text-color);
}
.vff .o-btn-action {
  background-color: var(--vff-main-text-color);
  color: var(--vff-bg-color);
}
.vff .o-btn-action:focus,
.vff .o-btn-action:hover {
  background-color: var(--vff-main-text-color);
  opacity: 0.9;
}
.vff-footer .footer-inner-wrap {
  background-color: hsla(0, 0%, 100%, 0.75);
}
@media screen and (max-width: 479px) {
  .vff-footer .footer-inner-wrap {
    background-color: hsla(0, 0%, 94%, 0.75);
  }
}
.vff-footer .f-next svg,
.vff-footer .f-prev svg {
  fill: var(--vff-main-text-color);
}
.vff-footer .f-progress {
  color: var(--vff-secondary-text-color);
}
.vff-footer .f-progress-bar {
  background-color: var(--vff-secondary-text-color);
  -webkit-filter: brightness(1.2);
  filter: brightness(1.2);
}
.vff-footer .f-progress-bar-inner {
  background-color: var(--vff-main-text-color);
}
.vff-footer .f-next:focus,
.vff-footer .f-next:hover,
.vff-footer .f-prev:focus,
.vff-footer .f-prev:hover {
  background-color: rgba(0, 0, 0, 0.07);
}
.vff .f-invalid,
.vff .text-alert {
  color: #f5554a;
}
.vff .text-success {
  color: #4caf50;
}
.vff .text-muted,
.vff p.f-description,
.vff span.f-sub,
.vff span.f-tagline {
  color: var(--vff-secondary-text-color);
}
@media (prefers-color-scheme: dark) {
  :root {
    --vff-bg-color: #e9e9e9;
    --vff-main-text-color: #106eea;
    --vff-secondary-text-color: #aeb6bf;
    --vff-tertiary-text-color: #106eea;
    --vff-main-accent-color: #02152e;
    --vff-secondary-accent-color: #e9e9e9;
  }
  header.vff-header {
    background-color: e9e9e9;
  }
  header.vff-header svg.f-logo {
    fill: var(--vff-main-accent-color);
  }
  .vff input,
  .vff select option,
  .vff textarea {
    color: var(--vff-main-accent-color);
  }
  .vff input[type="date"]::-webkit-calendar-picker-indicator {
    -webkit-filter: invert(100%);
    filter: invert(100%);
  }
  .vff span.f-answered {
    color: var(--vff-main-accent-color);
  }
  .vff .f-arrow-down svg {
    fill: var(--vff-main-accent-color);
  }
  .vff .text-success {
    color: var(--vff-main-accent-color);
  }
  .vff-footer .footer-inner-wrap {
    background-color: rgba(49, 54, 64, 0.75);
  }
  .vff-footer .f-next svg,
  .vff-footer .f-prev svg {
    fill: var(--vff-main-accent-color);
  }
  .vff-footer .f-next.f-disabled svg,
  .vff-footer .f-prev.f-disabled svg {
    fill: var(--vff-main-text-color);
  }
  .vff-footer .f-next:hover,
  .vff-footer .f-prev:hover {
    background-color: rgba(0, 0, 0, 0.2);
  }
  .vff-footer .f-progress-bar {
    background-color: var(--vff-secondary-text-color);
    -webkit-filter: brightness(1);
    filter: brightness(1);
  }
  .vff-footer .f-progress-bar-inner {
    background-color: var(--vff-main-accent-color);
  }
  .vff ul.f-radios li.f-selected {
    color: var(--vff-main-accent-color);
  }
  .vff ul.f-radios li {
    color: var(--vff-secondary-text-color);
    font-weight: 900;
  }
  .vff .f-key {
    color: var(--vff-main-accent-color);
    font-weight: 400;
  }
  .vff .f-matrix-wrap::-webkit-scrollbar-thumb {
    background-color: var(--vff-main-accent-color);
  }
}