.brand-logo{--brand-logo-ease:cubic-bezier(.16, 1, .3, 1);display:inline-block;overflow:visible}.brand-logo-a,.brand-logo-slash{transform-box:fill-box;will-change:transform, clip-path}.brand-logo-a{fill:currentColor;transform-origin:50% 100%}.brand-logo-slash{fill:var(--accent);transform-origin:50%}@keyframes brand-logo-rise{0%{clip-path:inset(100% 0 0);transform:translateY(6%)}to{clip-path:inset(0);transform:translateY(0)}}@keyframes brand-logo-sweep{0%{opacity:0;transform:translate(-28%,28%)}18%{opacity:1}70%{transform:translate(3.5%,-3.5%)}to{opacity:1;transform:translate(0)}}@keyframes brand-logo-rise-loop{0%{clip-path:inset(100% 0 0);transform:translateY(6%)}20%,to{clip-path:inset(0);transform:translateY(0)}}@keyframes brand-logo-sweep-loop{0%,12%{opacity:0;transform:translate(-28%,28%)}17%{opacity:1}27%{transform:translate(3.5%,-3.5%)}34%,to{opacity:1;transform:translate(0)}}.brand-logo[data-animate=once] .brand-logo-a{animation:brand-logo-rise .7s var(--brand-logo-ease) both}.brand-logo[data-animate=once] .brand-logo-slash{animation:brand-logo-sweep .75s var(--brand-logo-ease) .45s both}.brand-logo[data-animate=loop] .brand-logo-a{animation:brand-logo-rise-loop 3.6s var(--brand-logo-ease) infinite both}.brand-logo[data-animate=loop] .brand-logo-slash{animation:brand-logo-sweep-loop 3.6s var(--brand-logo-ease) infinite both}.brand-logo[data-animate=hover]:hover .brand-logo-slash,a:hover .brand-logo[data-animate=hover] .brand-logo-slash,a:focus-visible .brand-logo[data-animate=hover] .brand-logo-slash{animation:brand-logo-sweep .75s var(--brand-logo-ease) both}@media (prefers-reduced-motion:reduce){.brand-logo .brand-logo-a,.brand-logo .brand-logo-slash{clip-path:none;opacity:1;transform:none;animation:none!important}}
