:root {
  --brand: #0f733d;
}
.fade-enter {
  opacity: 0;
  transform: translateY(8px);
}

.fade-enter-active {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.25s ease;
}

.fade-leave {
  opacity: 1;
  transform: translateY(0);
}

.fade-leave-active {
  opacity: 0;
  transform: translateY(-8px);
  transition: all 0.2s ease;
}

.nav-pill {
  @apply inline-flex items-center gap-2 rounded-full px-4 py-2 text-sm font-semibold transition;
}

.nav-active {
  background: rgb(108 108 108 / 12%);
  color: var(--brand);
}