.asset-caption{font:10px Arial,sans-serif;letter-spacing:.7px;fill:#c1cdae}.asset-heading{font:19px Arial,sans-serif;fill:#e4e8d1}.asset-small{font:12px Arial,sans-serif;fill:#b6c6a6}.asset-label{font:14px Arial,sans-serif;fill:#e1e6cd}.asset-button{font:bold 13px Arial,sans-serif;fill:#293b24}.asset-due{animation:asset-due 12s infinite}.asset-done{animation:asset-done 12s infinite}.asset-note{animation:asset-note 12s infinite}.asset-tap{animation:asset-tap 12s infinite}.asset-record{animation:asset-record 12s infinite}.asset-history{animation:asset-history 12s infinite}.asset-demo svg [class^="asset-"]{animation-delay:var(--asset-start,-4s)}
@keyframes asset-due{0%{opacity:0}8%,59%{opacity:1}65%,100%{opacity:0}}@keyframes asset-done{0%,64%{opacity:0}70%,95%{opacity:1}100%{opacity:0}}@keyframes asset-note{0%,23%{opacity:0}32%,100%{opacity:1}}@keyframes asset-tap{0%,47%{opacity:0}52%{opacity:1}58%,100%{opacity:0}}@keyframes asset-record{0%,58%{opacity:1}63%,100%{opacity:0}}@keyframes asset-history{0%,62%{opacity:0;translate:0 8px}70%,95%{opacity:1;translate:0 0}100%{opacity:0;translate:0 0}}
.asset-demo.is-still .asset-due,.asset-demo.is-still .asset-record,.asset-demo.is-still .asset-tap{opacity:0}.asset-demo.is-still .asset-done,.asset-demo.is-still .asset-history{opacity:1;translate:0 0}@media(prefers-reduced-motion:reduce){.asset-demo .asset-due,.asset-demo .asset-record,.asset-demo .asset-tap{opacity:0}}