/* Shared home/profile bottom navigation icons. Keep this scoped to avoid touching other nav surfaces. */
@media (max-width: 720px) {
  .home-bottom-navigation .home-bottom-nav-icon {
    position: static !important;
    display: inline-grid !important;
    width: 22px !important;
    height: 22px !important;
    place-items: center;
    color: currentColor;
  }

  .home-bottom-navigation .home-bottom-nav-icon::before,
  .home-bottom-navigation .home-bottom-nav-icon::after {
    content: none !important;
  }

  .home-bottom-navigation .home-bottom-nav-icon svg {
    display: block;
    width: 21px;
    height: 21px;
    overflow: visible;
  }

  .home-bottom-navigation a.active .home-bottom-nav-icon svg {
    stroke-width: 2.15;
    filter: drop-shadow(0 1px 1px rgba(8, 30, 18, 0.18));
  }

  .home-bottom-navigation a:focus-visible {
    outline: 2px solid #d8c51d;
    outline-offset: -3px;
  }
}