.animated-list{position:relative;width:min(100%,var(--al-width));min-width:0;max-width:100%;box-sizing:border-box;border-radius:calc(var(--al-radius) + 6px);color:var(--al-ink);-webkit-tap-highlight-color:transparent}.animated-list--framed{padding:6px;background:var(--al-frame);box-shadow:4px 6px 0 #000;border:2px solid var(--al-frame-edge)}.animated-list:has(>.animated-list__viewport:focus-visible){outline:2px solid var(--al-accent);outline-offset:3px}.animated-list__frame-rim{position:absolute;inset:0;z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--al-frame-edge),inset 0 1px 0 var(--al-frame-highlight);pointer-events:none}.animated-list__viewport{--al-fade-top:0px;--al-fade-bottom:0px;position:relative;box-sizing:border-box;padding:6px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border-radius:calc(var(--al-radius) + 2px);outline:none;scrollbar-width:thin;scrollbar-color:var(--al-thumb) transparent}.animated-list__viewport::-webkit-scrollbar{width:6px}.animated-list__viewport::-webkit-scrollbar-track{background:transparent}.animated-list__viewport::-webkit-scrollbar-thumb{border-radius:3px;background:var(--al-thumb)}.animated-list__viewport--bare{scrollbar-width:none}.animated-list__viewport--bare::-webkit-scrollbar{display:none}.animated-list__track{position:relative;display:flex;flex-direction:column;gap:var(--al-gap)}.animated-list__item{position:relative;display:flex;align-items:center;gap:12px;min-width:0;padding:10px 14px 10px 10px;box-sizing:border-box;border-radius:var(--al-radius);background:var(--al-tile);border:2px solid var(--al-tile-edge);box-shadow:2px 3px 0 #000;color:var(--al-ink);cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.animated-list[data-animated] .animated-list__item:not([data-state]){opacity:0}@media (hover:hover){.animated-list__item:hover{transform:translate(-1px,-1px);box-shadow:3px 4px 0 #000}}.animated-list__item[data-selected]:not(:active){transform:translate(-1px,-1px);border-color:var(--al-ring);box-shadow:3px 5px 0 var(--al-ring)}.animated-list__item:active{transform:translate(1px,2px);box-shadow:1px 1px 0 #000}.animated-list__lead{display:grid;place-items:center;flex:none;width:38px;height:38px;overflow:hidden;border-radius:max(8px,calc(var(--al-radius) - 4px));background:var(--al-well);color:var(--al-ink);border:1px solid var(--al-tile-edge)}.animated-list__lead img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.animated-list__text{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.animated-list__title{font-size:14px;font-weight:800;line-height:1.3;letter-spacing:-.01em}.animated-list__description,.animated-list__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.animated-list__description{font-size:12px;line-height:1.35;color:var(--al-muted)}.animated-list__meta{flex:none;font-size:12px;font-family:ui-monospace,monospace;font-weight:800;font-variant-numeric:tabular-nums;color:var(--al-muted)}.animated-list__rim{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 var(--al-tile-highlight);pointer-events:none}.animated-list__indicator{position:absolute;top:0;left:0;right:0;z-index:2;height:0;opacity:0;pointer-events:none;transition:opacity .2s ease}.animated-list__ring{position:absolute;inset:0;border-radius:var(--al-radius);background:var(--al-ring-fill);box-shadow:inset 0 0 0 2px var(--al-ring)}