.px-menu-item {
  background-color: var(--px-neutral-1);
  font-size: 14px;
  box-sizing: border-box;
  transition: 0.25s;
  cursor: pointer;
}
.px-menu-item-link {
  padding: 0 16px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  color: var(--px-neutral-10);
  min-height: 42px;
  width: 100%;
  text-decoration: none;
}
.px-menu-item:focus {
  outline: none;
}
.px-menu-item:hover,
.px-menu-item:focus {
  background-color: var(--px-neutral-3);
}
.px-menu-item:hover.px-menu-item__active,
.px-menu-item:focus.px-menu-item__active {
  background-color: var(--px-primary-1);
}
.px-menu-item-icon-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  flex-grow: 0;
  width: 20px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}
.px-menu-item-icon-wrapper > svg {
  font-size: 20px;
}
.px-menu-item__active {
  background-color: var(--px-primary-1);
}
.px-menu-item__active > .px-menu-item-link {
  color: var(--px-primary-6);
}
.px-menu-item__disabled {
  cursor: not-allowed;
}
.px-menu-item__disabled > .px-menu-item-link {
  color: var(--px-neutral-6);
  cursor: not-allowed;
}
.px-menu-item__disabled:hover,
.px-menu-item__disabled:focus {
  background-color: var(--px-neutral-1);
}
.px-menu-item__disabled.px-menu-item__active > .px-menu-item-link {
  color: var(--px-primary-8);
}
.px-menu-item__collapsed {
  justify-content: center;
}
.px-menu-item__collapsed > .px-menu-item-icon-wrapper {
  margin-right: 0;
}
.px-menu-item__dark {
  background-color: var(--px-neutral-10);
}
.px-menu-item__dark > .px-menu-item-link {
  color: var(--px-neutral-1);
}
.px-menu-item__dark:hover,
.px-menu-item__dark:focus {
  background-color: var(--px-neutral-9);
}
.px-menu-item__dark:hover.px-menu-item__active,
.px-menu-item__dark:focus.px-menu-item__active {
  background-color: var(--px-primary-5);
}
.px-menu-item__dark.px-menu-item__active {
  background-color: var(--px-primary-6);
}
.px-menu-item__dark.px-menu-item__active > .px-menu-item-link {
  color: var(--px-neutral-1);
}
.px-menu-item__dark.px-menu-item__disabled {
  background-color: var(--px-neutral-10);
}
.px-menu-item__dark.px-menu-item__disabled > .px-menu-item-link {
  color: var(--px-neutral-8);
}
.px-menu-item__dark.px-menu-item__disabled:hover,
.px-menu-item__dark.px-menu-item__disabled:focus {
  background-color: var(--px-neutral-10);
}
.px-menu-item__dark.px-menu-item__disabled.px-menu-item__active {
  background-color: var(--px-primary-8);
}
.px-menu-item__dark.px-menu-item__disabled.px-menu-item__active:hover,
.px-menu-item__dark.px-menu-item__disabled.px-menu-item__active:focus {
  background-color: var(--px-primary-8);
}
.px-menu-item__dark.px-menu-item__disabled.px-menu-item__active > .px-menu-item-link {
  color: var(--px-neutral-8);
}
.px-menu-item__dark.px-menu-item__dark-theme {
  background-color: var(--px-neutral-1);
}
.px-menu-item__dark.px-menu-item__dark-theme > .px-menu-item-link {
  color: var(--px-neutral-10);
}
.px-menu-item__dark.px-menu-item__dark-theme:hover,
.px-menu-item__dark.px-menu-item__dark-theme:focus {
  background-color: var(--px-neutral-3);
}
.px-menu-item__dark.px-menu-item__dark-theme:hover.px-menu-item__active,
.px-menu-item__dark.px-menu-item__dark-theme:focus.px-menu-item__active {
  background-color: var(--px-primary-5);
}
.px-menu-item__dark.px-menu-item__dark-theme.px-menu-item__active {
  background-color: var(--px-primary-6);
}
.px-menu-item__dark.px-menu-item__dark-theme.px-menu-item__active > .px-menu-item-link {
  color: var(--px-neutral-10);
}
.px-menu-item__dark.px-menu-item__dark-theme.px-menu-item__disabled {
  background-color: var(--px-neutral-1);
}
.px-menu-item__dark.px-menu-item__dark-theme.px-menu-item__disabled > .px-menu-item-link {
  color: var(--px-neutral-4);
}
.px-menu-item__dark.px-menu-item__dark-theme.px-menu-item__disabled:hover,
.px-menu-item__dark.px-menu-item__dark-theme.px-menu-item__disabled:focus {
  background-color: var(--px-neutral-1);
}
.px-menu-item__dark.px-menu-item__dark-theme.px-menu-item__disabled.px-menu-item__active {
  background-color: var(--px-primary-3);
}
.px-menu-item__dark.px-menu-item__dark-theme.px-menu-item__disabled.px-menu-item__active:hover,
.px-menu-item__dark.px-menu-item__dark-theme.px-menu-item__disabled.px-menu-item__active:focus {
  background-color: var(--px-primary-3);
}
.px-menu-item__dark.px-menu-item__dark-theme.px-menu-item__disabled.px-menu-item__active > .px-menu-item-link {
  color: var(--px-neutral-8);
}