.sn-phone {
  width: 100%;
  font-size: 0.875rem;
  --iti-border-color: hsl(var(--border));
  --iti-country-selector-bg: hsl(var(--background));
  --iti-hover-color: hsl(var(--muted));
  --iti-icon-color: hsl(var(--muted-foreground));
}
.sn-phone .iti__selected-country {
  border-radius: calc(var(--radius) - 2px) 0 0 calc(var(--radius) - 2px);
}
.sn-phone .iti__selected-country:focus-visible {
  outline: 2px solid var(--primary-color);
  outline-offset: -2px;
}
.sn-phone .iti__country-list {
  overscroll-behavior: contain;
}
