.thumb[data-v-b23a9392]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.thumb .index[data-v-b23a9392]{display:flex}.thumb .index[data-v-b23a9392]:after,.thumb .index[data-v-b23a9392]:before{font-feature-settings:"case";opacity:1;opacity:var(--scroll-progress,1);transition:opacity .15s,padding .15s,max-width .15s}.thumb .index[data-v-b23a9392]:before{content:"[";max-width:2ch;overflow:hidden;padding-right:.5rem;padding-right:calc(.5rem*var(--scroll-progress, 1))}.thumb .index[data-v-b23a9392]:after{content:"]";max-width:2ch;overflow:hidden;padding-left:.5rem;padding-left:calc(.5rem*var(--scroll-progress, 1))}@media(any-hover:hover)and (any-pointer:fine){.thumb[data-v-b23a9392]{--scroll-progress:0}.thumb .title[data-v-b23a9392]{opacity:0}.thumb .index[data-v-b23a9392]:after,.thumb .index[data-v-b23a9392]:before{max-width:0;opacity:0}.thumb[data-v-b23a9392]:hover{--scroll-progress:1}.thumb:hover .title[data-v-b23a9392]{opacity:1}.thumb:hover .index[data-v-b23a9392]:after,.thumb:hover .index[data-v-b23a9392]:before{max-width:2ch;opacity:1}}.archive[data-v-f6df4136]{background:var(--color-primary);color:var(--color-secondary);min-height:100svh;padding-top:var(--space-header);position:relative}