.as-films{flex-wrap:wrap;align-items:flex-start;gap:1.75rem 1.25rem;max-width:40rem;margin-top:1.5rem;display:flex}.as-films>.as-demo-label{flex-basis:100%;margin-top:-.75rem}.as-film{flex:100%;min-width:0;margin:0}.as-film[data-device=phone]{flex:0 17.5rem}.as-film[data-loop]{flex:12rem}.as-film-frame{border:1px solid var(--border);background:var(--card);border-radius:.75rem;width:100%;display:block;position:relative;overflow:hidden}button.as-film-frame{font:inherit;color:inherit;cursor:pointer;padding:0}button.as-film-frame:focus-visible{outline-offset:3px;border-radius:.75rem}.as-film-takes{display:block}.as-film-poster img{width:100%;height:auto;display:block}.as-film-frame video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.as-film-frame video::-webkit-media-controls{background:0 0}.as-film [data-take]{display:none;position:relative}:where(:root:not(.dark)) .as-film [data-take=light],:where(.dark) .as-film [data-take=dark]{display:block}.as-film[data-held] .as-film-frame [data-take]{display:none}.as-film[data-held=light] .as-film-frame [data-take=light],.as-film[data-held=dark] .as-film-frame [data-take=dark]{display:block}.as-film-voice{color:var(--muted-foreground);margin-top:.5rem;font-size:.875rem;line-height:1.5}.as-film-words{margin-top:.35rem}.as-film-words>p,.as-film-steps{color:var(--muted-foreground);font-size:.9375rem;line-height:1.6}.as-film-words>p{margin-top:.5rem}.as-film-steps{gap:.75rem;margin-top:.75rem;padding-left:1.25rem;list-style:decimal;display:grid}.as-film-step{margin-top:.5rem;display:block}.as-film-step img{border:1px solid var(--border);border-radius:.5rem}.as-film-caption{color:var(--muted-foreground);margin-top:.5rem;font-size:.875rem;line-height:1.5}