.animated-list{width:100%;position:relative}.animated-list ul{scrollbar-width:thin;scrollbar-color:var(--color-border-3) transparent;max-height:min(60vh,30rem);margin:0;padding:.75rem 0;list-style:none;overflow-y:auto}.animated-list li+li{margin-top:.25rem}.animated-list-item{width:100%;color:var(--color-ink-3);text-align:left;transition:color .16s ease, background-color .16s ease, transform .16s var(--ease-premium);border-radius:.35rem;align-items:baseline;gap:.75rem;padding:.6rem .5rem;font-size:.9rem;line-height:1.35;display:flex;position:relative}.animated-list-item:hover{background:var(--color-fill-warm);color:var(--color-teal)}.animated-list-item:active{transform:translateY(1px)}.animated-list-item.is-selected{background:var(--color-teal-selected);color:#fff;font-weight:700}.animated-list-item.is-selected .animated-list-index{color:#ffffffb8}.animated-list-index{color:var(--color-ink-7);flex:0 0 1.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem}.animated-list ul:focus-visible{outline:2px solid var(--color-teal);outline-offset:4px}.chapter-list.animated-list ul{max-height:none;padding:.25rem 0;overflow:visible}.chapter-list .animated-list-item{padding:.55rem .5rem;font-size:1rem}.chapter-list .animated-list-index{flex-basis:1.75rem;font-size:.72rem}@media (prefers-reduced-motion:reduce){.animated-list-item{transition:none}}