@keyframes demo-marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes demo-float{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-18px,0) scale(1.04)}}@keyframes demo-drift{0%{transform:translateZ(0) rotate(0deg)}50%{transform:translate3d(3%,-4%,0) rotate(6deg)}to{transform:translateZ(0) rotate(0deg)}}@keyframes demo-ember{0%,to{opacity:.55;transform:scale(1) translateY(0)}50%{opacity:1;transform:scale(1.12) translateY(-6px)}}@keyframes demo-spin{to{transform:rotate(1turn)}}@keyframes demo-wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes demo-draw{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes demo-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.demo-marquee{animation:demo-marquee 22s linear infinite}.demo-float{animation:demo-float 9s ease-in-out infinite}.demo-drift{animation:demo-drift 16s ease-in-out infinite}.demo-ember{animation:demo-ember 3.4s ease-in-out infinite}.demo-spin{animation:demo-spin 24s linear infinite}.demo-wave>span{animation:demo-wave 1.1s ease-in-out infinite;transform-origin:center}.demo-draw{stroke-dasharray:1000;animation:demo-draw 6s ease-out forwards}.demo-in{animation:demo-fade-up 1s cubic-bezier(.16,1,.3,1) both}.demo-grain{position:absolute;inset:0;pointer-events:none;opacity:.14;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes demo-player{0%{width:22%}to{width:68%}}.player-progress{animation:demo-player 22s linear infinite alternate}