.animated-arrow{--animated-arrow-hover-x:0;--animated-arrow-hover-y:0;--animated-arrow-rotation:0deg;transform:translate(0, 0) rotate(var(--animated-arrow-rotation));transition:transform var(--transition-ui);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.animated-arrow--right{--animated-arrow-hover-x:3px}.animated-arrow--left{--animated-arrow-hover-x:-3px}.animated-arrow--up{--animated-arrow-hover-y:-2px}.animated-arrow--down{--animated-arrow-hover-y:2px}.animated-arrow--chevron{border-right:var(--border-md) solid currentColor;border-bottom:var(--border-md) solid currentColor;width:.35em;height:.35em}.animated-arrow--chevron.animated-arrow--down{--animated-arrow-rotation:45deg}.animated-arrow--chevron.animated-arrow--up{--animated-arrow-rotation:225deg}:where(button,a,[role=button],summary):not(:disabled,[aria-disabled=true]):hover .animated-arrow{transform:translate(var(--animated-arrow-hover-x), var(--animated-arrow-hover-y)) rotate(var(--animated-arrow-rotation))}@media (prefers-reduced-motion:reduce){.animated-arrow{transition:none}}