.menu{position:sticky;top:0;z-index:100;width:100%;padding:1rem 0;background-color:var(--color-white)}.menu__list{display:flex;align-items:center;gap:.25rem;width:fit-content;max-width:100%;padding:0;margin:0;overflow-x:auto;background-color:var(--color-surface);border-radius:999px;list-style:none;scrollbar-width:none}.menu__list::-webkit-scrollbar{display:none}.menu__item{flex:0 0 auto;margin:0}.menu__link{display:block;padding:.8125rem 1.5rem;font-size:.875rem;line-height:.875rem;font-style:normal;font-weight:500;white-space:nowrap;color:var(--color-text-dark);background-color:rgba(0,0,0,0);border-radius:6.25rem;transition:background-color .2s ease,color .2s ease}.menu__link:hover{background-color:var(--color-primary-tint)}.menu__link.--active{color:var(--color-text-on-dark);background-color:var(--color-action)}@media(min-width: 1024px){.menu__link{font-size:1rem;line-height:1.5rem}}