.film-state{position:absolute;z-index:2;left:18px;top:18px;display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid color-mix(in srgb,var(--paper) 25%,transparent);border-radius:12px;color:var(--paper);background:color-mix(in srgb,var(--ink) 90%,transparent);font-size:13px;line-height:1.2}.film-state strong{display:block;font-weight:650;margin-top:3px;font-size:14px}.film-state small{font-size:11px;opacity:.82}.film-state [hidden]{display:none}.film-bars{display:flex;align-items:center;gap:3px;width:22px;height:25px}.film-bars i{display:block;width:3px;height:18px;border-radius:3px;background:currentColor;transform:scaleY(.45);animation:film-signal 1.6s ease-in-out infinite alternate;animation-play-state:paused}.film-bars i:nth-child(2){animation-delay:-.6s;height:25px}.film-bars i:nth-child(3){animation-delay:-1.1s}.film-state.is-playing .film-bars i{animation-play-state:running}@keyframes film-signal{to{transform:scaleY(.85)}}.ind .ph{position:relative}.ind .ph video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ind .ph video[hidden]{display:none}@media(max-width:600px){.film-state{left:10px;top:auto;bottom:34px;gap:7px;padding:7px 9px;border-radius:9px}.film-state strong{font-size:12px}.film-state small{font-size:10px}.film-bars{width:18px;height:21px}.track-outer{mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent)}}@media(prefers-reduced-motion:reduce){.film-bars i{animation:none}}