.filmstrip{z-index:5;opacity:1;mix-blend-mode:difference;transition:opacity .28s ease}.filmstrip.is-pending{opacity:0;pointer-events:none}.filmstrip--vertical{position:fixed;left:0;top:50%;transform:translateY(-50%);padding-left:max(1rem,env(safe-area-inset-left))}.filmstrip--horizontal{position:fixed;bottom:0;left:50%;transform:translateX(-50%);padding-bottom:max(1rem,env(safe-area-inset-bottom))}.filmstrip__list{display:flex;margin:0;padding:0;list-style:none}.filmstrip--vertical .filmstrip__list{flex-direction:column;align-items:flex-start;gap:12px}.filmstrip--horizontal .filmstrip__list{flex-direction:row;align-items:baseline;gap:16px}.filmstrip__num{display:block;margin:0;padding:0;border:0;background:transparent;color:#ffffff;cursor:pointer;opacity:.25;transition:opacity .3s ease}.filmstrip__num.is-current,.filmstrip__num:focus-visible,.filmstrip__num:hover{opacity:1}@media (max-width:767px){.filmstrip--vertical{display:none}}@media (prefers-reduced-motion:reduce){.filmstrip,.filmstrip__num{transition:none}}