.extension-demo{container-type:inline-size;--demo-cycle: 6s}.extension-demo [data-anim]{animation-duration:var(--demo-cycle);animation-iteration-count:2.5;animation-fill-mode:both;animation-timing-function:ease-in-out}.extension-demo [data-anim=banner]{animation-name:extension-demo-banner}.extension-demo [data-anim=status]{animation-name:extension-demo-status}.extension-demo [data-anim=safe]{opacity:0;animation-name:extension-demo-safe}.extension-demo [data-anim=url-site]{animation-name:extension-demo-url-site}.extension-demo [data-anim=url-tab]{opacity:0;animation-name:extension-demo-url-tab}.extension-demo [data-anim=cursor]{opacity:0;animation-name:extension-demo-cursor}@keyframes extension-demo-banner{0%,28%{opacity:0;transform:translateY(-120%)}36%,62%{opacity:1;transform:translateY(0)}66%,to{opacity:0;transform:translateY(-120%)}}@keyframes extension-demo-status{0%,30%{background-color:#9ca3af}34%,64%{background-color:#dc2626}68%,94%{background-color:#16a34a}to{background-color:#9ca3af}}@keyframes extension-demo-safe{0%,64%{opacity:0}70%,92%{opacity:1}98%,to{opacity:0}}@keyframes extension-demo-url-site{0%,64%{opacity:1}68%,94%{opacity:0}to{opacity:1}}@keyframes extension-demo-url-tab{0%,64%{opacity:0}68%,94%{opacity:1}to{opacity:0}}@keyframes extension-demo-cursor{0%,10%{opacity:0;transform:translate(40cqw,72cqw)}20%,34%{opacity:1;transform:translate(40cqw,50cqw)}50%{opacity:1;transform:translate(86cqw,15cqw)}58%{opacity:1;transform:translate(86cqw,15cqw) scale(.85)}62%{opacity:1;transform:translate(86cqw,15cqw)}68%,to{opacity:0;transform:translate(86cqw,15cqw)}}.extension-demo[data-waiting] [data-anim]{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.extension-demo [data-anim]{animation:none}}