:host {
  position: fixed;
  height: 100vh;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  background: var(--staytuned-overlay-bg-color, rgba(0, 0, 0, 0.8));
  animation-duration: 400ms;
}

:host(.show) {
  display: block;
}

:host(.hide) {
  display: none;
}

:host(.fadeIn) {
  animation-name: fadeIn;
  animation-fill-mode: forwards;
}

:host(.fadeOut) {
  animation-name: fadeOut;
  animation-fill-mode: forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}