.scroll-list-container{width:100%;position:relative}.scroll-list{max-height:400px;padding:16px;overflow-y:auto}.scroll-list::-webkit-scrollbar{width:4px}.scroll-list::-webkit-scrollbar-track{background:0 0}.scroll-list::-webkit-scrollbar-thumb{background:#6366f133;border-radius:4px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.item{background-color:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:12px 16px;transition:all .3s}.item.selected{background-color:#6366f11a;border-color:#6366f166;transform:translate(4px)}.item-text{color:#94a3b8;margin:0;font-size:.875rem;font-weight:500}.selected .item-text{color:#fff}.top-gradient{pointer-events:none;z-index:5;background:linear-gradient(#050507,#0000);height:40px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.bottom-gradient{pointer-events:none;z-index:5;background:linear-gradient(#0000,#050507);height:40px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}