@layer components {
  .sidebar .nav-link { display: flex; align-items: center; gap: .75rem; }
  .sidebar .nav-link > span { text-shadow: 0 -1px 1px #001b2980, 0 1px 0 #ffffff26; }
  .nav-icon { display: block; flex: 0 0 16px; width: 16px; height: 16px; opacity: .72; }
  .nav-link:hover .nav-icon, .nav-link.is-active .nav-icon { opacity: 1; }
}