.sidebar-nav .side-icon {
  display: inline-grid;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  place-items: center;
  color: var(--green, #4e8960);
  line-height: 1;
}

.sidebar-nav .side-icon svg {
  display: block;
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 160ms ease, stroke-width 160ms ease;
}

.sidebar-nav .side-link:hover .side-icon svg,
.sidebar-nav .side-link:focus-visible .side-icon svg {
  transform: scale(1.08);
}

.sidebar-nav .side-link.active .side-icon svg {
  stroke-width: 2.1;
}

@media (prefers-reduced-motion: reduce) {
  .sidebar-nav .side-icon svg {
    transition: none;
  }
}