.scroll-area.svelte-pi309v{flex:1;overflow:hidden auto}.list.svelte-pi309v{flex-direction:column;display:flex}.list.svelte-pi309v button:where(.svelte-pi309v){all:unset;cursor:pointer;align-items:center;gap:var(--gap-small);box-sizing:border-box;width:100%;padding:var(--gap-small) var(--gap-small) var(--gap-small) 4px;display:flex}.list.svelte-pi309v button:where(.svelte-pi309v):nth-child(odd){background-color:var(--color-bg)}.list.svelte-pi309v button:where(.svelte-pi309v):hover{background-color:var(--color-bg-2)}.list.svelte-pi309v button:where(.svelte-pi309v).selected{box-shadow:inset 4px 0 0 var(--color-accent);color:var(--color-link)}.num.svelte-pi309v{color:var(--color-secondary);text-align:right;flex-shrink:0;min-width:1.5em;font-weight:700}.name.svelte-pi309v{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scroll-area.svelte-qoqo3r{max-height:200px;overflow:hidden auto}.grid.svelte-qoqo3r{gap:var(--gap-tiny);padding:var(--gap-small);grid-template-columns:repeat(auto-fill,minmax(32px,1fr));padding-top:0;display:grid}.grid.svelte-qoqo3r button:where(.svelte-qoqo3r){all:unset;cursor:pointer;border:1px solid var(--color-shade);aspect-ratio:1;border-radius:4px;justify-content:center;align-items:center;font-size:.85rem;display:flex}.grid.svelte-qoqo3r button:where(.svelte-qoqo3r):hover{background-color:var(--color-bg-2)}.grid.svelte-qoqo3r button:where(.svelte-qoqo3r).selected{background-color:var(--color-accent);color:var(--color-bg)}.index.svelte-1tsbuqf{background-color:var(--color-bg-slate);flex-direction:column;height:100%;display:flex}.index.narrow.svelte-1tsbuqf{width:300px}.header.svelte-1tsbuqf{padding:var(--gap-small);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.control-bar.svelte-1asl6bj{height:var(--control-height);box-sizing:border-box;background-color:var(--color-bg-slate);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.nav.svelte-1asl6bj{align-items:center;gap:var(--gap-small);display:flex}.nav.svelte-1asl6bj button:where(.svelte-1asl6bj){all:unset;cursor:pointer;padding:var(--gap-tiny) var(--gap-small);align-items:center;display:flex}.nav.svelte-1asl6bj button:where(.svelte-1asl6bj):disabled{opacity:.3;cursor:default}.nav.svelte-1asl6bj button:where(.svelte-1asl6bj):not(:disabled):hover{color:var(--color-primary)}.pos.svelte-1asl6bj{color:var(--color-secondary);text-align:center;min-width:3em;font-size:.85em}.title.svelte-1asl6bj{text-overflow:ellipsis;white-space:nowrap;text-align:center;padding:0 var(--gap-small);font-size:.9em;overflow:hidden}.theater-btn.svelte-1asl6bj{all:unset;cursor:pointer;padding:var(--gap-tiny) var(--gap-small);justify-self:end}.theater-btn.svelte-1asl6bj:disabled{opacity:.3;cursor:default}.theater-btn.svelte-1asl6bj:not(:disabled):hover{color:var(--color-primary)}.main.svelte-11hzara{width:100vw;margin-left:-50vw;display:flex;position:relative;left:50%}.main.svelte-11hzara .index-col:where(.svelte-11hzara){z-index:1;flex-shrink:0;width:300px;position:relative}.main.svelte-11hzara .index:where(.svelte-11hzara){width:100%;height:100%;position:absolute;top:0;left:0;overflow-y:auto}.main.svelte-11hzara .viewer-wrap:where(.svelte-11hzara){flex-direction:column;flex:1;display:flex}.main.svelte-11hzara .viewer:where(.svelte-11hzara){flex:1}.main.svelte-11hzara.theater{flex-direction:column}.main.svelte-11hzara.theater .index-col:where(.svelte-11hzara){order:1;width:100%}.main.svelte-11hzara.theater .index:where(.svelte-11hzara){position:static;overflow:visible}.main.svelte-11hzara.theater .viewer-wrap:where(.svelte-11hzara){order:0;align-self:stretch;width:100%}.main.svelte-11hzara.mobile{flex-direction:column}.main.svelte-11hzara.mobile .index-col:where(.svelte-11hzara){order:1;width:100%}.main.svelte-11hzara.mobile .index:where(.svelte-11hzara){position:static;overflow:visible}.main.svelte-11hzara.mobile .viewer-wrap:where(.svelte-11hzara){order:0;align-self:stretch;margin-left:0}