.film-rebate{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase}.film-sprockets{height:.75rem;background-image:repeating-linear-gradient(90deg,transparent 0 .45rem,rgba(255,255,255,.55) .45rem .95rem,transparent .95rem 1.4rem);background-size:1.4rem .45rem;background-repeat:repeat-x;background-position:0;opacity:.55;border-radius:1px}.film-marquee{display:flex;width:max-content;gap:.5rem}@media (prefers-reduced-motion:no-preference){.film-marquee{animation:film-marquee 90s linear infinite}.film-marquee:hover{animation-play-state:paused}}@keyframes film-marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}[dir=rtl] .film-marquee{direction:ltr}.film-vignette{background:linear-gradient(90deg,rgba(10,10,10,1),rgba(10,10,10,0) 8%,rgba(10,10,10,0) 92%,rgba(10,10,10,1))}.film-strip{scrollbar-width:none}.film-strip::-webkit-scrollbar{display:none}.film-plate{background:linear-gradient(180deg,#2b2b2b,#161616);border:1px solid #3a3a3a;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.film-dial{display:inline-flex;align-items:center;border-radius:.5rem;padding:.125rem .25rem;color:#b4b4b4;transition:color .15s,background-color .15s}.film-dial:hover{color:#ffffff;background-color:rgba(255,255,255,.06)}.film-dial:focus-visible{outline:2px solid #ef4e2d;outline-offset:2px}.film-dial:active .film-crank,.film-dial:active .film-lever{filter:brightness(1.15)}.film-counter{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.75rem;letter-spacing:.12em;background:#0a0a0a;border:1px solid #353535;border-radius:.25rem;padding:.125rem .5rem;box-shadow:inset 0 1px 3px rgba(0,0,0,.9);overflow:hidden}.film-lever{transform-box:view-box;transform-origin:14px 15px}.film-crank{transform-box:view-box;transform-origin:26px 15px}@media (prefers-reduced-motion:no-preference){.film-lever[data-winding]{animation:film-advance .6s cubic-bezier(.3,.9,.35,1)}.film-crank[data-winding]{animation:film-rewind .6s ease-in-out}.film-counter-tick{animation:film-counter-tick .3s ease-out}}@keyframes film-advance{0%{transform:rotate(0deg)}40%{transform:rotate(-120deg)}60%{transform:rotate(-120deg)}to{transform:rotate(0deg)}}@keyframes film-rewind{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes film-counter-tick{0%{transform:translateY(-.7em);opacity:0}to{transform:translateY(0);opacity:1}}