.sidebar {
  @apply flex h-full min-h-0 flex-col;
}

.sidebar-header {
  @apply flex flex-col border-b border-zinc-950/5 p-4 dark:border-white/5 [&>[data-slot=section]+[data-slot=section]]:mt-2.5;
}

.sidebar-item {
  @apply flex w-full items-center gap-3 rounded-lg px-2 py-2.5 text-left text-base/6 font-medium text-foreground sm:py-2 sm:text-sm/5 hover:bg-foreground/5;
}

.sidebar-item.active {
  @apply bg-foreground/5;
}

.sidebar-item-icon {
  @apply size-4 shrink-0 text-muted-foreground group-hover:text-foreground;
}

.sidebar-item.active .sidebar-item-icon {
  @apply text-foreground;
}

.navbar-item {
  @apply flex justify-center items-center gap-3 rounded-lg px-2 py-2.5 text-left text-base/6 font-medium text-foreground sm:py-2 sm:text-sm/5 hover:bg-foreground/5 [&_svg]:size-6 [&_svg]:text-muted-foreground hover:[&_svg]:text-foreground;
}