.scroll-snap{position:relative;overflow:hidden}@media(min-width:768px){.scroll-snap:after,.scroll-snap:before{content:normal}}.scroll-snap:after,.scroll-snap:before{content:"";position:absolute;top:0;display:block;width:100px;height:100%;background:linear-gradient(90deg,rgba(244,244,244,0) 0,var(--gradient-color) 100%);opacity:0;pointer-events:none;transition:opacity .2s ease}.scroll-snap:before{left:0;rotate:180deg}.scroll-snap:after{right:0}.scroll-snap:not(.scroll-snap_left):not(.scroll-snap_none):before,.scroll-snap:not(.scroll-snap_right):not(.scroll-snap_none):after{opacity:1}.scroll-snap__content{overflow:auto hidden}@media(min-width:768px){.scroll-snap__content{overflow:visible}}