:host {
  display: var(--reveal-display, block);

  opacity: var(--reveal-opacity-not-loaded, 0);

  transition: var(--reveal-transition, opacity 0.15s linear);
}

:host(.deckgo-reveal-visible) {
  opacity: var(--reveal-opacity-loaded, 1);
}

::slotted(*) {
  visibility: hidden;
  opacity: 0;
  transform: var(--reveal-transform, translateX(-4px));
  transition: all var(--reveal-duration, 200ms) cubic-bezier(0.23, 1, 0.32, 1);
}
