.c-dropdown-menu-content {
  @apply shadow;
}

.c-dropdown-menu-label {
  @apply bg-elevate px-4 pt-2 font-sans text-xs font-bold text-gray-500-400;
  @apply first:rounded-tl first:rounded-tr;
}

.c-dropdown-menu-item {
  @apply flex h-10 cursor-pointer items-center bg-elevate px-3 font-sans text-xs font-medium text-gray-700-200;

  &:hover,
  &:focus,
  &:focus-visible {
    @apply bg-gray-50-900 outline-none;
  }

  @apply first:rounded-tr first:rounded-tl last:rounded-br last:rounded-bl;
}
