/* ととのえ Slide Reveal 1.1.0 */

.slide-reveal {
  --tdp-reveal-radius: 0px;

  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
}

.slide-reveal.tdp-reveal-inline {
  display: inline-block;
  max-width: 100%;
}

.slide-reveal > .tdp-reveal-mask {
  position: absolute;
  inset: 0;
  z-index: 999;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: var(--tdp-reveal-color, #5b7068);
  border-radius: var(--tdp-reveal-radius);
  pointer-events: none;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  will-change: transform;
}

.slide-reveal.is-revealed > .tdp-reveal-mask {
  animation-name: tdp-reveal-to-right;
  animation-duration: var(--tdp-reveal-duration, 1.1s);
  animation-timing-function: cubic-bezier(0.77, 0, 0.18, 1);
  animation-delay: var(--tdp-reveal-delay, 0s);
  animation-fill-mode: forwards;
}

.slide-reveal.reveal-left.is-revealed > .tdp-reveal-mask { animation-name: tdp-reveal-to-left; }
.slide-reveal.reveal-up.is-revealed > .tdp-reveal-mask { animation-name: tdp-reveal-to-up; }
.slide-reveal.reveal-down.is-revealed > .tdp-reveal-mask { animation-name: tdp-reveal-to-down; }
.slide-reveal.reveal-right.is-revealed > .tdp-reveal-mask { animation-name: tdp-reveal-to-right; }

.slide-reveal.reveal-fast { --tdp-reveal-duration: 0.65s; }
.slide-reveal.reveal-slow { --tdp-reveal-duration: 1.8s; }
.slide-reveal.reveal-delay { --tdp-reveal-delay: 0.35s; }
.slide-reveal.reveal-no-delay { --tdp-reveal-delay: 0s; }

@keyframes tdp-reveal-to-right {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(101%, 0, 0); }
}

@keyframes tdp-reveal-to-left {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-101%, 0, 0); }
}

@keyframes tdp-reveal-to-up {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(0, -101%, 0); }
}

@keyframes tdp-reveal-to-down {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(0, 101%, 0); }
}