.nav-hidden {
  transform: translateY(-100%);
}

.nav-visible {
  transform: translateY(0);
}

/* Scroll fade indicators for overflowing textareas */
.scroll-fade-top {
  mask-image: linear-gradient(to bottom, transparent, black 1rem);
  -webkit-mask-image: linear-gradient(to bottom, transparent, black 1rem);
}

.scroll-fade-bottom {
  mask-image: linear-gradient(to top, transparent, black 1rem);
  -webkit-mask-image: linear-gradient(to top, transparent, black 1rem);
}