.nx-brand-mark{--nudge:40px;--overshoot:5px;flex:none;overflow:visible}.nx-brand-hook{fill:#fff}:is(a:hover,a:focus-visible) .nx-brand-mark{filter:drop-shadow(0 0 2px #ffffff52);animation:.42s ease-out nx-brand-glow}:is(a:hover,a:focus-visible) .nx-brand-hook{animation:.42s both nx-brand-hook-first}:is(a:hover,a:focus-visible) .nx-brand-hook.is-second{animation-name:nx-brand-hook-second}@keyframes nx-brand-hook-first{0%{animation-timing-function:cubic-bezier(.2,.8,.3,1);transform:translate(0)}38%{transform:translate(calc(-1 * var(--nudge)), var(--nudge));animation-timing-function:cubic-bezier(.6,0,.3,1)}74%{transform:translate(var(--overshoot), calc(-1 * var(--overshoot)));animation-timing-function:ease-in-out}to{transform:translate(0)}}@keyframes nx-brand-hook-second{0%{animation-timing-function:cubic-bezier(.2,.8,.3,1);transform:translate(0)}38%{transform:translate(var(--nudge), calc(-1 * var(--nudge)));animation-timing-function:cubic-bezier(.6,0,.3,1)}74%{transform:translate(calc(-1 * var(--overshoot)), var(--overshoot));animation-timing-function:ease-in-out}to{transform:translate(0)}}@keyframes nx-brand-glow{0%{filter:drop-shadow(0 0 #fff0)}30%{filter:drop-shadow(0 0 4px #ffffff80)}to{filter:drop-shadow(0 0 2px #ffffff52)}}@media (prefers-reduced-motion:reduce){:is(a:hover,a:focus-visible) .nx-brand-hook{animation:none}}
