.fade {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: var(--fade-opacity);
  transition: opacity var(--fade-transition-duration) ease-in-out;
  pointer-events: var(--fade-pointer-events);
  width: 100%;
  height: 100%;
}

@keyframes move-from-bottom {
  from {
    transform: translateY(1rem);
  }
  to {
    transform: translateY(0);
  }
}