@layer headroom-ui-logo-animation{.logoAnimation{background:#1818181a;flex-direction:column;align-items:center;width:32px;height:32px;display:flex;position:relative;overflow:hidden}.logoAnimation .blue{background:#123bff;width:100%;height:16.6667%;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:both;position:absolute;bottom:0;left:0}.logoAnimation.fill .blue{height:0%;animation-name:headroom-logo-fill}@keyframes headroom-logo-fill{0%{height:0%;bottom:0%}50%{height:100%;bottom:0%}to{height:0%;bottom:100%}}.logoAnimation.pulse .blue{transform-origin:50%;height:100%;animation-name:headroom-logo-pulse;bottom:0}@keyframes headroom-logo-pulse{0%{transform:scale(.4)}50%{transform:scale(1)}to{transform:scale(.4)}}.logoAnimation.scan .blue{animation-name:headroom-logo-scan}@keyframes headroom-logo-scan{0%{bottom:0%}50%{bottom:83.3334%}to{bottom:0%}}.logoAnimation.glow:before{content:" ";background:linear-gradient(0deg,hsl(var(--brand-blue)),transparent);width:100%;height:100%;animation-name:headroom-logo-glow;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:both;display:block;position:absolute;top:0;left:0}@keyframes headroom-logo-glow{0%{opacity:0}50%{opacity:1}to{opacity:0}}}