:where(form[toolname], [data-advertiser-form], [data-newsletter-form]) {
  --mp-field-bg: var(--field, #141414);
  --mp-field-text: var(--ink, #fff);
  --mp-field-border: #ffffff29;
  --mp-field-focus: #00ff85;
  --mp-field-radius: .58rem;
}
:where([data-advertiser-form], [data-newsletter-form]) {
  --mp-field-border: #cecec5;
  --mp-field-focus: #087844;
}
.newsletter-strip [data-newsletter-form] {
  --mp-field-bg: #252525;
  --mp-field-text: #fff;
  --mp-field-border: #737370;
  --mp-field-focus: #00ff85;
}
:is(form[toolname], [data-advertiser-form], [data-newsletter-form]) :is(
  input:not([type="checkbox"], [type="radio"], [type="file"], [type="hidden"], [type="submit"]),
  select, textarea
) {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 3rem;
  margin-inline: 0;
  padding: .65rem .8rem;
  border: 1px solid var(--mp-field-border);
  border-radius: var(--mp-field-radius);
  background: var(--mp-field-bg);
  color: var(--mp-field-text);
  font-size: 1rem;
  line-height: 1.4;
}
:is(form[toolname], [data-advertiser-form], [data-newsletter-form]) select {
  appearance: none;
  padding-inline-end: 2.4rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4 6 4 4 4-4'/%3E%3C/svg%3E");
  background-position: right .8rem center;
  background-repeat: no-repeat;
  text-overflow: ellipsis;
  cursor: pointer;
}
:is(form[toolname], [data-advertiser-form], [data-newsletter-form]) :is(input, select, textarea):focus {
  border-color: var(--mp-field-focus);
  outline: 2px solid var(--mp-field-focus);
  outline-offset: 2px;
}
:is(form[toolname], [data-advertiser-form], [data-newsletter-form]) [aria-invalid="true"] { border-color: #db5b5b; }
form[toolname] .lead-phone {
  grid-template-columns: auto minmax(0, 1fr);
  border-radius: var(--mp-field-radius);
  border-color: var(--mp-field-border);
  background: var(--mp-field-bg);
  color: var(--mp-field-text);
}
form[toolname] .lead-phone > input,
form[toolname] .lead-country-picker > select {
  border: 0;
  outline: none;
  background: none;
}
form[toolname] .lead-country-picker > select { width: 100%; min-height: 100%; padding: 0; }
form[toolname] .lead-phone:focus-within { outline: 2px solid var(--mp-field-focus); outline-offset: 2px; }
:is([data-advertiser-form], [data-newsletter-form]) button[type="submit"] { min-height: 3rem; }
[data-newsletter-form].newsletter-form--inline > :is(input[type="email"], button[type="submit"]) { height: 3rem; }

.mp-picker {
  box-sizing: border-box;
  width: min(27rem, calc(100% - 2rem));
  max-width: none;
  max-height: min(36rem, calc(100dvh - 2rem));
  margin: auto;
  padding: 0;
  border: 1px solid #555;
  border-radius: .85rem;
  background: #171717;
  color: #fff;
  color-scheme: dark;
  box-shadow: 0 1rem 3rem #0007;
  font: 1rem/1.4 system-ui, sans-serif;
}
.mp-picker:not([open]) { display: none; }
.mp-picker[open] { display: flex; flex-direction: column; }
.mp-picker::backdrop { background: #000a; }
.mp-picker__header, .mp-picker__search { flex: none; margin: 0; }
.mp-picker__header { display: flex; gap: .5rem; align-items: center; justify-content: space-between; padding: .55rem .75rem; }
.mp-picker__title { margin: 0; font: 650 1.02rem/1.3 system-ui, sans-serif; }
.mp-picker button, .mp-picker input { font: inherit; min-height: 44px; }
.mp-picker button { margin: 0; border: 0; border-radius: .45rem; background: none; color: inherit; cursor: pointer; }
.mp-picker button:focus-visible, .mp-picker input:focus-visible { outline: 2px solid #00ff85; outline-offset: -2px; }
.mp-picker__close { flex: none; width: 44px; font-size: 1.4rem !important; }
.mp-picker__search { box-sizing: border-box; width: calc(100% - 1.5rem); margin: 0 .75rem .5rem; padding: .5rem .65rem; border: 1px solid #666; border-radius: .45rem; background: #222; color: #fff; }
.mp-picker__options { display: grid; overflow: auto; overscroll-behavior: contain; padding: .2rem .5rem .6rem; }
.mp-picker__option { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: .75rem; padding: .5rem .65rem; text-align: start; }
.mp-picker__option[hidden], .mp-picker__search[hidden], .mp-picker__empty[hidden] { display: none; }
.mp-picker__option:hover, .mp-picker__close:hover { background: #303030; }
.mp-picker__option[aria-current="true"] { color: #00ff85; background: #163529; }
.mp-picker__option[aria-current="true"]::after { content: "✓"; }
.mp-picker__empty { margin: 0; padding: .65rem; }