.scroll-gradient{--gradient-height:20px;--gradient-color:#fff;--gradient-transparent:hsla(0,0%,100%,0);--gradient-transition:.3s ease-in-out;--gradient-z-index:10;position:relative}.scroll-gradient-content{overflow-y:auto}.scroll-gradient:after,.scroll-gradient:before{display:block;left:0;opacity:0;pointer-events:none;position:absolute;width:100%;--tw-content:"";content:var(--tw-content);height:var(--gradient-height);transition:opacity var(--gradient-transition);z-index:var(--gradient-z-index)}.scroll-gradient:before{background:linear-gradient(to bottom,var(--gradient-color) 0,var(--gradient-transparent) 100%);top:0}.scroll-gradient:after{background:linear-gradient(to top,var(--gradient-color) 0,var(--gradient-transparent) 100%);bottom:0}.scroll-gradient--show-bottom:after,.scroll-gradient--show-top:before{opacity:1}