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