.film{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.film__frame{aspect-ratio:var(--film-ratio,16 / 9);border:1px solid var(--rule);border-radius:var(--radius-md);background-color:var(--surface-2);position:relative;overflow:clip}@media (max-width:767.98px){.film[data-portrait] .film__frame{aspect-ratio:var(--film-portrait-ratio,9 / 16)}}.film__frame picture,.film__poster,.film__video{width:100%;height:100%;display:block;position:absolute;inset:0}.film__poster,.film__video{object-fit:cover}.film__video{opacity:0;transition:opacity var(--duration-control) var(--ease-out)}.film__video[data-ready]{opacity:1}.film__controls{right:var(--space-3);bottom:var(--space-3);gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-sm);display:flex;position:absolute}.film__control{border-radius:var(--radius-sm);width:2.75rem;height:2.75rem;color:var(--text);cursor:pointer;transition:background-color var(--duration-hover) ease, transform .16s var(--ease-out);background-color:#0000;border:0;place-items:center;padding:0;display:grid}@media (hover:hover) and (pointer:fine){.film__control:hover{background-color:var(--surface-2)}}.film__control:active{transform:scale(.97)}.film__control:focus-visible{outline-offset:2px}.film__retry{vertical-align:baseline}@media (prefers-reduced-motion:reduce){.film__video,.film__control{transition:none}.film__control:active{transform:none}}
/*# sourceMappingURL=18ryd8nf81nzj.css.map*/