.button.ThemeButtonMenuItem {
  min-width: var(--sizeL);
  width: fit-content;
  position: relative;
  text-decoration: none;
  border: none;
  min-height: var(--sizeXL);
  height: var(--sizeXL);
  width: 100%;
  box-sizing: border-box;
  transition: var(--speedFF) background-color ease;
  display: flex;
  align-items: center;
  background-color: transparent;
}
.button.ThemeButtonMenuItem:hover {
  background-color: var(--colorShadowLight);
}
.button.ThemeButtonMenuItem[data-active] {
  background-color: var(--colorPrimary) !important;
  color: var(--colorTextAlt) !important;
}
.button.ThemeButtonMenuItem:not(:last-child) {
  margin-bottom: 1px;
}
.button.ThemeButtonMenuItem > a, .button.ThemeButtonMenuItem > .clickableArea {
  min-width: 100%;
  position: relative;
  box-sizing: border-box;
  display: inline-flex;
  user-select: none;
  cursor: pointer;
  align-items: center;
  outline: none !important;
  justify-content: flex-start;
  padding: 0 !important;
  height: var(--sizeXL);
  width: 100%;
}
.button.ThemeButtonMenuItem > a > .buttonMedia, .button.ThemeButtonMenuItem > .clickableArea > .buttonMedia {
  padding: 7px;
  background-clip: content-box;
  width: var(--sizeXL);
  height: var(--sizeXL);
  min-width: var(--sizeXL);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: auto;
  border-radius: 50%;
}
.button.ThemeButtonMenuItem > a > .buttonMedia + .buttonText, .button.ThemeButtonMenuItem > .clickableArea > .buttonMedia + .buttonText {
  margin-left: 0px !important;
}
.button.ThemeButtonMenuItem > a > .buttonText, .button.ThemeButtonMenuItem > .clickableArea > .buttonText {
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 var(--sizeL);
}