@layer components {
  .phone-input {
    display: flex;
    align-items: center;
    gap: 0.4em;
  }
  .phone-input > input { flex: 1; min-inline-size: 0; }
  .phone-input__flag { inline-size: 1.4em; line-height: 1; text-align: center; }
}