nv-sidebarnavitem {
  display: flex;
  flex-direction: column;
  gap: 0;
}
nv-sidebarnavitem .nv-sidebarnavitem-trigger {
  display: flex;
  align-items: center;
  gap: var(--sidebar-item-gap-x);
  padding: var(--sidebar-item-padding-y) var(--sidebar-item-padding-x);
  border-radius: var(--sidebar-item-radius);
  cursor: pointer;
  transition: all 0.15s ease;
  font-size: var(--sidebar-item-font-size);
  font-weight: var(--font-weight-medium-emphasis);
  color: var(--color-content-low-text);
  background: var(--components-sidebar-background);
  text-decoration: none;
  --nv-component-background: var(--components-sidebar-background);
  --nv-sidebarnavitem-background: var(--components-sidebar-background);
}
nv-sidebarnavitem .nv-sidebarnavitem-trigger:hover {
  background-color: var(--color-interaction-container-neutral-background-hover);
  color: var(--color-content-medium-text);
  --nv-component-background: var(--color-interaction-container-neutral-background-hover);
  --nv-sidebarnavitem-background: var(--color-interaction-container-neutral-background-hover);
}
nv-sidebarnavitem .nv-sidebarnavitem-trigger:focus, nv-sidebarnavitem .nv-sidebarnavitem-trigger:focus-within {
  outline: none;
}
nv-sidebarnavitem .nv-sidebarnavitem-trigger:focus-visible, nv-sidebarnavitem .nv-sidebarnavitem-trigger:has(:focus-visible) {
  outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);
  outline-offset: calc(var(--focus-outline-offset) * 1);
}
nv-sidebarnavitem[active] .nv-sidebarnavitem-trigger {
  background-color: var(--color-interaction-container-neutral-background-active);
  color: var(--color-interaction-container-neutral-text-active);
  font-weight: var(--font-weight-medium-emphasis);
  --nv-component-background: var(--color-interaction-container-neutral-background-active);
  --nv-sidebarnavitem-background: var(--color-interaction-container-neutral-background-active);
}
nv-sidebarnavitem .nv-sidebarnavitem-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: inherit;
  width: var(--sidebar-item-icon-size);
  height: var(--sidebar-item-icon-size);
  position: relative;
}
nv-sidebar[collapsed] nv-sidebarnavitem .nv-sidebarnavitem-icon {
  overflow: visible;
  margin: 0;
  justify-content: center;
}
nv-sidebar[collapsed] nv-sidebarnavitem .nv-sidebarnavitem-icon nv-notification-bullet {
  position: absolute;
  transform: translate(50%, -50%);
  z-index: 1;
  --sidebar-notification-bullet-size-reduced: calc(
    var(--sidebar-item-icon-size) * 0.4
  );
}
nv-sidebarnavitem .nv-sidebarnavitem-content {
  flex: 1;
  display: flex;
  align-items: center;
}
nv-sidebarnavitem .nv-sidebarnavitem-content a {
  color: inherit !important;
  text-decoration: none !important;
  font-weight: var(--font-weight-medium-emphasis) !important;
  flex: 1;
}
nv-sidebarnavitem .nv-sidebarnavitem-trailing {
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
  margin-left: auto;
}
nv-sidebarnavitem .nv-sidebarnavitem-chevron {
  transition: transform 0.2s ease;
  color: inherit;
}
nv-sidebarnavitem[open] .nv-sidebarnavitem-chevron {
  transform: rotate(180deg);
}
nv-sidebarnavitem .nv-sidebarnavitem-subitems {
  display: flex;
  flex-direction: column;
  gap: 0;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.3s ease, opacity 0.2s ease;
  padding-left: 0;
}
nv-sidebarnavitem[open] .nv-sidebarnavitem-subitems {
  opacity: 1;
  margin-top: var(--spacing-1);
}
nv-sidebar[collapsed] nv-sidebarnavitem .nv-sidebarnavitem-trigger {
  justify-content: center;
  gap: 0;
  padding: var(--sidebar-item-padding-y-collapsed) var(--sidebar-item-padding-x-collapsed);
}
nv-sidebar[collapsed] nv-sidebarnavitem .nv-sidebarnavitem-content {
  display: none;
}
nv-sidebar[collapsed] nv-sidebarnavitem .nv-sidebarnavitem-trailing,
nv-sidebar[collapsed] nv-sidebarnavitem .nv-sidebarnavitem-chevron {
  display: none;
}