.scrolling-banner__bar{display:flex;align-items:center}.scrolling-banner__viewport{flex:1;min-width:0;margin-block:calc(var(--ring-reach) * -1);padding-block:var(--ring-reach);overflow-x:auto;overflow-y:hidden;scroll-padding-inline:var(--ring-reach);scrollbar-width:thin}.scrolling-banner__track{display:flex;width:max-content;direction:ltr}.scrolling-banner__run{display:flex;flex:none;align-items:center;margin:0;padding:0;list-style:none}.scrolling-banner__item{display:flex;flex:none;align-items:center;margin-inline-end:var(--grid-column-gap);white-space:nowrap}.scrolling-banner__run--copy,.scrolling-banner__item--copy{display:none}.scrolling-banner__text{margin:0}.scrolling-banner__text--body{font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight)}.scrolling-banner__link{color:inherit;text-decoration:none}.scrolling-banner__icon{display:block;width:calc(var(--scrolling-banner-icon-size) * var(--px));height:calc(var(--scrolling-banner-icon-size) * var(--px))}.scrolling-banner__icon .svg-wrapper{width:100%;height:100%}.scrolling-banner__picture,.scrolling-banner__picture-link{display:block}.scrolling-banner__image{display:block;width:auto;max-width:none;height:calc(var(--scrolling-banner-image-height) * var(--px))}.scrolling-banner__control{display:grid;flex:none;place-items:center;inline-size:calc(56 * var(--px));min-block-size:var(--space-32)}@media(prefers-reduced-motion:reduce){.scrolling-banner__control{display:none}}@media(prefers-reduced-motion:no-preference){.scrolling-banner[data-live] .scrolling-banner__viewport{overflow:hidden}.scrolling-banner[data-live] .scrolling-banner__run--copy,.scrolling-banner[data-live] .scrolling-banner__item--copy{display:flex}.scrolling-banner[data-live] .scrolling-banner__track{animation:scrolling-banner-run calc(var(--scrolling-banner-seconds) * var(--scrolling-banner-copies)) linear infinite}.scrolling-banner--right[data-live] .scrolling-banner__track{animation-direction:reverse}:is(.scrolling-banner[data-paused],.scrolling-banner[data-held]) .scrolling-banner__track,.scrolling-banner__viewport:focus-within .scrolling-banner__track{animation-play-state:paused}@media(hover:hover){.scrolling-banner__viewport:hover .scrolling-banner__track{animation-play-state:paused}}}@keyframes scrolling-banner-run{to{transform:translate(-50%)}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/section-scrolling-banner.css.map */