.sbui-menu__item {
  @apply px-4 py-2;
  @apply cursor-pointer;
  @apply hover:bg-gray-100 dark:hover:bg-dark-700 transition-colors duration-150;
}

.sbui-menu__group {
  @apply px-4 py-2;
}

.sbui-menu__content {
  @apply w-full;
}

.sbui-menu__item--active {
  @apply bg-gray-100;
  @apply dark:bg-gray-600;

  @apply text-gray-900;
  @apply dark:text-white;
}

.sbui-menu__item--active .sbui-menu__content {
  @apply text-gray-600;
  @apply dark:text-white;
}

.sbui-menu__item--active--bar {
  @apply border-l-4 border-brand-300;
  border-left-style: solid;
}

.sbui-menu__item--rounded {
  @apply rounded;
}