.demo{perspective:1000px;background:#efe8df;position:relative;overflow:hidden}.demo-stage{transform-style:preserve-3d;animation:demo-stage var(--demo-cycle) linear infinite;position:absolute;inset:0}@keyframes demo-stage{0%,50%{opacity:1}56%,92%{opacity:0}to{opacity:1}}.demo-envelope{transform-style:preserve-3d;animation:demo-lift var(--demo-cycle) cubic-bezier(.4, 0, .2, 1) infinite;position:absolute;inset:0}@keyframes demo-lift{0%,30%{transform:scale(1)}42%{transform:scale(1.015)}56%,to{transform:scale(1.04)}}.demo-body{background-image:var(--demo-paper);z-index:2;background-position:50%;background-size:cover;position:absolute;inset:0}.demo-flap{background-image:var(--demo-paper);clip-path:polygon(0 0, 100% 0, 50% var(--demo-seal-y));transform-origin:top;backface-visibility:hidden;z-index:3;animation:demo-flap var(--demo-cycle) cubic-bezier(.45, 0, .15, 1) infinite;background-position:50%;background-size:cover;position:absolute;inset:0}@keyframes demo-flap{0%,30%{transform:rotateX(0)}46%,96%{transform:rotateX(-168deg)}to{transform:rotateX(0)}}.demo-lining{clip-path:polygon(0 0, 100% 0, 50% var(--demo-seal-y));background:linear-gradient(180deg, rgb(var(--reve-shadow-rgb,28 28 30) / .42), rgb(var(--reve-shadow-rgb,28 28 30) / .16));opacity:0;z-index:0;animation:demo-lining var(--demo-cycle) ease-out infinite;position:absolute;inset:0}@keyframes demo-lining{0%,31%{opacity:0}38%,94%{opacity:1}to{opacity:0}}.demo-card{block-size:86%;box-shadow:0 10px 26px -12px rgb(var(--reve-shadow-rgb,28 28 30) / .55);z-index:1;animation:demo-card var(--demo-cycle) cubic-bezier(.33, 0, .2, 1) infinite;background:#faf7f2;border-radius:.15rem;position:absolute;inset-block-end:-6%;inset-inline:7%}@keyframes demo-card{0%,36%{transform:translateY(0)}52%,96%{transform:translateY(-16%)}to{transform:translateY(0)}}.demo-seal{inline-size:var(--demo-seal-size);aspect-ratio:1;z-index:5;animation:demo-seal var(--demo-cycle) ease-out infinite;place-items:center;display:grid;position:absolute;inset-block-start:var(--demo-seal-y);inset-inline-start:50%}@keyframes demo-seal{0%,22%{opacity:1;transform:translate(-50%,-50%)scale(1)}26%{opacity:1;transform:translate(-50%,-50%)scale(.9)}30%{opacity:1;transform:translate(-50%,-50%)scale(1.04)}34%,96%{opacity:0;transform:translate(-50%,-50%)scale(1.1)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.demo-scroll{opacity:0;animation:demo-scroll var(--demo-cycle) cubic-bezier(.5, 0, .5, 1) infinite;position:absolute;inset-block-start:0;inset-inline:0}@keyframes demo-scroll{0%,50%{opacity:0;transform:translateY(0)}56%{opacity:1;transform:translateY(0)}64%{transform:translateY(0)}86%{opacity:1;transform:translateY(calc(-1 * var(--demo-travel)))}92%{opacity:0;transform:translateY(calc(-1 * var(--demo-travel)))}to{opacity:0;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.demo-stage,.demo-envelope,.demo-flap,.demo-lining,.demo-card,.demo-seal,.demo-scroll{animation:none}.demo-stage{opacity:0}.demo-scroll{opacity:1;transform:translateY(0)}}