[data-note-demo] [data-note-status=processing]{visibility:hidden}[data-note-demo][data-note-paused=true] *{animation-play-state:paused!important}[data-note-demo][data-note-motion=ready] [data-note-value]{opacity:0}[data-note-demo][data-note-motion=ready] [data-note-highlight]{background:0 0}[data-note-demo][data-note-motion=ready] [data-note-status=processing],[data-note-demo][data-note-motion=playing] [data-note-status=processing]{visibility:visible}[data-note-demo][data-note-motion=ready] [data-note-status=done],[data-note-demo][data-note-motion=playing] [data-note-status=done]{visibility:hidden}[data-note-field="0"],[data-note-highlight="0"]{--note-step:0}[data-note-field="1"],[data-note-highlight="1"]{--note-step:1}[data-note-field="2"],[data-note-highlight="2"]{--note-step:2}[data-note-field="3"],[data-note-highlight="3"]{--note-step:3}[data-note-field="4"],[data-note-highlight="4"]{--note-step:4}@media (prefers-reduced-motion:no-preference){[data-note-motion=playing] [data-note-highlight]{background:linear-gradient(var(--ds-color-fill-pressed-faint), var(--ds-color-fill-pressed-faint)) left / 0% 100% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;animation:.5s ease-out both note-highlight;animation-delay:calc(.25s + var(--note-step) * .45s)}[data-note-motion=playing] [data-note-value]{animation:.5s ease-out both note-extract;animation-delay:calc(.8s + var(--note-step) * .45s)}[data-note-motion=playing] [data-note-status=processing]{animation:3.5s linear both note-finish}}@keyframes note-highlight{0%{background-size:0% 100%}to{background-size:100% 100%}}@keyframes note-extract{0%{opacity:0;transform:translateY(.45em)}to{opacity:1;transform:translateY(0)}}@keyframes note-finish{0%,to{opacity:1}}@media (prefers-reduced-motion:reduce){[data-note-demo] [data-note-value]{opacity:1!important;animation:none!important;transform:none!important}[data-note-demo] [data-note-highlight]{background:var(--ds-color-fill-pressed-faint)!important;animation:none!important}[data-note-demo] [data-note-status=processing]{visibility:hidden!important;animation:none!important}[data-note-demo] [data-note-status=done]{visibility:visible!important}}
@media (prefers-reduced-motion:no-preference){[data-product-demo][data-product-paused] [data-product-reveal]{animation:.75s ease-out both paused product-reveal}[data-product-demo][data-product-paused=false] [data-product-reveal]{animation-play-state:running}[data-product-demo] [data-product-reveal]:nth-child(2){animation-delay:.35s}[data-product-demo] [data-product-reveal]:nth-child(3){animation-delay:.7s}}@keyframes product-reveal{0%{opacity:0;transform:translateY(.35em)}to{opacity:1;transform:translateY(0)}}