.brand-logo{--ease-out:cubic-bezier(0.23,1,0.32,1)}
.brand-logo .bl-l,.brand-logo .bl-dot,.brand-logo .bl-band,.brand-logo .bl-blade,.brand-logo .bl-tail{transform-box:fill-box}
.brand-logo .bl-dot,.brand-logo .bl-l{transform-origin:center}
.brand-logo .bl-tail{opacity:0;transform-origin:right center}
.brand-logo .bl-band{transform-origin:left center}
@media (prefers-reduced-motion:reduce){.brand-logo:not(.bl-done){animation:bl-fade 200ms ease both}}
@media (prefers-reduced-motion:no-preference){
 .brand-logo .bl-dot{animation:bl-toss 520ms var(--ease-out) both;animation-delay:var(--dot)}
 .brand-logo .bl-top{animation:bl-snap 260ms var(--ease-out) both,bl-kick-up 280ms var(--ease-out);
  animation-delay:calc(var(--i) * 30ms),var(--k)}
 .brand-logo .bl-bot{animation:bl-snap 260ms var(--ease-out) both,bl-kick-down 280ms var(--ease-out);
  animation-delay:calc(var(--i) * 30ms),var(--k)}
 .brand-logo .bl-band{animation:bl-slice 440ms var(--ease-out) both;animation-delay:var(--fire)}
 .brand-logo .bl-blade{animation:bl-fire 440ms var(--ease-out) both;animation-delay:var(--fire)}
 .brand-logo .bl-tail{animation:bl-tail 300ms var(--ease-out) both;animation-delay:var(--tail)}
 svg.brand-logo.bl-done *{animation:none}
 .brand-logo.bl-done.bl-replay .bl-dot{animation:bl-spin 380ms var(--ease-out)}
 .brand-logo.bl-done.bl-replay .bl-blade{animation:bl-fire 420ms var(--ease-out)}
 .brand-logo.bl-done.bl-replay .bl-tail{animation:bl-tail 260ms var(--ease-out) both;animation-delay:230ms}
 .brand-logo.bl-done.bl-replay .bl-top{animation:bl-kick-up 280ms var(--ease-out) var(--rk)}
 .brand-logo.bl-done.bl-replay .bl-bot{animation:bl-kick-down 280ms var(--ease-out) var(--rk)}
}
@keyframes bl-fade{from{opacity:0}}
@keyframes bl-toss{0%{opacity:0;transform:translateY(-14px)}20%{opacity:1;transform:translateY(-11px) scaleX(.08)}
 45%{transform:translateY(-6px)}62%{transform:translateY(-2px) scaleX(.08)}82%{transform:translateY(1px)}100%{transform:none}}
@keyframes bl-spin{30%{transform:scaleX(.08)}60%{transform:none}80%{transform:scaleX(.08)}}
@keyframes bl-snap{from{opacity:0;transform:translateX(-18px)}}
@keyframes bl-kick-up{30%{transform:translate(3.5px,-2.5px)}}
@keyframes bl-kick-down{30%{transform:translate(-3.5px,2.5px)}}
@keyframes bl-slice{from{transform:scaleX(0)}}
@keyframes bl-fire{0%{opacity:0;transform:translateX(var(--d))}8%{opacity:1}100%{transform:none}}
@keyframes bl-tail{from{opacity:1;transform:none}to{opacity:0;transform:scaleX(.04)}}