.input-group .iti {
  --iti-border-color: rgba(217, 180, 101, 0.35);
  --iti-country-selector-bg: #17251c;
  --iti-hover-color: rgba(217, 180, 101, 0.14);
  --iti-icon-color: rgba(249, 250, 251, 0.7);
  width: 100%;
}

.input-group .iti__tel-input {
  width: 100%;
}

.input-group.phone-invalid .iti__tel-input {
  background: rgba(187, 31, 25, 0.04);
  border-color: rgba(187, 31, 25, 0.9);
  box-shadow: 0 0 0 3px rgba(187, 31, 25, 0.12);
}

.phone-geo-error {
  color: #f8bdbb;
  font-size: 13px;
  letter-spacing: 0.02em;
  line-height: 1.35;
  margin: 4px 0 0;
  min-height: 0;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.4), 0 0 8px rgba(255, 255, 255, 0.2);
}

.phone-geo-error:empty {
  display: none;
}

.iti__country-selector,
.iti__country-list {
  background: #17251c;
  border-color: rgba(217, 180, 101, 0.35);
  color: #f9fafb;
}

.iti__country.iti__highlight,
.iti__country:hover {
  background: rgba(217, 180, 101, 0.14);
}

.iti__dial-code {
  color: rgba(249, 250, 251, 0.7);
}

@media (max-width: 480px) {
  .iti__country-selector {
    max-width: calc(100vw - 48px);
  }
}