.scroll-shadow-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.scroll-shadow-content{--scroll-shadow-size:40px;width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;position:relative;z-index:1;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 var(--scroll-shadow-size),#000 -moz-calc(100% - var(--scroll-shadow-size)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),transparent 100%)}.scroll-shadow-content.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.scroll-shadow-content.hide-scrollbar::-webkit-scrollbar{display:none}.scroll-shadow-content[data-top-scroll=false]{-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--scroll-shadow-size)),transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 -moz-calc(100% - var(--scroll-shadow-size)),transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--scroll-shadow-size)),transparent 100%)}.scroll-shadow-content[data-bottom-scroll=false]{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--scroll-shadow-size),#000 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 var(--scroll-shadow-size),#000 100%)}.scroll-shadow-content[data-top-scroll=false][data-bottom-scroll=false]{-webkit-mask-image:none;mask-image:none}