dvn-app-left-menu {
  --left-menu-width: 200px;
  /* overridden by the JS, defined in dvn-app.tsx */
  --menu-horizontal-padding: calc(4 * var(--spacing-unit));
  display: flex;
  flex-direction: column;
  padding: 1rem;
  width: var(--left-menu-width);
  z-index: 2;
  position: absolute;
  height: 100%;
}
dvn-app-left-menu:not(.minimised) dvn-dropdown {
  width: calc(var(--left-menu-width) - 2 * var(--menu-horizontal-padding));
}
dvn-app-left-menu.minimised {
  --menu-horizontal-padding: calc(2 * var(--spacing-unit));
  padding: 1rem var(--menu-horizontal-padding);
}
dvn-app-left-menu.minimised .menu-container {
  padding: 0 var(--spacing-unit);
}
dvn-app-left-menu.minimised dvn-tooltip {
  display: block;
}
dvn-app-left-menu.minimised dvn-tooltip dvn-dropdown {
  display: block;
}
@media (pointer: coarse) {
  dvn-app-left-menu.minimised {
    /* hide tooltip for touchscreen devices because the tooltip doesn't disappear after the menu is clicked */
  }
  dvn-app-left-menu.minimised dvn-tooltip:after, dvn-app-left-menu.minimised dvn-tooltip:before {
    display: none;
  }
}
dvn-app-left-menu .space-info-container {
  margin-bottom: 1rem;
}
dvn-app-left-menu .space-info-container .menu-dropdown-icon {
  border-top-right-radius: var(--corner-radius);
  border-bottom-right-radius: var(--corner-radius);
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  font-size: 20px;
}
dvn-app-left-menu .separator {
  margin-top: 1.5rem;
  border-top: 1px solid var(--color-border);
  margin-bottom: 1.5rem;
}
dvn-app-left-menu .space-holder {
  flex: 1;
}
dvn-app-left-menu .user-info-container:hover {
  cursor: pointer;
  transition: background-color 0.3s;
  background: var(--color-elevated-item-background);
  border-radius: var(--corner-radius);
}