/* Keep icon ligatures from changing the header width before their webfont loads. */
.header-nav .material-symbols-outlined,
.header-phone .material-symbols-outlined {
  display: inline-flex;
  width: 1.25rem;
  min-width: 1.25rem;
  max-width: 1.25rem;
  height: 1.25rem;
  flex: 0 0 1.25rem;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  line-height: 1;
  white-space: nowrap;
}

.mobile-nav-link .material-symbols-outlined,
.mobile-phone-btn .material-symbols-outlined,
.mobile-menu-close .material-symbols-outlined {
  display: inline-flex;
  width: 1.5rem;
  min-width: 1.5rem;
  max-width: 1.5rem;
  height: 1.5rem;
  flex: 0 0 1.5rem;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  line-height: 1;
  white-space: nowrap;
}