@keyframes flow-front-x{0%,5%{translate:0 0;animation-timing-function:var(--ease-out-soft)}12%,20%{translate:11% 0;animation-timing-function:var(--ease-spring-settle)}30%,to{translate:0 0}}@keyframes flow-front-fade{0%,5%{opacity:1}12%,21%{opacity:0}27%,to{opacity:1}}@keyframes flow-back-x{0%,6%{translate:-10px 0}13%,19%{translate:5px 0}29%,to{translate:-10px 0}}@keyframes flow-back-dim{0%,6%{opacity:.78}12%,20%{opacity:1}29%,to{opacity:.78}}@keyframes flow-dot-a{0%,13.5%{opacity:0;scale:.4}15.5%{opacity:.9;scale:1}17%{scale:.75}18.5%{opacity:.9;scale:1}20.5%,to{opacity:0;scale:.4}}@keyframes flow-dip-a{0%,16%{scale:1}17.5%{scale:.955}19%,to{scale:1}}@keyframes flow-ring-a{0%,16.5%{opacity:0;box-shadow:0 0 0 0 var(--hue-edge, var(--accent))}18%{opacity:1}23%,to{opacity:0;box-shadow:0 0 0 12px transparent}}@keyframes flow-row-1{0%,12%{opacity:1;translate:0 0}20.5%,31%{opacity:0;translate:0 7px;animation-timing-function:var(--ease-spring-settle)}35.5%,to{opacity:1;translate:0 0}}@keyframes flow-row-2{0%,12%{opacity:1;translate:0 0}20.5%,35.5%{opacity:0;translate:0 7px;animation-timing-function:var(--ease-spring-settle)}40%,to{opacity:1;translate:0 0}}@keyframes flow-row-3{0%,12%{opacity:1;translate:0 0}20.5%,40%{opacity:0;translate:0 7px;animation-timing-function:var(--ease-spring-settle)}44.5%,to{opacity:1;translate:0 0}}@keyframes flow-row-4{0%,12%{opacity:1;translate:0 0}20.5%,44.5%{opacity:0;translate:0 7px;animation-timing-function:var(--ease-spring-settle)}49%,to{opacity:1;translate:0 0}}@keyframes flow-glow{0%,54%{box-shadow:0 0 0 0 transparent}57%{box-shadow:0 0 0 3px var(--hue-edge, var(--accent))}62%,to{box-shadow:0 0 0 0 transparent}}@keyframes flow-dot-b{0%,62.5%{opacity:0;scale:.4}64.5%{opacity:.9;scale:1}66%{scale:.75}67.5%{opacity:.9;scale:1}69.5%,to{opacity:0;scale:.4}}@keyframes flow-dip-b{0%,65%{scale:1}66.5%{scale:.955}68%,to{scale:1}}@keyframes flow-ring-b{0%,65.5%{opacity:0;box-shadow:0 0 0 0 var(--hue-edge, var(--accent))}67%{opacity:1}72%,to{opacity:0;box-shadow:0 0 0 12px transparent}}@layer components{:is(.hero-ready,.scene-ready) .flow-front{animation:flow-front-x var(--flow-dur, 13s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .flow-front-fade{animation:flow-front-fade var(--flow-dur, 13s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .flow-back{animation:flow-back-x var(--flow-dur, 13s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .flow-back-dim{animation:flow-back-dim var(--flow-dur, 13s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .flow-row-1{animation:flow-row-1 var(--flow-dur, 13s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .flow-row-2{animation:flow-row-2 var(--flow-dur, 13s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .flow-row-3{animation:flow-row-3 var(--flow-dur, 13s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .flow-row-4{animation:flow-row-4 var(--flow-dur, 13s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .flow-tap-a{animation:flow-dip-a var(--flow-dur, 13s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .flow-tap-b{animation:flow-dip-b var(--flow-dur, 13s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .flow-glow{animation:flow-glow var(--flow-dur, 13s) linear var(--flow-delay, 1.4s) infinite}.flow-dot{position:absolute;right:.625rem;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:999px;background:color-mix(in srgb,var(--fg) 82%,transparent);box-shadow:0 1px 6px #00000040;opacity:0;pointer-events:none}:is(.hero-ready,.scene-ready) .flow-dot-a{animation:flow-dot-a var(--flow-dur, 13s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .flow-dot-b{animation:flow-dot-b var(--flow-dur, 13s) linear var(--flow-delay, 1.4s) infinite}.flow-tap-a:after,.flow-tap-b:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0}:is(.hero-ready,.scene-ready) .flow-tap-a:after{animation:flow-ring-a var(--flow-dur, 13s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .flow-tap-b:after{animation:flow-ring-b var(--flow-dur, 13s) linear var(--flow-delay, 1.4s) infinite}}