.scroll-bar{--scroll-bar-gap: clamp(24px, calc(24px + 26*(100vw - 834px)) , 50px);--scroll-bar-padding-y: clamp(16px, calc(16px + 8*(100vw - 834px)) , 24px);--scroll-bar-font-size: clamp(13px, calc(13px + (15 - 13) * ((100vw - 360px) / 1080)), 15px);--scroll-bar-line-height: clamp(22px, calc(22px + (26 - 22) * ((100vw - 360px) / 1080)), 26px);--scroll-bar-text-color: var(--primary-text-color);--scroll-bar-separator-color: var(--accent-color);--marquee-seconds-per-item: 4;background:var(--primary-background);padding-block:var(--scroll-bar-padding-y)}.scroll-bar__marquee{width:100%;max-width:100%;overflow:hidden}.scroll-bar__marquee[data-pause-on-hover=true]:hover .scroll-bar__marquee-inner{animation-play-state:paused}.scroll-bar__marquee-inner{display:flex;justify-content:flex-start;gap:var(--scroll-bar-gap);width:max-content;will-change:transform;backface-visibility:hidden;animation:scroll-bar-marquee calc(var(--track-items) * var(--marquee-seconds-per-item) * 1.3s) linear infinite}.scroll-bar__container{display:grid;grid-auto-flow:column;flex-shrink:0;gap:var(--scroll-bar-gap);align-items:center;width:max-content}.scroll-bar__item{display:flex;flex-shrink:0;align-items:center;gap:var(--scroll-bar-gap);white-space:nowrap;user-select:none}.scroll-bar__text{font-family:var(--primary-font);font-weight:400;font-size:var(--scroll-bar-font-size);line-height:var(--scroll-bar-line-height);color:var(--scroll-bar-text-color)}.scroll-bar__separator{font-family:var(--primary-font);font-weight:400;font-size:var(--scroll-bar-font-size);line-height:var(--scroll-bar-line-height);color:var(--scroll-bar-separator-color)}@keyframes scroll-bar-marquee{0%{transform:translateZ(0)}to{transform:translate3d(calc(-50% - var(--scroll-bar-gap) / 2),0,0)}}@media (prefers-reduced-motion: reduce){.scroll-bar__marquee{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-bar__marquee::-webkit-scrollbar{display:none}.scroll-bar__marquee-inner{margin-inline:auto;animation:none}.scroll-bar__container--clone{display:none}}