.scroll-list-container{width:100%;position:relative}.scroll-list{max-height:500px;padding:4px;overflow-y:auto}.scroll-list::-webkit-scrollbar{width:4px}.scroll-list::-webkit-scrollbar-track{background:0 0}.scroll-list::-webkit-scrollbar-thumb{background:#8291a533;border-radius:4px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.item{width:100%}.record-list-animated .scroll-list{max-height:600px;padding:0}.record-list-animated .top-gradient{background:linear-gradient(#fff,#0000);height:20px}.record-list-animated .bottom-gradient{background:linear-gradient(#0000,#fff);height:40px}.top-gradient{pointer-events:none;border-top-left-radius:inherit;border-top-right-radius:inherit;z-index:10;background:linear-gradient(#f5f7fb,#0000);height:50px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.bottom-gradient{pointer-events:none;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;z-index:10;background:linear-gradient(#0000,#f5f7fb);height:80px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}