/* The Rebbe's CNN clip: own player, word-by-word captions in the page's language (style "open-words-fade") */
.cnn-vid{border-radius:var(--r-sm,16px);overflow:hidden;background:var(--ink)}
.ml-player{--cap-size:1.25;--cap-face:var(--f-body,"Heebo"),system-ui,sans-serif;container-type:inline-size;position:relative;background:var(--ink);overflow:hidden}
.ml-pic video{display:block;width:100%;height:auto;aspect-ratio:480/312;background:var(--ink);cursor:pointer}
.cap{position:absolute;left:0;right:0;bottom:0;z-index:2;pointer-events:none;font-family:var(--cap-face);text-align:center;
  font-size:calc(clamp(20px,4.8cqi,46px) * var(--cap-size));line-height:1.22;font-weight:800;text-wrap:balance;color:#fff;
  padding:2.2em 5% .55em;text-shadow:0 .04em .25em rgba(0,0,0,.7);
  background:linear-gradient(to top,rgba(24,24,24,.88) 0%,rgba(24,24,24,.7) 55%,rgba(24,24,24,0) 100%)}
.cap:lang(ar){line-height:1.5}
.cap .cap-line{white-space:pre-line}
.cap b{font-weight:inherit}
.cap .cap-w{color:rgba(255,255,255,.5);transition:color .12s linear}
.cap .cap-w.said{color:#fff}
.cap[data-who="reporter"]{font-weight:700}
.cap[data-who="reporter"] .cap-w.said{color:var(--sky)}
.cap .cap-w.cap-key.said{color:var(--yellow);font-weight:900}
@container (max-width:480px){.cap{padding-inline:3%}}
.cnn-vid{position:relative}
.cap{transition:bottom .2s}
/* big play button over the still, like the site's other videos; the control bar stays out of sight until the clip runs */
.cnn-big{position:absolute;z-index:3;left:50%;top:42%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;
  border:1.5px solid var(--ink);background:var(--yellow);color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:transform .15s}
.cnn-big:hover{transform:translate(-50%,-50%) scale(1.06)}
.cnn-big svg{width:28px;height:28px;margin-left:4px}
.cnn-big:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.cnn-vid.started .cnn-big{display:none}
.cnn-big{transition:transform .15s,opacity .25s}
@media (hover:hover){.cnn-vid.peek .cnn-big{opacity:0;pointer-events:none}}
.cnn-bar{position:absolute;z-index:4;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;padding:8px 12px;background:rgba(24,24,24,.88);color:#fff;
  opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
.cnn-vid.started.paused .cnn-bar,.cnn-vid.started.active .cnn-bar,.cnn-vid.started:focus-within .cnn-bar{opacity:1;visibility:visible}
@media (hover:hover){.cnn-vid.started:hover .cnn-bar{opacity:1;visibility:visible}.cnn-vid.started:hover .cap{bottom:54px}}
.cnn-vid.started.paused .cap,.cnn-vid.started.active .cap,.cnn-vid.started:focus-within .cap{bottom:54px}
.cnn-play{flex:none;width:38px;height:38px;border-radius:50%;border:0;background:var(--yellow);color:var(--ink);display:grid;place-items:center;cursor:pointer}
.cnn-play svg{width:16px;height:16px}
.cnn-bar input[type=range]{flex:1;min-width:0;accent-color:var(--yellow)}
.cnn-time{font-size:13px;font-variant-numeric:tabular-nums;color:#D6DBEA;white-space:nowrap;direction:ltr}
.cnn-cc{flex:none;font:inherit;font-size:12px;font-weight:800;letter-spacing:.04em;border:2px solid #fff;color:#fff;background:transparent;border-radius:6px;padding:1px 6px;cursor:pointer}
.cnn-cc[aria-pressed="true"]{background:#fff;color:var(--ink)}
.cnn-fs{flex:none;width:32px;height:32px;border:0;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;border-radius:6px}
.cnn-fs svg{width:18px;height:18px}
.cnn-bar :focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
.cnn-vid:fullscreen{display:flex;align-items:center;justify-content:center;border-radius:0}
.cnn-vid:fullscreen .ml-player{width:min(100vw,calc(100vh * 480 / 312))}
@media (prefers-reduced-motion:reduce){.cap .cap-w{transition:none}}
/* phones and narrow columns: the words move into their own band under the picture (over the picture they turned
   into a blur of text at this size); the control bar sits under the band once the clip has started */
.cnn-vid{container:cnnv / inline-size}
@container cnnv (max-width:560px){
  .cap{position:static;background:var(--ink);text-shadow:none;padding:.55em 5% .65em;font-size:clamp(17px,5.4cqi,24px);line-height:1.3;
    min-height:calc(2 * 1.3em + 1.2em);display:flex;align-items:center;justify-content:center;border-top:1px solid rgba(255,255,255,.12)}
  .cap[hidden]{display:flex!important;visibility:hidden}
  .cnn-vid.started .cap,.cnn-vid.started:hover .cap,.cnn-vid.started.paused .cap,.cnn-vid.started.active .cap{bottom:auto}
  .cnn-bar{position:static;opacity:1;visibility:visible;background:var(--ink);border-top:1px solid rgba(255,255,255,.12)}
  .cnn-vid:not(.started) .cnn-bar{display:none}
  .cnn-big{top:calc(100cqi * 312 / 480 / 2);width:64px;height:64px}
  .cnn-big svg{width:24px;height:24px}
}
/* the words of the clip, under the video, closed by default */
.cnn-tx{margin-top:14px;font-size:15px}
.cnn-tx summary{cursor:pointer;font-weight:700;color:var(--blue);width:fit-content}
.cnn-tx-b{display:grid;gap:6px;margin-top:10px;padding:14px 16px;border-radius:12px;background:var(--ground)}
.cnn-tx-b b{font-weight:700}