.film-controls{z-index:60;opacity:0;background:linear-gradient(#0000,#1e140f59);align-items:center;gap:14px;padding:30px 18px 14px;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0;right:0}:hover>.film-controls,:focus-within>.film-controls{opacity:1}@media (hover:none){.film-controls{opacity:1}}.film-play{color:#352c29;cursor:pointer;background:#fff;border:0;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;transition:transform .15s;display:grid}.film-play:active{transform:scale(.94)}.film-play svg{fill:currentColor;width:14px;height:14px}.film-bar{cursor:pointer;background:#ffffff59;border-radius:4px;flex:1;height:4px;overflow:hidden}.film-bar-fill{height:100%;transform:scaleX(var(--p,0));transform-origin:0;background:#fff;display:block}