.scroll-list-container{width:100%;position:relative}.scroll-list{flex-direction:column;gap:10px;max-height:480px;padding:8px;display:flex;overflow-y:auto}.scroll-list::-webkit-scrollbar{width:10px}.scroll-list::-webkit-scrollbar-track{background:0 0}.scroll-list::-webkit-scrollbar-thumb{background:var(--color-line);border:2px solid var(--color-page);border-radius:var(--radius-pill)}.scroll-list::-webkit-scrollbar-thumb:hover{background:var(--color-line-strong)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.animated-list-item{background-color:var(--color-surface-2);border:1px solid var(--color-line);border-radius:var(--radius-md);transition:border-color var(--dur-1) var(--ease-out), background-color var(--dur-1) var(--ease-out);padding:14px 16px;position:relative}.animated-list-item:hover{border-color:var(--color-line-strong);background-color:var(--color-surface-3)}.animated-list-item.selected{border-color:color-mix(in srgb, var(--color-signal) 55%, transparent);background-color:var(--color-surface-3)}.animated-list-item.selected:before{content:"";border-radius:var(--radius-pill);background:var(--color-signal);width:3px;position:absolute;top:12px;bottom:12px;left:7px}.animated-list-item.selected .animated-list-item-text{color:var(--color-ink)}.animated-list-item-text{color:var(--color-ink-2);font-family:var(--font-body), system-ui, sans-serif;margin:0;font-size:.9375rem;line-height:1.45}.animated-list-top-gradient,.animated-list-bottom-gradient{pointer-events:none;transition:opacity var(--dur-2) var(--ease-out);position:absolute;left:0;right:0}.animated-list-top-gradient{background:linear-gradient(to bottom, var(--color-page), transparent);height:40px;top:0}.animated-list-bottom-gradient{background:linear-gradient(to top, var(--color-page), transparent);height:72px;bottom:0}