.scroll-list-container{position:relative;width:100%;max-width:1000px;margin:0 auto}.scroll-list{max-height:calc(100vh - 250px);min-height:1200px;overflow-y:auto;padding:24px 20px 24px 24px}.scroll-list::-webkit-scrollbar{width:12px}.scroll-list::-webkit-scrollbar-track{background:transparent;border-radius:10px}.scroll-list::-webkit-scrollbar-thumb{background:rgba(209,213,219,.5);border-radius:10px;border:2px solid transparent;background-clip:padding-box;transition:background .3s ease}.scroll-list::-webkit-scrollbar-thumb:hover{background:rgba(156,163,175,.7);background-clip:padding-box}.dark .scroll-list::-webkit-scrollbar-thumb{background:rgba(75,85,99,.5);background-clip:padding-box}.dark .scroll-list::-webkit-scrollbar-thumb:hover{background:rgba(107,114,128,.7);background-clip:padding-box}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.item{padding:0;background-color:transparent;border-radius:8px;margin-bottom:2rem}.item.selected{transform:scale(1.02);transition:transform .3s ease}.item-text{color:#1f2937;margin:0}.dark .item-text{color:#f3f4f6}.top-gradient{position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(180deg,rgba(249,250,251,1) 0,rgba(249,250,251,.9) 50%,rgba(249,250,251,0));pointer-events:none;transition:opacity .3s ease;z-index:10}.dark .top-gradient{background:linear-gradient(180deg,rgba(3,7,18,1) 0,rgba(3,7,18,.9) 50%,rgba(3,7,18,0))}.bottom-gradient{position:absolute;bottom:0;left:0;right:0;height:150px;background:linear-gradient(0deg,rgba(249,250,251,1) 0,rgba(249,250,251,.9) 30%,rgba(249,250,251,0));pointer-events:none;transition:opacity .3s ease;z-index:10}.dark .bottom-gradient{background:linear-gradient(0deg,rgba(3,7,18,1) 0,rgba(3,7,18,.9) 30%,rgba(3,7,18,0))}