[data-native-reveal] { opacity: 1; }
.vilkritis-native-reveal-ready [data-native-reveal]:not(.is-visible) { opacity: 0; }
.vilkritis-native-reveal-ready [data-native-reveal].is-visible { animation: vilkritis-native-up .7s ease-out both; }
.vilkritis-native-reveal-ready [data-native-reveal="left"].is-visible { animation-name: vilkritis-native-left; }
.vilkritis-native-reveal-ready [data-native-reveal="right"].is-visible { animation-name: vilkritis-native-right; }
/* A focused control and all of its reveal wrappers must be visible immediately. */
.vilkritis-native-reveal-ready [data-native-reveal].is-focus-revealed { opacity: 1; animation: none; transform: none; }
@keyframes vilkritis-native-up { from { opacity: 0; transform: translate3d(0,100%,0); } to { opacity: 1; transform: none; } }
@keyframes vilkritis-native-left { from { opacity: 0; transform: translate3d(-100%,0,0); } to { opacity: 1; transform: none; } }
@keyframes vilkritis-native-right { from { opacity: 0; transform: translate3d(100%,0,0); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
    .vilkritis-native-reveal-ready [data-native-reveal] { opacity: 1 !important; animation: none !important; transform: none !important; }
}