.ssp-slot{
  --ssp-safe-gap:32px;
  position:relative!important;
  display:block!important;
  clear:both!important;
  float:none!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0 0 var(--ssp-safe-gap,32px)!important;
  isolation:isolate!important;
  contain:layout!important;
  overflow:visible!important;
  z-index:0!important;
}
.ssp-slot::after{content:"";display:block;clear:both;height:0}
.ssp-slot+*{clear:both!important}
.ssp{
  --a:#e50914;
  --ssp-bar-h:52px;
  position:relative!important;
  display:block!important;
  width:calc(100% - 20px)!important;
  max-width:960px!important;
  height:auto!important;
  min-height:0!important;
  margin:15px auto 0!important;
  background:#000;
  color:#fff;
  border-radius:12px;
  overflow:hidden!important;
  box-shadow:0 12px 36px #0009;
  font-family:Arial,sans-serif;
  outline:none;
  z-index:1!important;
}
.ssp:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--a) 65%,#fff),0 12px 36px #0009}
.ssp *{box-sizing:border-box}
.ssp nav{display:flex;align-items:center;gap:7px;padding:8px 12px;min-height:48px;background:#111;flex-wrap:wrap}
.ssp nav b{color:#aaa;font-size:12px}
.srv{padding:8px 14px;border:1px solid #444;border-radius:7px;background:#222;color:#ddd;font-weight:700;cursor:pointer}
.srv.on{background:var(--a);border-color:var(--a);color:#fff}
.stage{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  padding:0 0 var(--ssp-bar-h)!important;
  overflow:hidden!important;
  background:#000!important;
}
.stage::before{content:"";display:block!important;width:100%!important;aspect-ratio:16/9!important}
.stage>video{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  object-fit:contain!important;
  background:#000!important;
}
.center,.ssp button.center{
  box-sizing:border-box!important;
  position:absolute!important;
  z-index:12!important;
  top:calc((100% - var(--ssp-bar-h)) / 2)!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:60px!important;
  height:60px!important;
  min-width:60px!important;
  max-width:60px!important;
  min-height:60px!important;
  max-height:60px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.42)!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.68)!important;
  appearance:none!important;
  cursor:pointer;
  box-shadow:0 8px 26px rgba(0,0,0,.55)!important;
}
.center svg{display:block!important;width:28px!important;height:28px!important;fill:#fff!important;margin:0!important}
.ssp.paused .center svg{margin-left:3px!important}
.ssp.paused .center{display:flex!important;opacity:1!important;visibility:visible!important}
.ssp:not(.paused):not(.hidden) .center{display:flex!important;opacity:1!important;visibility:visible!important}
.ssp.hidden:not(.paused) .center{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.bar{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:8!important;
  display:grid!important;
  grid-template-columns:40px max-content minmax(70px,1fr) max-content 38px minmax(52px,90px) 38px 38px 38px!important;
  align-items:center;
  gap:4px;
  width:100%!important;
  height:52px!important;
  min-height:52px!important;
  margin:0!important;
  padding:5px 9px!important;
  background:#090909!important;
  border-top:1px solid rgba(255,255,255,.1)!important;
  transition:opacity .25s ease;
}
.ssp.hidden:not(.paused) .bar{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.ico{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  min-width:38px;
  padding:7px;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#fff;
  text-decoration:none;
  cursor:pointer;
  font-size:14px;
  line-height:1;
  transition:background .18s ease,transform .18s ease,color .18s ease;
}
.ico:hover,.ico:focus-visible,.srv:hover,.srv:focus-visible,.skip:hover,.skip:focus-visible{outline:0;background-color:rgba(255,255,255,.14);transform:translateY(-1px)}
.srv{transition:background .18s ease,border-color .18s ease,transform .18s ease}
.srv.on:hover,.srv.on:focus-visible{background:var(--a)}
.ico svg{width:21px;height:21px;fill:#fff}
.time,.ssp span.time,.ssp .current,.ssp .duration{
  display:inline-block!important;
  visibility:visible!important;
  color:#fff!important;
  font:500 11px/1 Arial,sans-serif!important;
  white-space:nowrap!important;
  padding:0 2px!important;
  text-shadow:0 1px 3px #000;
}
.seek,.vol{width:100%;height:20px;appearance:none;background:transparent;cursor:pointer}
.seek::-webkit-slider-runnable-track{
  height:3px;border-radius:9px;
  background:linear-gradient(to right,var(--a) 0,var(--a) var(--seek,0%),#ffffffb8 var(--seek,0%),#ffffffb8 100%);
}
.seek::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;margin-top:-5px;border-radius:50%;background:var(--a)}
.seek::-moz-range-track{height:3px;background:#ffffffb8}
.seek::-moz-range-progress{height:3px;background:var(--a)}
.seek::-moz-range-thumb{width:13px;height:13px;border:0;border-radius:50%;background:var(--a)}
.vol::-webkit-slider-runnable-track{height:3px;border-radius:9px;background:#ffffffb8}
.vol::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;margin-top:-4px;border-radius:50%;background:#fff}
.vol::-moz-range-track{height:3px;background:#ffffffb8}
.vol::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:#fff}
.tap{position:absolute;top:40%;z-index:10;transform:translateY(-50%) scale(.9);padding:10px 14px;border-radius:99px;background:#000b;opacity:0;transition:.15s;pointer-events:none}
.tap.left{left:12%}
.tap.right{right:12%}
.tap.show{opacity:1;transform:translateY(-50%) scale(1)}
.skip{display:none;position:absolute;z-index:9;right:12px;bottom:62px;padding:8px 14px;border:1px solid #fff5;border-radius:7px;background:#000d;color:#fff;cursor:pointer}
.resume{position:absolute;z-index:9;top:10px;left:10px;padding:8px 11px;border-radius:8px;background:#111e;opacity:0;display:flex;gap:8px;align-items:center}
.resume.show{opacity:1}
.resume button{border:0;background:transparent;color:#fff;cursor:pointer;text-decoration:underline}
.err{position:absolute;z-index:11;left:50%;top:42%;transform:translate(-50%,-50%);padding:10px 14px;border-radius:8px;background:#111e;color:#fff;font-size:13px;text-align:center;max-width:90%}
.loading{position:absolute;z-index:11;left:50%;top:50%;width:48px;height:48px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(0,0,0,.62);display:grid;place-items:center;pointer-events:none}
.loading[hidden],.up-next[hidden]{display:none}
.loading span{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:var(--a);border-radius:50%;animation:ssp-spin .7s linear infinite}
.status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.up-next{position:absolute;z-index:15;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;padding:clamp(22px,6vw,54px);background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.62)),var(--ssp-next-poster) center/cover;color:#fff}
.up-next small{color:#ddd;font-size:11px;font-weight:700;letter-spacing:.14em}.up-next strong{font-size:clamp(20px,3vw,30px)}
.up-next span{color:#ddd;font-size:13px}.up-next a,.up-next button{padding:9px 14px;border:1px solid #ffffff44;border-radius:7px;background:var(--a);color:#fff;font:700 13px Arial,sans-serif;text-decoration:none;cursor:pointer}.up-next button{background:rgba(20,20,20,.84)}
.menu{
  position:absolute;right:9px;bottom:54px;z-index:20;width:220px;padding:9px;border-radius:12px;background:#121212f7
}
.menu{box-shadow:0 10px 30px rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.11)}
.menu[hidden]{display:none}
.menu label,.menu button{
  display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px;border:0;background:transparent;color:#fff;cursor:pointer
}
.menu select{background:#222;color:#fff;border:1px solid #444;border-radius:6px;padding:4px}
.menu .cc.on{color:var(--a)}
.ssp.theater{max-width:100%!important;width:100%!important;border-radius:0}
.ssp:fullscreen,.ssp:-webkit-full-screen{
  position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;max-width:none!important;margin:0!important;padding:0!important;border-radius:0!important;z-index:2147483647!important;contain:none!important
}
.ssp:fullscreen nav,.ssp:-webkit-full-screen nav{display:none}
.ssp:fullscreen .stage,.ssp:-webkit-full-screen .stage{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;padding:0!important;aspect-ratio:auto!important
}
.ssp:fullscreen .center,.ssp:-webkit-full-screen .center{top:50%!important}
.ssp:fullscreen .stage::before,.ssp:-webkit-full-screen .stage::before{display:none!important}
.ssp:fullscreen .stage>video,.ssp:-webkit-full-screen .stage>video{
  inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:contain!important
}
.ssp:fullscreen .bar,.ssp:-webkit-full-screen .bar{
  height:58px!important;min-height:58px!important;padding:10px 14px!important;background:linear-gradient(transparent,rgba(0,0,0,.94))!important;border-top:0!important
}
@media(max-width:620px){
  .ssp{width:calc(100% - 16px)!important;margin-top:10px!important}
  .ssp nav{gap:5px;padding:7px}
  .srv{flex:1;min-width:0;padding:8px 3px;font-size:11px}
  .stage{padding-bottom:48px!important}
  .ssp{--ssp-bar-h:48px}
  .bar{
    grid-template-columns:36px max-content minmax(42px,1fr) max-content 36px 36px 36px 36px!important;
    gap:2px;height:48px!important;min-height:48px!important;padding:4px!important
  }
  .vol{display:none!important}
  .ico{width:36px;height:36px;min-width:36px}
  .time,.ssp span.time{font-size:9px!important}
  .center,.ssp button.center{width:56px!important;height:56px!important;min-width:56px!important;max-width:56px!important;min-height:56px!important;max-height:56px!important}
  .menu{left:9px;right:9px;width:auto}
  .up-next{padding:26px}.up-next strong{font-size:21px}
  .ssp-slot+*{position:relative!important;z-index:0!important}
  .ssp:fullscreen .bar,.ssp:-webkit-full-screen .bar{height:54px!important;min-height:54px!important;padding:7px max(5px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left))!important}
}
@keyframes ssp-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.ssp *{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}