.hfv-grow-x{transform-origin:0}.hfv-ring{stroke-dashoffset:var(--hfv-off,0)}@media (prefers-reduced-motion:no-preference){.hfv[data-armed] .hfv-grow-x{transform:scaleX(0)}.hfv[data-armed] .hfv-fade{opacity:0;transform:translateY(10px)}.hfv[data-armed] .hfv-pop{opacity:0;transform:scale(.85)}.hfv[data-armed] .hfv-ring{stroke-dashoffset:100px}.hfv[data-armed] .hfv-draw{stroke-dashoffset:1px}.hfv[data-armed][data-play] .hfv-grow-x{transition:transform .9s cubic-bezier(.2, .8, .2, 1) calc(var(--i,0) * 90ms + .12s);transform:none}.hfv[data-armed][data-play] .hfv-fade{opacity:1;transition:opacity .5s ease calc(var(--i,0) * 90ms), transform .5s ease calc(var(--i,0) * 90ms);transform:none}.hfv[data-armed][data-play] .hfv-pop{opacity:1;transition:opacity .45s ease calc(var(--i,0) * .11s), transform .45s cubic-bezier(.3, 1.4, .5, 1) calc(var(--i,0) * .11s);transform:none}.hfv[data-armed][data-play] .hfv-ring{stroke-dashoffset:var(--hfv-off,0);transition:stroke-dashoffset 1.3s cubic-bezier(.2,.8,.2,1) .15s}.hfv[data-armed][data-play] .hfv-draw{stroke-dashoffset:0;transition:stroke-dashoffset 1.4s ease-in-out calc(var(--i,0) * .12s)}.hfv-intro .hfv-grow-x{animation:.9s cubic-bezier(.2,.8,.2,1) both hfv-grow-x;animation-delay:calc(var(--i,0) * 90ms + .35s)}.hfv-intro .hfv-fade{animation:.55s both hfv-fade;animation-delay:calc(var(--i,0) * 90ms + .2s)}.hfv-intro .hfv-pop{animation:.45s cubic-bezier(.3,1.4,.5,1) both hfv-pop;animation-delay:calc(var(--i,0) * .11s + .2s)}.hfv-intro .hfv-ring{animation:1.3s cubic-bezier(.2,.8,.2,1) .3s both hfv-ring}.hfv-intro .hfv-draw{animation:1.4s ease-in-out both hfv-draw;animation-delay:calc(var(--i,0) * .12s + .2s)}.hfv[data-live] .hfv-pulse{animation:2.6s ease-in-out infinite hfv-pulse;animation-delay:calc(var(--i,0) * .4s)}.hfv[data-live] .hfv-travel-x{animation:2.8s ease-in-out infinite hfv-travel-x;animation-delay:calc(var(--i,0) * .35s)}.hfv[data-live] .hfv-travel-y{animation:2.8s ease-in-out infinite hfv-travel-y;animation-delay:calc(var(--i,0) * .35s)}.hfv[data-live] .hfv-flow{animation:1.6s linear infinite hfv-flow}.hfv[data-live] .hfv-dots>*{animation:1.2s ease-in-out infinite hfv-dot}.hfv[data-live] .hfv-dots>:nth-child(2){animation-delay:.15s}.hfv[data-live] .hfv-dots>:nth-child(3){animation-delay:.3s}.hfv[data-live] .hfv-scan{animation:4.5s ease-in-out infinite hfv-scan}}.hfv-pulse{opacity:0}.hfv:not([data-live]) .hfv-travel-x,.hfv:not([data-live]) .hfv-travel-y,.hfv:not([data-live]) .hfv-scan{display:none}@media (prefers-reduced-motion:reduce){.hfv-travel-x,.hfv-travel-y,.hfv-scan{display:none}}@keyframes hfv-grow-x{0%{transform:scaleX(0)}to{transform:none}}@keyframes hfv-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes hfv-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes hfv-ring{0%{stroke-dashoffset:100px}to{stroke-dashoffset:var(--hfv-off,0)}}@keyframes hfv-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes hfv-pulse{0%{opacity:.7;transform:scale(1)}70%,to{opacity:0;transform:scale(1.7)}}@keyframes hfv-travel-x{0%{opacity:0;left:0%}15%{opacity:1}85%{opacity:1}to{opacity:0;left:100%}}@keyframes hfv-travel-y{0%{opacity:0;top:0%}15%{opacity:1}85%{opacity:1}to{opacity:0;top:100%}}@keyframes hfv-flow{to{stroke-dashoffset:-12px}}@keyframes hfv-blink{to{visibility:hidden}}@keyframes hfv-dot{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@keyframes hfv-scan{0%{opacity:0;top:0%}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}