@layer components {
  .phone-field {
    display: grid;
    grid-template-columns: minmax(var(--space-0), var(--space-13)) minmax(var(--space-0), var(--track-fill)) max-content;
    align-items: center;
    gap: var(--space-4);
  }
}