/* Phone field: a calling code picker attached to the number input. The
   picker's menu is sized to the field rather than the narrow button. */
.phone-field {
  position: relative;
}

.phone-field .phone-prefix-control,
.phone-field .phone-prefix-dropdown {
  position: static;
}

.phone-field .control.is-expanded {
  min-width: 0;
}

.phone-field .dropdown-menu {
  width: 100%;
  max-width: 20rem;
}

.phone-prefix-name {
  min-width: 0;
  text-overflow: ellipsis;
}