.as-demo{--s-dur-fast:.14s;--s-dur-base:.22s;--s-dur-slow:.42s;--s-ease-out:cubic-bezier(.16, 1, .3, 1);--s-elev-1:0 1px 2px #00000073, 0 2px 8px #0000004d;--s-elev-2:0 2px 4px #00000080, 0 8px 24px #0006;--s-elev-3:0 4px 8px #0000008c, 0 16px 48px #00000080}.as-demo .sprite{width:var(--sprite-size,72px);height:var(--sprite-size,72px);background-repeat:no-repeat;background-size:calc(var(--sprite-size,72px) * 3) calc(var(--sprite-size,72px) * 4);image-rendering:pixelated;background-position:0 0}.as-demo .live-dot{background:#34d399;border-radius:999px;width:.375rem;height:.375rem;animation:3s ease-in-out infinite as-demo-glow-pulse;display:inline-block}@keyframes demo-rise-in{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes breathe{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.12);transform:scale(1.06)}}@keyframes as-demo-glow-pulse{0%,to{box-shadow:0 0 #34d39973}50%{box-shadow:0 0 8px 2px #34d39933}}@media (prefers-reduced-motion:reduce){.as-demo *,.as-demo :before,.as-demo :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}