nv-sidebarnavitem a,
nv-sidebarnavitem a:link,
nv-sidebarnavitem a:visited,
nv-sidebarnavitem a:hover,
nv-sidebarnavitem a:active,
nv-sidebarnavsubitem a,
nv-sidebarnavsubitem a:link,
nv-sidebarnavsubitem a:visited,
nv-sidebarnavsubitem a:hover,
nv-sidebarnavsubitem a:active {
  color: inherit !important;
  text-decoration: none !important;
}

nv-sidebar {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100vh;
  background-color: var(--components-sidebar-background);
  border-right: var(--sidebar-divider-size) solid var(--components-sidebar-border);
  transition: width 0.3s ease;
  width: var(--sidebar-width);
}
nv-sidebar[collapsed] {
  width: var(--sidebar-width-collapsed);
}
nv-sidebar[collapsed] [data-hide-on-collapsed] {
  display: none !important;
}
nv-sidebar[collapsed] .nv-sidebar-container {
  padding: var(--sidebar-padding-y) var(--sidebar-padding-x-collapsed);
}
nv-sidebar[resizing] {
  transition: none;
}
nv-sidebar .nv-sidebar-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
  padding: var(--sidebar-padding-y) var(--sidebar-padding-x);
  gap: var(--sidebar-gap-y);
}
nv-sidebar .nv-sidebar-toggle {
  position: absolute;
  top: var(--sidebar-collapsible-button-position-top);
  right: calc(-1 * var(--sidebar-collapsible-button-position-right));
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--sidebar-collapsible-button-padding);
  background-color: var(--components-sidebar-background);
  border: 1px solid var(--color-content-low-border);
  border-radius: var(--radius-rounded-full);
  cursor: pointer;
  transition: transform 0.2s ease;
  z-index: 10;
}
nv-sidebar .nv-sidebar-toggle:hover {
  background-color: var(--color-interaction-container-neutral-background-hover);
}
nv-sidebar .nv-sidebar-toggle:focus, nv-sidebar .nv-sidebar-toggle:focus-within {
  outline: none;
}
nv-sidebar .nv-sidebar-toggle:focus-visible, nv-sidebar .nv-sidebar-toggle:has(:focus-visible) {
  outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);
  outline-offset: calc(var(--focus-outline-offset) * 1);
}
nv-sidebar .nv-sidebar-toggle nv-icon {
  width: var(--sidebar-collapsible-button-icon-size);
  height: var(--sidebar-collapsible-button-icon-size);
  color: var(--color-interaction-container-neutral-icon);
}
nv-sidebar .nv-sidebar-toggle nv-icon:hover {
  color: var(--color-interaction-container-neutral-icon-hover);
}
nv-sidebar .nv-sidebar-resize-handle {
  position: absolute;
  top: 0;
  right: calc(-1 * var(--sidebar-divider-size));
  width: 4px;
  height: 100%;
  cursor: col-resize;
  background-color: transparent;
  transition: background-color 0.15s ease;
  z-index: 9;
  user-select: none;
  touch-action: none;
}
nv-sidebar .nv-sidebar-resize-handle:hover, nv-sidebar .nv-sidebar-resize-handle:focus-visible {
  background-color: var(--color-interaction-container-branded-high-background);
}
nv-sidebar .nv-sidebar-resize-handle:focus, nv-sidebar .nv-sidebar-resize-handle:focus-within {
  outline: none;
}
nv-sidebar .nv-sidebar-resize-handle:focus-visible, nv-sidebar .nv-sidebar-resize-handle:has(:focus-visible) {
  outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);
  outline-offset: calc(var(--focus-outline-offset) * 1);
}