.mz-archive-rail-wrap{position:relative}.mz-archive-rail{gap:var(--mz-archive-gap,16px);scroll-snap-type:x mandatory;scrollbar-width:thin;padding-block-end:8px;scroll-padding-inline-start:0;display:flex;overflow-x:auto}.mz-archive-rail>*{flex:0 0 calc((100% - .15 * var(--mz-archive-gap,16px)) / 1.15);scroll-snap-align:start}@media (min-width:640px){.mz-archive-rail>*{flex-basis:calc((100% - var(--mz-archive-gap,16px)) / 2)}}@media (min-width:1024px){.mz-archive-rail>*{flex-basis:calc((100% - 2 * var(--mz-archive-gap,16px)) / 3)}}.mz-archive-arrow{z-index:2;background:var(--mz-archive-arrow-bg,#ffffffeb);block-size:32px;inline-size:32px;color:var(--mz-archive-arrow-ink,#1f2937);cursor:pointer;border:0;border-radius:50%;font-size:20px;line-height:1;position:absolute;inset-block-start:40%;box-shadow:0 2px 8px #00000026}@media (min-width:769px){.mz-archive-arrow{block-size:44px;inline-size:44px;font-size:26px}}.mz-archive-arrow--prev{inset-inline-start:-6px}.mz-archive-arrow--next{inset-inline-end:-6px}.mz-archive-arrow:disabled{opacity:.35;cursor:default}.mz-archive-arrow:focus-visible{outline:2px solid var(--mz-link);outline-offset:2px}