/* Shared film controls: fade downward after inactivity; keyboard and pointer input restore them. */
.vh-film-controls.g-film-controls{transform:translate(-50%,0);opacity:1;transition:opacity .25s ease,transform .3s cubic-bezier(.2,.7,.3,1)}
[data-controls-idle=true]>.g-film-controls{opacity:0;transform:translate(-50%,18px);pointer-events:none}
.vh-intro-frame[data-controls-idle]{pointer-events:auto}
.g-film-cover{pointer-events:auto;position:absolute;inset:0;z-index:4;display:grid;place-items:center;width:100%;height:100%;padding:0;border:0;background:transparent;color:#202123;cursor:pointer}
.g-film-cover[hidden]{display:none!important}
.g-film-start-pill{position:absolute;left:50%;bottom:40px;transform:translateX(-50%);display:flex;align-items:center;gap:14px;white-space:nowrap;border-radius:99px;background:#ffffffef;color:#202123;padding:17px 24px;font-size:15px;font-weight:600;box-shadow:0 4px 24px #0002;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:background .2s ease}
.g-film-start-pill>.ml-fa{width:14px;height:14px;object-fit:contain;filter:brightness(0)}
.g-film-duration{color:#64748b;font-size:13px;font-variant-numeric:tabular-nums}
[data-film-started=true] .g-film-start-pill{display:none}
@media(hover:hover){.g-film-cover:hover .g-film-start-pill{background:#fff}}
.g-film-cover:focus-visible{outline:3px solid #479be6;outline-offset:-6px;border-radius:inherit}
.g-film-cover:focus-visible .g-film-start-pill{outline:3px solid #479be6;outline-offset:5px}
@media(max-width:800px){.g-film-start-pill{bottom:20px;padding:12px 17px;gap:10px;font-size:13px}.g-film-duration{font-size:12px}.g-film-start-pill>.ml-fa{width:12px;height:12px}}
@media(prefers-reduced-motion:reduce){.vh-film-controls.g-film-controls,.g-film-start-pill{transition:none}[data-controls-idle=true]>.g-film-controls{transform:translate(-50%,0)}}
