/* The image is the sound toggle; a small pause control remains available. */
.video-media.film-player{position:relative;background:#191917;isolation:isolate;overflow:hidden}
.film-player video{display:block;width:100%;height:100%;object-fit:cover}
.reel-sound-toggle{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;color:#f4efe3;z-index:1;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.reel-sound-icon{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:40px;height:40px;background:#1119;border-radius:50%;pointer-events:none}
.reel-pause{position:absolute;right:12px;top:12px;width:44px;height:44px;display:grid;place-items:center;padding:12px;border:0;border-radius:50%;background:#1119;color:#f4efe3;z-index:2;opacity:0;transition:opacity .2s}
.film-player:hover .reel-pause,.film-player:focus-within .reel-pause,.film-paused .reel-pause{opacity:1}
.reel-sound-toggle svg,.reel-pause svg{display:block;width:20px;height:20px}
.reel-sound-toggle:focus-visible{outline:2px solid #f2bed0;outline-offset:-4px}
.reel-pause:focus-visible{outline:2px solid #f2bed0;outline-offset:2px}
.film-status{display:none}
.film-error .film-status{display:block;position:absolute;inset:40% 20px auto;z-index:3;background:#111e;padding:15px;font-size:14px;color:#fff;pointer-events:none}
html,body{overflow-x:clip}
@media(hover:none){.reel-pause{opacity:.8}}
@media(prefers-reduced-motion:reduce){.reel-pause{transition:none}}