.support-build__bar{width:var(--lo);position:relative}@media (prefers-reduced-motion:no-preference){.support-build__bar{width:0}.support-build[data-live=true] .support-build__bar{animation:support-bar-fill .9s cubic-bezier(.22, 1, .36, 1) var(--start) both, support-bar-level var(--level-seconds) cubic-bezier(.45, .05, .55, .95) calc(var(--start) + .9s) infinite alternate}.support-build__bar:after{content:"";opacity:0;background:#fffdf8;border-radius:9999px;width:.5rem;height:.5rem;position:absolute;top:50%;right:0;transform:translate(-.2rem,-50%);box-shadow:0 0 #ffffffb3}.support-build[data-live=true] .support-build__bar:after{animation:support-tip-pulse 2.4s ease-out calc(var(--start) + .9s) infinite}.support-build__bar--hot:before{border-radius:inherit;content:"";background:linear-gradient(100deg,#0000 35%,#ffffff8c 50%,#0000 65%) 130% 0/250% 100%;position:absolute;inset:0}.support-build[data-live=true] .support-build__bar--hot:before{animation:5.5s ease-in-out 1.6s infinite support-bar-glint}.support-build[data-live=true] .support-build__pin{animation:2.8s ease-in-out 1s infinite support-pin-bob}}@keyframes support-bar-fill{0%{width:0}to{width:var(--lo)}}@keyframes support-bar-level{0%{width:var(--lo)}to{width:var(--hi)}}@keyframes support-tip-pulse{0%{opacity:1;box-shadow:0 0 #ffffffbf}70%,to{opacity:1;box-shadow:0 0 0 7px #fff0}}@keyframes support-bar-glint{0%{background-position:130% 0}35%,to{background-position:-30% 0}}@keyframes support-pin-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}
