.scroll-list-container{width:100%;max-width:600px;margin:0 auto;position:relative}.scroll-list{max-height:400px;padding:16px;overflow-y:auto}.scroll-list::-webkit-scrollbar{width:8px}.scroll-list::-webkit-scrollbar-track{background:#120f17}.scroll-list::-webkit-scrollbar-thumb{background:#2f293a;border-radius:4px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.item{background-color:#2f293a;border:1px solid #ffffff14;border-radius:12px;margin-bottom:1rem;padding:16px;transition:all .2s}.item.selected{background-color:#3b334a;border-color:#818cf880}.item-text{color:#fff;margin:0;font-weight:600}.top-gradient{pointer-events:none;z-index:10;background:linear-gradient(#0f172a,#0000);height:50px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.bottom-gradient{pointer-events:none;z-index:10;background:linear-gradient(#0000,#0f172a);height:100px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}