/* 0.9.113: Continue Watching row (progress bar on the tvc5 cards) and the Next episode card over the player (assets/tvc-nf.js). */
.tvc5 .tvc-nf-card .tvc-card__media{position:relative}
.tvc-nf-bar{position:absolute;left:0;right:0;bottom:0;z-index:4;height:4px;background:rgba(255,255,255,.28);pointer-events:none}
.tvc-nf-bar__fill{display:block;height:100%;background:var(--t5-gold,#d4ab4f)}
.tvc5 .tvc-nf-card .tvc5-card__info{padding-bottom:12px}
/* Films / Show Series pages: the row sits between the header and the grid, as wide as the grid and its sidebar. */
.tvc-nf-cw-wrap{display:block}
.tvc-nf-cw-wrap .tvc5-sec{margin:0 0 22px}

/* Next episode: covers the player (Plyr's box, so it shows in full screen too). VidoRev styles every button and image with
   high-specificity rules, so the box rules here are !important (as tvc-intro.css). */
.tvc-nf-next{position:absolute !important;inset:0 !important;z-index:90;display:flex;align-items:flex-end;justify-content:flex-end;padding:16px 16px 64px;box-sizing:border-box;
  background:linear-gradient(to top left,rgba(0,0,0,.82),rgba(0,0,0,.35));opacity:0;transition:opacity .25s ease}
.tvc-nf-next.is-on{opacity:1}
.tvc-nf-next.is-out{opacity:0;pointer-events:none}
.tvc-nf-next__card{position:relative;display:flex;gap:14px;align-items:center;width:520px;max-width:100%;padding:14px;box-sizing:border-box;overflow:hidden;
  background:rgba(14,15,18,.94);border:1px solid #3a3f4a;border-radius:8px;box-shadow:0 12px 32px rgba(0,0,0,.55);color:#ecebe7}
.tvc-nf-next .tvc-nf-next__img{display:block !important;flex:0 0 150px;width:150px !important;height:84px !important;max-width:none !important;margin:0 !important;object-fit:cover;border-radius:4px;background:#000}
.tvc-nf-next__body{flex:1 1 auto;min-width:0}
.tvc-nf-next .tvc-nf-next__label{margin:0 0 4px !important;padding:0 !important;font:700 11px/1.3 sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#d4ab4f}
.tvc-nf-next .tvc-nf-next__title{margin:0 0 10px !important;padding:0 !important;font:600 16px/1.25 Oswald,Poppins,"Arial Narrow",sans-serif;letter-spacing:.02em;text-transform:uppercase;color:#fff;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tvc-nf-next__btns{display:flex;flex-wrap:wrap;gap:8px}
#tvc6-player .tvc-nf-next .tvc-nf-next__btns button.tvc-nf-next__play,#tvc6-player .tvc-nf-next .tvc-nf-next__btns button.tvc-nf-next__cancel{box-shadow:none !important;text-shadow:none !important}
#tvc6-player .tvc-nf-next .tvc-nf-next__btns button{display:inline-flex !important;align-items:center;gap:6px;width:auto !important;min-height:38px;margin:0 !important;padding:0 14px !important;box-sizing:border-box;
  font:600 13px/1 Oswald,Arial,sans-serif !important;letter-spacing:.04em;text-transform:uppercase;border-radius:4px;cursor:pointer}
#tvc6-player .tvc-nf-next .tvc-nf-next__btns button.tvc-nf-next__play{background:#d4ab4f !important;border:1px solid #d4ab4f !important;color:#17140b !important}
.tvc-nf-next .tvc-nf-next__play svg{width:13px;height:13px;flex:none}
#tvc6-player .tvc-nf-next .tvc-nf-next__btns button.tvc-nf-next__cancel{background:transparent !important;border:1px solid rgba(255,255,255,.45) !important;color:#fff !important}
#tvc6-player .tvc-nf-next .tvc-nf-next__btns button.tvc-nf-next__play:hover,#tvc6-player .tvc-nf-next .tvc-nf-next__btns button.tvc-nf-next__play:focus-visible{background:#e6c271 !important;outline:none}
#tvc6-player .tvc-nf-next .tvc-nf-next__btns button.tvc-nf-next__cancel:hover,#tvc6-player .tvc-nf-next .tvc-nf-next__btns button.tvc-nf-next__cancel:focus-visible{background:#fff !important;color:#000 !important;outline:none}
/* Drains over the 5 seconds. */
.tvc-nf-next__bar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:#d4ab4f;transform-origin:left;animation:tvc-nf-drain 5s linear forwards}
@keyframes tvc-nf-drain{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media (max-width:600px){
  .tvc-nf-next{align-items:center;justify-content:center;padding:8px}
  .tvc-nf-next .tvc-nf-next__img{display:none !important}
  .tvc-nf-next__card{padding:10px 12px;width:auto}
  .tvc-nf-next .tvc-nf-next__title{font-size:14px;margin-bottom:8px !important}
  #tvc6-player .tvc-nf-next .tvc-nf-next__btns button{min-height:36px;padding:0 12px !important}
}
@media (prefers-reduced-motion:reduce){.tvc-nf-next{transition:none}.tvc-nf-next__bar{animation:none}}
