.scroll-hint{position:relative}.scroll-hint__viewport{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.scroll-hint:before,.scroll-hint:after{content:"";position:absolute;top:0;bottom:0;width:3.2rem;pointer-events:none;opacity:0;transition:opacity var(--duration-default, .2s) ease;z-index:1}.scroll-hint:before{left:0;background:linear-gradient(to right,rgb(var(--color-background)),rgba(var(--color-background),0))}.scroll-hint:after{right:0;background:linear-gradient(to left,rgb(var(--color-background)),rgba(var(--color-background),0))}.scroll-hint:has(.has-overflow-start):before,.scroll-hint:has(.has-overflow-end):after{opacity:1}.scroll-hint__hint{display:none;margin:0 0 .8rem;font-size:2rem;font-style:italic;color:rgba(var(--color-foreground),.55)}.scroll-hint:has(.is-scrollable) .scroll-hint__hint{display:block}@media screen and (max-width:749px){.scroll-hint__hint{font-size:1.8rem}}@media(prefers-reduced-motion:reduce){.scroll-hint:before,.scroll-hint:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-scroll-hint.css.map */