.bike-bar{--bar-top: 0px;position: fixed;top: var(--bar-top);left: 0;right: 0;z-index: 19;background: var(--c-night);color: var(--c-on-night);border-bottom: 1px solid var(--c-rule-night);box-shadow: 0 10px 24px -18px rgba(0,0,0,0.9);transform: translateY(-110%);visibility: hidden;transition: transform 240ms var(--ease),visibility 0s linear 240ms}.bike-bar--on{transform: none;visibility: visible;transition: transform 240ms var(--ease),visibility 0s}.bike-bar__in{display: flex;align-items: center;gap: var(--s-4);min-width: 0}.bike-bar__name{flex: 0 1 auto;min-width: 0;overflow: hidden;font-family: var(--font-display);font-weight: 800;font-size: 1.375rem;line-height: 1;letter-spacing: 0.01em;text-transform: uppercase;white-space: nowrap;text-overflow: ellipsis}.bike-bar__list{position: relative;display: flex;flex: 0 1 auto;gap: var(--s-1);min-width: 0;margin: 0 0 0 auto;padding: 6px;list-style: none;overflow-x: auto;scrollbar-width: none}.bike-bar__list::-webkit-scrollbar{display: none}.bike-bar__list[data-more]{-webkit-mask-image: linear-gradient(to right,#000 calc(100% - 3rem),transparent);mask-image: linear-gradient(to right,#000 calc(100% - 3rem),transparent)}.bike-bar__link{position: relative;display: inline-flex;align-items: center;min-height: var(--target);padding: 0 var(--s-3);color: var(--c-on-night-2);font-weight: 600;text-decoration: none;white-space: nowrap;transition: color var(--dur) var(--ease)}.bike-bar__link::after{content: '';position: absolute;left: var(--s-3);right: var(--s-3);bottom: 5px;height: 3px;background: var(--c-signal);transform: scaleX(0);transform-origin: left center;transition: transform 200ms var(--ease)}.bike-bar__link:hover,.bike-bar__link[aria-current]{color: var(--c-on-night)}.bike-bar__link[aria-current]::after{transform: scaleX(1)}.bike-bar__link:focus-visible{outline-color: var(--c-focus-night)}@media (max-width: 639px){.bike-bar__name{display: none}.bike-bar__in{padding-inline: 0}.bike-bar__list{flex: 1 1 auto;margin: 0;padding-inline: 8px}.bike-bar__link{padding-inline: var(--s-2)}.bike-bar__link::after{left: var(--s-2);right: var(--s-2)}}@media (min-width: 760px){html:has(.bike-bar){scroll-padding-top: calc(var(--header-h) + 3.5rem + var(--s-5))}}@media (prefers-reduced-motion: reduce){.bike-bar,.bike-bar--on,.bike-bar__link,.bike-bar__link::after{transition: none}}@media print{.bike-bar{display: none !important}}