/**
* @prop --vm-menu-item-hint-font-size: The font size of the hint text.
* @prop --vm-menu-item-hint-color: The color of the hint text.
* @prop --vm-menu-item-hint-opacity: The opacity of the hint text.
* @prop --vm-menu-item-badge-color: The color of the badge text.
* @prop --vm-menu-item-badge-bg: The background color of the badge.
* @prop --vm-menu-item-badge-font-size: The font size of the the badge text. 
* @prop --vm-menu-item-arrow-color: The color of the left/right arrow on a navigational menu item.
* @prop --vm-menu-item-check-icon-width: The width of the checked icon.
* @prop --vm-menu-item-check-icon-height: The height of the checked icon.
* @prop --vm-menu-item-padding: The padding within each menu item.
* @prop --vm-menu-item-focus-color: The color of a menu item's text when it is being focused or hovered on.
* @prop --vm-menu-item-focus-bg: The background color of a menu item when it is being focused or hovered on.
* @prop --vm-menu-item-tap-highlight: The highlight color when a menu item is tapped.
* @prop --vm-menu-item-divider-color: The color of the divider between a navigational menu item and the menu body.
*/
vime-menu-item {
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 100%;
  cursor: pointer;
  color: var(--vm-menu-color);
  background: var(--vm-menu-bg);
  font-size: var(--vm-menu-font-size);
  font-weight: var(--vm-menu-font-weight);
  padding: var(--vm-menu-item-padding);
}
vime-menu-item:focus {
  outline: 0;
}
vime-menu-item.hidden {
  display: none;
}
vime-menu-item.tapHighlight {
  background: var(--vm-menu-item-tap-highlight);
}
vime-menu-item.showDivider {
  border-bottom: 0.5px solid var(--vm-menu-item-divider-color);
}
vime-menu-item.notTouch:hover, vime-menu-item.notTouch:focus {
  outline: 0;
  color: var(--vm-menu-item-focus-color);
  background-color: var(--vm-menu-item-focus-bg);
}
vime-menu-item[aria-hidden=true] {
  display: none;
}
vime-menu-item[aria-checked=true] svg {
  opacity: 1;
  visibility: visible;
}
vime-menu-item vime-icon {
  display: inline-block;
}
vime-menu-item svg {
  fill: currentColor;
  pointer-events: none;
  width: var(--vm-menu-item-check-icon-width, 10px) !important;
  height: var(--vm-menu-item-check-icon-height, 10px) !important;
  margin-right: 10px;
  opacity: 0;
  visibility: hidden;
  transition: var(--vm-fade-transition);
}
vime-menu-item .hint {
  display: inline-block;
  margin-left: auto;
  overflow: hidden;
  pointer-events: none;
  margin-right: 6px;
  font-size: var(--vm-menu-item-hint-font-size);
  opacity: var(--vm-menu-item-hint-opacity);
  color: var(--vm-menu-item-hint-color);
}
vime-menu-item .badge {
  display: inline-block;
  line-height: 1;
  overflow: hidden;
  pointer-events: none;
  color: var(--vm-menu-item-badge-color);
  background: var(--vm-menu-item-badge-bg);
  font-size: var(--vm-menu-item-badge-font-size);
}
vime-menu-item .spacer {
  flex: 1;
}
vime-menu-item .arrow {
  color: var(--vm-menu-item-arrow-color);
  border: 2px solid;
  padding: 2px;
  display: inline-block;
  border-width: 0 2px 2px 0;
}
vime-menu-item .arrow.left {
  margin-right: 6px;
  transform: rotate(135deg);
}
vime-menu-item .arrow.right {
  transform: rotate(-45deg);
  opacity: 0.38;
}