.demo-ring{border:2px solid var(--color-coral);border-radius:999px;animation:2.2s cubic-bezier(0,0,.2,1) infinite demo-ping;position:absolute;inset:0}.demo-ring.d2{border-color:var(--color-navy-2);animation-delay:.55s}.demo-ring.d3{border-color:var(--color-coral);animation-delay:1.1s}@keyframes demo-ping{0%{opacity:.85;transform:scale(.72)}to{opacity:0;transform:scale(1.55)}}.demo-bars{align-items:center;gap:4px;height:72px;display:flex}.demo-bar{background:linear-gradient(180deg, var(--color-coral), var(--color-navy-2));transform-origin:50%;border-radius:999px;width:6px;height:100%;transform:scaleY(.28)}.demo-bars.live .demo-bar{animation:1s ease-in-out infinite demo-eq}.demo-bar:nth-child(odd){animation-delay:.12s}.demo-bar:nth-child(3n){animation-delay:.28s}@keyframes demo-eq{0%,to{transform:scaleY(.28)}50%{transform:scaleY(var(--h,.9))}}@media (prefers-reduced-motion:reduce){.demo-ring,.demo-bar{animation:none!important}}