.horizontal-scroll-shadow-wrapper{position:relative;width:100%;overflow:hidden}.horizontal-scroll-shadow-content{--scroll-shadow-size:80px;width:100%;overflow-x:scroll;position:relative;z-index:1;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--scroll-shadow-size),#000 -moz-calc(100% - var(--scroll-shadow-size)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),transparent 100%)}@media(max-width:768px){.horizontal-scroll-shadow-content{--scroll-shadow-size:0px}}.horizontal-scroll-shadow-content.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.horizontal-scroll-shadow-content.hide-scrollbar::-webkit-scrollbar{display:none}.horizontal-scroll-shadow-content[data-left-scroll=false]{-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--scroll-shadow-size)),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 -moz-calc(100% - var(--scroll-shadow-size)),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--scroll-shadow-size)),transparent 100%)}.horizontal-scroll-shadow-content[data-right-scroll=false]{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--scroll-shadow-size),#000 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--scroll-shadow-size),#000 100%)}.horizontal-scroll-shadow-content[data-left-scroll=false][data-right-scroll=false]{-webkit-mask-image:none;mask-image:none}