.acct-caption{font:10px Arial,sans-serif;letter-spacing:.7px;fill:#c1cdae}.acct-heading{font:23px Arial,sans-serif;fill:#e4e8d1}.acct-small{font:11px Arial,sans-serif;fill:#b6c6a6}.acct-label{font:13px Arial,sans-serif;fill:#e1e6cd}.acct-total{font:bold 24px Arial,sans-serif;fill:#e1ce94}.acct-packet{animation:acct-transfer 12s infinite}.acct-queued{animation:acct-queued 12s infinite}.acct-syncing{animation:acct-syncing 12s infinite}.acct-synced,.acct-record{animation:acct-record 12s infinite}.acct-waiting{animation:acct-waiting 12s infinite}.acct-linked{animation:acct-linked 12s infinite}.accounting-demo svg [class^="acct-"]{animation-delay:var(--acct-start,-5s)}
@keyframes acct-transfer{0%,18%{transform:translateX(0);opacity:0}23%{transform:translateX(0);opacity:1}53%{transform:translateX(192px);opacity:1}57%,100%{transform:translateX(192px);opacity:0}}@keyframes acct-queued{0%,19%{opacity:1}20%,100%{opacity:0}}@keyframes acct-syncing{0%,19%{opacity:0}20%,57%{opacity:1}58%,100%{opacity:0}}@keyframes acct-record{0%,57%{opacity:0}63%,95%{opacity:1}100%{opacity:0}}@keyframes acct-waiting{0%,57%{opacity:1}58%,100%{opacity:0}}@keyframes acct-linked{0%,65%{opacity:0}73%,95%{opacity:1}100%{opacity:0}}
.accounting-demo.is-still .acct-packet,.accounting-demo.is-still .acct-queued,.accounting-demo.is-still .acct-syncing,.accounting-demo.is-still .acct-waiting{opacity:0}.accounting-demo.is-still .acct-synced,.accounting-demo.is-still .acct-record,.accounting-demo.is-still .acct-linked{opacity:1}@media(prefers-reduced-motion:reduce){.accounting-demo .acct-packet,.accounting-demo .acct-queued,.accounting-demo .acct-syncing,.accounting-demo .acct-waiting{opacity:0}}