.direction-strip{position:relative;min-width:0;margin:0;border-bottom:1px solid #edf0f2;background:#fff}
.direction-scroll{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scroll-padding:24px;scrollbar-width:none;padding:5px 64px 5px 24px}
.direction-scroll::-webkit-scrollbar{display:none}
.direction-scroll a{flex:0 0 auto;display:flex;align-items:center;min-height:32px;box-sizing:border-box;padding:5px 12px;border:1px solid #e5e9ed;border-radius:18px;background:#fff;color:#52616b;font-size:13px;line-height:20px;white-space:nowrap}
.direction-scroll a:hover{border-color:#6aa5ca;color:#17649d}
.direction-scroll a[aria-current]{background:#eaf5fc;border-color:#388aba;color:#17649d}
.direction-scroll a:focus-visible,.direction-next:focus-visible{outline:3px solid #176fd2;outline-offset:-3px}
.direction-next{position:absolute;right:16px;top:5px;display:grid;place-items:center;width:32px;height:32px;min-height:0;border:1px solid #e2e8ec;border-radius:50%;background:#fff;color:#2684b5;box-shadow:-8px 0 12px #ffffffeb;padding:0}
.direction-next:hover{background:#eaf5fc;color:#17649d}
.direction-next[hidden]{display:none}
@media(max-width:700px){.direction-scroll{padding-left:16px;padding-right:48px;scroll-padding-left:16px}.direction-scroll a{font-size:12px;padding:5px 10px}.direction-next{right:8px}}