/* The film remains the focus; the sound button retains its translated name. */
.journal-motion-film{isolation:isolate}
.journal-motion-film .journal-video-frame{border-radius:6px;outline:1px solid #ffffff12;outline-offset:-1px}
.journal-motion-film .journal-film-controls{inset:auto 12px 15px;align-items:center;justify-content:flex-end;gap:12px;padding:0;z-index:2}
.journal-motion-film .journal-film-controls[hidden]{display:none}
.journal-motion-film .journal-film-controls button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #ffffff38;border-radius:50%;background:#1011154d;color:#fff;box-shadow:0 2px 12px #00000014;font:400 10px/1.2 EditorialInter,Arial,sans-serif;text-transform:none;letter-spacing:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .18s ease,border-color .18s ease}
.journal-motion-film .journal-film-controls button svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.journal-motion-film .model-control-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.journal-motion-film .journal-film-controls button:focus:not(:focus-visible){outline:none}
.journal-motion-film .journal-film-controls button:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(hover:hover){.journal-motion-film .journal-film-controls button:hover{background:#10111580;border-color:#ffffff80}}
@media(prefers-reduced-motion:reduce){.journal-motion-film .journal-film-controls button{transition:none}}

@media(max-width:760px){.journal-motion-film .journal-film-controls{bottom:max(18px,6svh)}}