@keyframes demo-net{0%{opacity:0}8%{opacity:.95}55%{opacity:.4}to{opacity:0}}.match-demo[data-moment=goal][data-end=left] .demo-net-left,.match-demo[data-moment=goal][data-end=right] .demo-net-right{animation:2.2s ease-out both demo-net}@keyframes demo-glare{0%{opacity:0}25%{opacity:.6}to{opacity:0}}.match-demo[data-moment=goal][data-end=left] .demo-glare-left,.match-demo[data-moment=goal][data-end=right] .demo-glare-right{animation:2.2s ease-out both demo-glare}@keyframes demo-banner{0%{visibility:hidden;animation-timing-function:cubic-bezier(.2,1.4,.4,1);transform:translate(-50%,-50%)scale(.55)}1%{visibility:visible;transform:translate(-50%,-50%)scale(.55)}22%{visibility:visible;transform:translate(-50%,-50%)scale(1.1)}34%{visibility:visible;animation-timing-function:ease-in;transform:translate(-50%,-50%)scale(1)}80%{visibility:visible;transform:translate(-50%,-50%)scale(1)}to{visibility:hidden;transform:translate(-50%,-50%)scale(.9)}}.match-demo[data-moment] .demo-banner{animation:2.3s both demo-banner}@keyframes demo-pop{0%{transform:scale(1)}30%{transform:scale(1.5)}to{transform:scale(1)}}.match-demo[data-moment=goal] .demo-score{animation:.9s ease-out demo-pop}.demo-card{display:none}.match-demo[data-moment=card] .demo-card{background:#facc15;border-radius:.15rem;width:.8rem;height:1.1rem;margin-right:.6rem;display:inline-block;box-shadow:0 0 0 1px #00000059}@keyframes demo-roll-a{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes demo-roll-b{0%{transform:translateY(100%)}to{transform:translateY(0)}}.match-demo[data-roll="0"] .demo-line{animation:.45s cubic-bezier(.2,.8,.2,1) both demo-roll-a}.match-demo[data-roll="1"] .demo-line{animation:.45s cubic-bezier(.2,.8,.2,1) both demo-roll-b}.demo-line{color:var(--ink)}.demo-line.is-goal{color:var(--floodlight);font-weight:700}@keyframes demo-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.demo-marquee{animation:24s linear infinite demo-marquee}