.feature-demo:not(.is-playing) .search-demo *{animation-play-state:paused!important}.sd-typed-bar{height:10px;width:0;border-radius:999px;background:var(--demo-accent);opacity:.55}.sd-caret{opacity:0}.sd-results-stack{display:grid;margin-top:14px}.sd-results-stack>*{grid-area:1/1;margin-top:0}.sd-results-stack .demo-results{margin-top:0}.sd-new-result{align-self:start}.sd-old-results{opacity:1}.sd-new-result{opacity:0}.sd-btn::before{opacity:0}.sd-click-ripple::after{opacity:0}.search-demo.step-1 .sd-caret{opacity:1;animation:demo-caret-blink .9s steps(2,end) infinite}.search-demo.step-1 .sd-typed-bar{animation:sd-typing 2s ease-out .5s forwards}@keyframes sd-typing{0%{width:0}100%{width:65%}}.search-demo.step-2 .sd-typed-bar,.search-demo.step-3 .sd-typed-bar{width:65%}.search-demo.step-2 .sd-caret,.search-demo.step-3 .sd-caret{opacity:0}.search-demo.step-2 .sd-btn{animation:sd-btn-press .6s ease-in-out forwards}@keyframes sd-btn-press{0%{transform:none}30%{transform:scale(.94)}60%{transform:scale(1.02)}100%{transform:none}}.search-demo.step-2 .sd-btn::before{animation:sd-btn-flash .7s ease-in-out forwards}@keyframes sd-btn-flash{0%{opacity:0}30%{opacity:.55}60%{opacity:.32}100%{opacity:0}}.search-demo.step-2 .sd-click-ripple::after{animation:sd-click-ripple .8s ease-in-out forwards}@keyframes sd-click-ripple{0%{opacity:0;transform:translate(-50%,-50%) scale(.45)}30%{opacity:1;transform:translate(-50%,-50%) scale(.75)}100%{opacity:0;transform:translate(-50%,-50%) scale(2.85)}}.search-demo.step-2 .sd-old-results{animation:sd-old-fadeout .5s ease-in forwards}@keyframes sd-old-fadeout{0%{opacity:1}100%{opacity:0;visibility:hidden}}.search-demo.step-3 .sd-old-results{opacity:0;visibility:hidden}.search-demo.step-3 .sd-btn{transform:none}.search-demo.step-3 .sd-btn::before{opacity:0}.search-demo.step-3 .sd-click-ripple::after{opacity:0}.search-demo.step-3 .sd-new-result{animation:sd-result-in .5s ease-out forwards}@keyframes sd-result-in{0%{opacity:0}100%{opacity:1}}@media (prefers-reduced-motion:reduce){.sd-btn,.sd-btn::before,.sd-caret,.sd-click-ripple::after,.sd-new-result,.sd-old-results,.sd-typed-bar{animation:none!important}.sd-typed-bar{width:65%}.sd-caret{opacity:0}.sd-old-results{opacity:0}.sd-new-result{opacity:1}}.is-playing .sd-typed-bar{will-change:width}.is-playing .sd-btn,.is-playing .sd-new-result,.is-playing .sd-old-results{will-change:transform,opacity}