.lm-film__frame{isolation:isolate;aspect-ratio:16/9;border-radius:var(--lm-radius-media);background:var(--lm-night);color:var(--lm-on-dark);position:relative;overflow:hidden}.lm-film__media{z-index:0;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.lm-film__play{z-index:2;gap:var(--lm-space-2);white-space:nowrap;position:absolute;top:50%;left:50%;translate:-50% -50%}.lm-film__ctrls{z-index:2;right:var(--lm-space-4);bottom:var(--lm-space-4);gap:var(--lm-space-2);display:flex;position:absolute}:root .lm-btn.lm-film__ctrl{justify-content:center;width:38px;height:38px;padding:0}.lm-film__play,.lm-film__ctrls{z-index:3;will-change:transform;transform:translateZ(0)}.lm-film__frame:not([data-state=playing]):after{content:"";z-index:1;pointer-events:none;background:color-mix(in srgb, var(--lm-night) 24%, transparent);position:absolute;inset:0}.lm-film--scroll .lm-film__stick{width:100%;max-width:calc(var(--lm-content-max) + 2 * var(--lm-gutter));padding-inline:var(--lm-gutter);margin-inline:auto}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.lm-film--scroll{--fx:calc((100vw - min(100vw - 2 * var(--lm-gutter), var(--lm-content-max)) * .72) / 2);--fy:max(0px, (100svh - (100vw - 2 * var(--fx)) * .5625) / 2);--q:calc(1 - var(--p,0));height:150svh;position:relative}.lm-film--scroll .lm-film__stick{max-width:none;height:100svh;padding:0;position:sticky;top:0}.lm-film--scroll .lm-film__frame{aspect-ratio:auto;height:100%;clip-path:inset(calc(var(--fy) * var(--q)) calc(var(--fx) * var(--q)) round calc(var(--lm-radius-media) * var(--q)));border-radius:0}.lm-film--scroll .lm-film__ctrls{right:calc(var(--fx) * var(--q) + var(--lm-space-4));bottom:calc(var(--fy) * var(--q) + var(--lm-space-4))}}@media (max-width:639px){.lm-film__ctrls{right:var(--lm-space-2);bottom:var(--lm-space-2)}}