.film-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-block-end:20px}
.film-heading h2{font-size:clamp(20px,3vw,28px);margin:0;text-align:start}
.film-subtitles{display:flex;align-items:center;gap:10px;max-width:100%;font-size:14px}
.film-subtitles select{min-height:44px;max-width:100%;border:1px solid #69626f;border-radius:10px;padding:8px 12px;background:#1d1b23;color:#f6f3fc;font:inherit;cursor:pointer;color-scheme:dark}
.film-subtitles select:focus-visible{outline:2px solid #d9c2fb;outline-offset:3px}
.case-film video::cue{font-family:Arial,sans-serif;font-size:clamp(15px,2.1vw,28px);background-color:rgba(8,14,20,.9);color:#fff;text-shadow:none}
.case-film video::cue(.long){font-size:clamp(14px,2vw,27px)}
html[data-theme=light] .film-subtitles select{background:#fff;color:#20192b;border-color:#766982;color-scheme:light}
html[data-theme=light] .film-subtitles select:focus-visible{outline-color:#6930c5}
@media(max-width:700px){.film-heading{gap:12px;margin-block-end:16px}.film-subtitles{flex-wrap:wrap}.film-subtitles select{font-size:14px}}