.animated-background{background-image:linear-gradient(to right, var(--animated-background-hover), var(--animated-background-hover) 50%, var(--animated-background-base) 50%);--animated-background-base:#000;--animated-background-hover:var(--color-primary-600);--animated-background-active:var(--color-dark-800);--animated-background-active-hover:var(--animated-background-active);-webkit-text-fill-color:transparent;background-position:100%;background-size:200% 100%;-webkit-background-clip:text;transition:all .2s ease-in-out;position:relative}@media (prefers-reduced-motion:reduce){.animated-background{transition:none!important}}@media (prefers-reduced-motion:no-preference){.animated-background{transition-property:background-position,background-size,color,background-color,border-color!important}}.animated-background:hover,.animated-background:focus-visible,.animated-background.active{background-position:0}.animated-background.active{text-shadow:.05em 0 0 var(--animated-background-active);-webkit-text-fill-color:var(--animated-background-active)}.animated-background.active:hover,.animated-background.active:focus-visible{text-shadow:.05em 0 0 var(--animated-background-active);-webkit-text-fill-color:var(--animated-background-active-hover)}.header-nav-link{--animated-background-base:var(--color-dark-800);--animated-background-hover:var(--color-primary-600);--animated-background-active:var(--color-dark-800);--animated-background-active-hover:var(--color-dark-600)}