.side-nav {
  @apply flex-col flex-auto flex-shrink-0 z-20 transition-all ease-in-out duration-200 print:hidden;
}

.side-nav-expand {
  @apply sticky top-0 h-screen;
}

.side-nav-content {
  height: calc(100vh - theme('spacing.24'));
  @apply overflow-y-auto;
}

.side-nav-light {
  @apply bg-white border-r border-gray-200;
}

.side-nav-dark {
  @apply bg-gray-800 border-r border-gray-600;
}

.side-nav-transparent {
  @apply bg-transparent;
}