.fade-transition {
  opacity: 0;
  transition: opacity var(--fade-in-ms) linear;
}

.fade-transition.fade-in {
  opacity: 1; /* Fades in */
}

/* .fade-transition.disable-element {
  opacity: .25;
  filter: grayscale(50%) contrast(50%);
  pointer-events: none;
} */

#dim-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
  z-index: 100;
  backdrop-filter: blur(2px);
}