.arrownav{justify-content:space-between;align-items:stretch;height:39px;display:flex;position:relative;overflow:hidden}.arrownav__side{z-index:1;color:inherit;cursor:pointer;flex:1;align-items:center;text-decoration:none;display:flex;position:relative}.arrownav__side--prev{justify-content:flex-start;padding-left:1rem}.arrownav__side--next{justify-content:flex-end;padding-right:1rem}.arrownav__glyph{z-index:2;font-family:var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.2em;font-size:13px;line-height:1;transition:opacity .3s;position:relative}.arrownav__marquee{background:var(--foreground);color:var(--background);pointer-events:none;align-items:center;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;bottom:0;overflow:hidden;transform:translateY(101%)}.arrownav__side--prev .arrownav__marquee{left:0;right:-100%}.arrownav__side--next .arrownav__marquee{left:-100%;right:0}.arrownav__side:hover{z-index:2}.arrownav__side:hover .arrownav__marquee{transform:translate(0)}.arrownav__side:hover .arrownav__glyph{opacity:0}.arrownav__track{will-change:transform;align-items:center;width:max-content;animation:45s linear infinite arrownav-left;display:flex}.arrownav__side--next .arrownav__track{animation-name:arrownav-right}.arrownav__track span{font-family:var(--font-mono,monospace);white-space:nowrap;padding:0 .75rem;font-size:13px;line-height:1}.arrownav__title{z-index:3;background:inherit;color:inherit;font-family:var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.2em;white-space:nowrap;align-items:center;padding:0 1rem;font-size:13px;line-height:1;display:flex;position:absolute;top:0;bottom:0}.arrownav__side--prev .arrownav__title{left:0}.arrownav__side--next .arrownav__title{right:0}@keyframes arrownav-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes arrownav-right{0%{transform:translate(-50%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.arrownav__track{animation:none}}