.scroll-shadow{--scroll-shadow-size:40px;overflow:auto}.scroll-shadow[data-hide-scrollbar=true]{scrollbar-width:none}.scroll-shadow[data-hide-scrollbar=true]::-webkit-scrollbar{display:none}.scroll-shadow[data-orientation=vertical][data-visibility=top]{-webkit-mask-image:linear-gradient(to bottom, transparent, black var(--scroll-shadow-size));mask-image:linear-gradient(to bottom, transparent, black var(--scroll-shadow-size))}.scroll-shadow[data-orientation=vertical][data-visibility=bottom]{-webkit-mask-image:linear-gradient(to bottom, black calc(100% - var(--scroll-shadow-size)), transparent);mask-image:linear-gradient(to bottom, black calc(100% - var(--scroll-shadow-size)), transparent)}.scroll-shadow[data-orientation=vertical][data-visibility=both]{-webkit-mask-image:linear-gradient(to bottom, transparent, black var(--scroll-shadow-size), black calc(100% - var(--scroll-shadow-size)), transparent);mask-image:linear-gradient(to bottom, transparent, black var(--scroll-shadow-size), black calc(100% - var(--scroll-shadow-size)), transparent)}.scroll-shadow[data-orientation=horizontal][data-visibility=top]{-webkit-mask-image:linear-gradient(to right, transparent, black var(--scroll-shadow-size));mask-image:linear-gradient(to right, transparent, black var(--scroll-shadow-size))}.scroll-shadow[data-orientation=horizontal][data-visibility=bottom]{-webkit-mask-image:linear-gradient(to right, black calc(100% - var(--scroll-shadow-size)), transparent);mask-image:linear-gradient(to right, black calc(100% - var(--scroll-shadow-size)), transparent)}.scroll-shadow[data-orientation=horizontal][data-visibility=both]{-webkit-mask-image:linear-gradient(to right, transparent, black var(--scroll-shadow-size), black calc(100% - var(--scroll-shadow-size)), transparent);mask-image:linear-gradient(to right, transparent, black var(--scroll-shadow-size), black calc(100% - var(--scroll-shadow-size)), transparent)}