.ui-c-menu {
  z-index: var(--z-index-popup);
  padding: var(--spacing-xxs) 0;
  background-color: var(--white);
  box-shadow: 0 2px 8px -2px rgb(0 0 0 / 14%);
}

.ui-c-menu-item {
  display: flex;
  gap: var(--spacing-xxs);
  align-items: center;
  height: 36px;
  padding: 7px 16px;
  font-size: var(--body-1);

  &:hover {
    background-color: rgb(0 0 0 / 6%);
  }
}

.ui-c-menu-item--disabled {
  color: var(--status-not-active-normal);

  &:hover {
    background-color: transparent;
  }
}