.film-player{position:relative;container-type:inline-size;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--lab-rule);border-radius:10px;background:var(--lab-ground)}.film-player video{display:block;width:100%;height:100%;object-fit:contain;background:var(--lab-ground)}.film-play{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:flex-start;width:100%;border:0;padding:2.4cqw;background:transparent;color:var(--lab-text);cursor:pointer}.film-play[data-corner=top-right]{justify-content:flex-end}.film-play-pill{display:inline-flex;align-items:center;gap:1.2cqw;padding:.7cqw 1.6cqw .7cqw .7cqw;border:1px solid rgba(233,232,227,.22);border-radius:999px;background:rgba(16,18,20,.86);font-family:var(--font-mono),ui-monospace,monospace;font-size:clamp(.6875rem,1.4cqw,.8125rem);line-height:1.5;letter-spacing:0;transition:border-color .14s ease-out,background-color .14s ease-out}.film-play-mark{display:grid;place-items:center;width:clamp(1.75rem,3.8cqw,2.25rem);height:clamp(1.75rem,3.8cqw,2.25rem);border-radius:50%;background:var(--lab-text)}.film-play-mark svg{width:55%;height:55%;margin-left:8%;fill:var(--lab-ground)}.film-play-pill>span:last-child{color:var(--lab-quiet)}.film-play:hover .film-play-pill{border-color:rgba(233,232,227,.5);background:rgba(16,18,20,.94)}.film-play:active .film-play-pill{transform:scale(.98)}.film-play:focus-visible{outline:none}.film-play:focus-visible .film-play-pill{outline:1px solid var(--lab-sage);outline-offset:4px}@container (max-width: 560px){.film-play-pill{padding:0;border-color:transparent;background:transparent}.film-play-pill>span:not(.film-play-mark){display:none}}@media (prefers-reduced-motion:reduce){.film-play-pill{transition:none}}