/* The selector and its mobile popup use locally hosted library assets. */
.iti {
  --iti-border-color: #d8c6b7;
  --iti-country-selector-bg: #fffaf1;
  --iti-hover-color: #842f3510;
  --iti-icon-color: #842f35;
  font-family: var(--body, "DM Sans", sans-serif);
  font-size: 14px;
}
.newsletter-form .iti {
  display: block;
  width: 100%;
  min-width: 0;
}
.newsletter-form .iti__selected-country {
  padding: 0 10px 0 0;
  margin: 0;
  border-radius: 7px 0 0 7px;
  background: #ffffff08;
  color: #fff6e8;
  border-right: 1px solid #c28d87;
  cursor: pointer;
}
.newsletter-form .iti__selected-country .iti__arrow {
  border-color: #eedbd0;
}
.newsletter-form .iti__selected-country:focus-visible {
  outline: 2px solid #fff6e8;
  outline-offset: 2px;
}
.iti .iti__country-selector {
  color: #332a28;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 12px 35px #332a2825;
  text-align: left;
}
.iti .iti__search-input {
  font: inherit;
  color: #332a28;
  background: #fffaf1;
  border: 0;
  border-radius: 0;
  padding: 15px 38px 15px 40px;
  margin: 0;
}
.iti .iti__search-input::placeholder {
  color: #796f66;
  opacity: 1;
}
.iti .iti__search-input:focus-visible {
  outline: 2px solid #842f35;
  outline-offset: -3px;
}
.iti .iti__country {
  min-height: 44px;
  padding-block: 11px;
  gap: 6px;
}
.iti .iti__dial-code {
  color: #796f66;
}
.iti .iti__country-list {
  scrollbar-width: thin;
}
.iti .iti__search-clear {
  margin: 0;
}
.iti .iti__close-button {
  min-height: 44px;
  min-width: 44px;
}