.viewer-filmstrip{display:flex;flex:0 0 76px;align-items:center;gap:8px;min-width:0;max-width:100%;height:76px;max-height:76px;padding:8px 4px;margin:0 70px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#637d8a transparent;scroll-behavior:auto}.viewer-thumb{display:block;flex:0 0 64px;width:64px;height:54px;min-width:0;padding:3px;border:2px solid transparent;border-radius:5px;background:#222c2f;opacity:.58;overflow:hidden;transition:opacity .15s,border-color .15s}.viewer-thumb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:1px;pointer-events:none}.viewer-thumb:hover{opacity:.95}.viewer-thumb[aria-current=true]{opacity:1;border-color:#b9dbea;background:#2d4e61}.viewer-thumb:focus-visible{outline:2px solid #cfe2f2;outline-offset:2px;opacity:1}.lightbox-shell.comments-open>.viewer-filmstrip{display:none}.viewer-filmstrip[hidden]{display:none!important}.lightbox-stage>.viewer-image-overlay{position:absolute;pointer-events:none;z-index:1;object-fit:contain;transition:opacity 180ms ease;will-change:opacity}.lightbox-stage>.icon-button{z-index:3}@media(max-width:850px){.viewer-filmstrip{margin-inline:35px}}@media(max-width:680px){.viewer-filmstrip{flex-basis:60px;height:60px;max-height:60px;margin-inline:0;padding:6px 3px;gap:6px}.viewer-thumb{flex-basis:54px;width:54px;height:44px;padding:2px;border-radius:4px}}@media(prefers-reduced-motion:reduce){.viewer-thumb,.lightbox-stage>.viewer-image-overlay{transition:none}}
