@supports (view-timeline-name: --box){.reveal-box{view-timeline:--reveal block;view-timeline-inset:20% 0%}.reveal-content{animation-name:reveal-anim;animation-fill-mode:both;animation-timeline:--reveal;animation-range:entry 10% cover 50%}.reveal-box[data-animation=blur-in] .reveal-content{animation-name:blur-reveal}.reveal-box[data-animation=scale-in] .reveal-content{animation-name:scale-reveal}.reveal-box[data-animation=parallax-3d] .reveal-content{animation-name:perspective-reveal;perspective:1000px}.reveal-box[data-animation=slide-left] .reveal-content{animation-name:slide-left-reveal}.reveal-box[data-animation=slide-right] .reveal-content{animation-name:slide-right-reveal}@media(hover:none),(pointer:coarse){.reveal-box{view-timeline:none}.reveal-content{animation:none!important;opacity:1!important;filter:none!important;transform:none!important;perspective:none!important}}@keyframes reveal-anim{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes blur-reveal{0%{opacity:0;filter:blur(6px);transform:translateY(18px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes scale-reveal{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes perspective-reveal{0%{opacity:0;transform:rotateX(-20deg) translateY(50px)}to{opacity:1;transform:rotateX(0) translateY(0)}}@keyframes slide-left-reveal{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes slide-right-reveal{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}}@supports not (view-timeline-name: --box){.reveal-box{opacity:1;transform:none}}@supports not (view-timeline-name: --box){.reveal-content{opacity:1!important;transform:none!important;filter:none!important}}