.icon {
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  vertical-align: -0.2em;
  flex-shrink: 0;
}

.icon--sm {
  width: 1em;
  height: 1em;
}

.icon--lg {
  width: 1.5em;
  height: 1.5em;
}

.sidebar-nav a {
  display: flex;
  align-items: center;
  gap: 0.55rem;
}

.sidebar-nav-icon {
  opacity: 0.85;
  flex-shrink: 0;
}

.sidebar-nav a.active .sidebar-nav-icon,
.sidebar-nav a:hover .sidebar-nav-icon {
  opacity: 1;
}

.admin-menu-toggle .icon {
  width: 1.35rem;
  height: 1.35rem;
}