.ys-widget{--ys-accent:#e50914;--ys-height:700px;position:relative;isolation:isolate;height:var(--ys-height);min-height:520px;padding:30px 5% 155px;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#143342 0,#071116 36%,#020405 72%);color:#fff;font-family:inherit}.ys-widget *{box-sizing:border-box}.ys-ambient{position:absolute;z-index:-1;inset:45% -5% -25%;background:linear-gradient(160deg,transparent 28%,var(--ys-accent) 28.4%,transparent 29.2% 70%,var(--ys-accent) 70.8%,transparent 71.5%);filter:drop-shadow(0 0 18px var(--ys-accent));opacity:.9}.ys-brand{position:absolute;z-index:30;top:44px;left:8%;font-size:20px;font-weight:800;text-shadow:0 3px 12px #000}.ys-brand span{color:var(--ys-accent)}.ys-hero-shell{position:relative;width:90%;height:100%;margin:auto;border:1px solid rgba(165,225,245,.68);border-radius:62px 62px 27px 27px/30px 30px 24px 24px;clip-path:polygon(2% 1.5%,50% 0,98% 1.5%,100% 8%,100% 91%,97% 98%,50% 100%,3% 98%,0 91%,0 8%);overflow:hidden;background:#081117;box-shadow:0 25px 65px #000,0 0 20px rgba(45,178,221,.22)}.ys-hero-track,.ys-hero-track .slick-list,.ys-hero-track .slick-track,.ys-hero-track .slick-slide,.ys-hero-track .slick-slide>div{height:100%}.ys-slide{position:relative;height:100%;background-image:linear-gradient(90deg,rgba(1,4,7,.94),rgba(2,6,9,.55) 37%,transparent 68%),linear-gradient(0deg,rgba(0,0,0,.6),transparent 50%),var(--ys-image);background-size:cover;background-position:center}.ys-copy{position:absolute;z-index:3;left:5%;bottom:12%;width:min(540px,48%);padding:24px 27px;border:1px solid rgba(255,255,255,.19);border-radius:18px;background:linear-gradient(135deg,rgba(8,16,22,.72),rgba(1,5,8,.38));box-shadow:0 18px 45px rgba(0,0,0,.38);backdrop-filter:blur(9px)}.ys-copy h2{margin:0 0 11px;color:#fff;font-size:clamp(38px,4.3vw,74px);font-weight:800;line-height:.95;letter-spacing:-.055em;text-transform:uppercase;text-shadow:0 4px 20px #000}.ys-meta{display:flex;gap:10px;align-items:center;margin-bottom:10px;font-size:13px}.ys-meta i{width:4px;height:4px;border-radius:50%;background:var(--ys-accent)}.ys-genres{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.ys-genres span{padding:4px 10px;border:1px solid rgba(255,255,255,.4);border-radius:20px;background:rgba(0,0,0,.25);font-size:11px}.ys-copy p{display:-webkit-box;margin:0 0 15px;overflow:hidden;color:rgba(255,255,255,.75);font-size:13px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ys-play,.ys-info{display:inline-flex!important;align-items:center;justify-content:center;height:44px;color:#fff!important;text-decoration:none!important}.ys-play{gap:10px;padding:0 21px;border-radius:6px;background:var(--ys-accent);font-weight:700;box-shadow:0 8px 20px color-mix(in srgb,var(--ys-accent) 45%,transparent)}.ys-info{width:44px;margin-left:9px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(0,0,0,.35)}.ys-prev,.ys-next{position:absolute;z-index:20;top:50%;width:44px;height:62px;border:1px solid rgba(255,255,255,.5);border-radius:15px;background:rgba(0,0,0,.45);color:#fff;transform:translateY(-50%);backdrop-filter:blur(8px)}.ys-prev{left:18px}.ys-next{right:18px}.ys-dock{position:absolute;z-index:25;left:8%;right:8%;bottom:25px;height:116px;padding:13px 58px;border:1px solid rgba(157,221,242,.48);border-radius:27px;background:linear-gradient(180deg,rgba(18,29,38,.91),rgba(3,7,11,.96));box-shadow:0 20px 42px #000,0 0 17px rgba(39,169,214,.22);backdrop-filter:blur(16px)}.ys-thumb-track,.ys-thumb-track .slick-list,.ys-thumb-track .slick-track{height:88px}.ys-thumb{position:relative!important;height:78px!important;margin:5px 6px!important;padding:0!important;overflow:hidden;border:1px solid rgba(255,255,255,.3)!important;border-radius:13px!important;background:#071018!important;color:#fff;opacity:.68;transition:.25s}.ys-thumb img{width:100%;height:100%;object-fit:cover}.ys-thumb span{position:absolute;left:0;right:0;bottom:0;padding:20px 8px 6px;overflow:hidden;background:linear-gradient(transparent,rgba(0,0,0,.9));font-size:10px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ys-thumb.slick-current{border:2px solid var(--ys-accent)!important;opacity:1;transform:translateY(-2px);box-shadow:0 0 12px var(--ys-accent)}.ys-thumb-prev,.ys-thumb-next{position:absolute;z-index:5;top:50%;width:34px;height:54px;border:0;background:transparent;color:#fff;transform:translateY(-50%)}.ys-thumb-prev{left:-45px}.ys-thumb-next{right:-45px}.ys-design-1 .ys-hero-shell{width:100%;border:0;border-radius:0;clip-path:none}.ys-design-1 .ys-copy{border:0;background:transparent;box-shadow:none;backdrop-filter:none}.ys-design-1 .ys-dock{left:0;right:0;border-radius:0;background:rgba(0,0,0,.75)}.ys-design-2 .ys-hero-shell{width:94%;border-radius:20px;clip-path:none}.ys-design-2 .ys-copy{left:6%;bottom:18%;background:rgba(10,18,24,.74);backdrop-filter:blur(18px)}.ys-design-3 .ys-hero-shell{width:74%;border-radius:22px;clip-path:polygon(7% 0,93% 0,100% 8%,96% 100%,4% 100%,0 8%);box-shadow:0 0 30px var(--ys-accent)}.ys-design-3 .ys-copy{left:4%;width:55%;border-color:var(--ys-accent)}.ys-design-4 .ys-hero-shell{width:94%;border-radius:0;clip-path:polygon(0 0,100% 0,94% 100%,0 100%)}.ys-design-4 .ys-copy{left:0;bottom:0;width:44%;height:100%;padding:12% 5%;border:0;border-right:1px solid var(--ys-accent);border-radius:0;background:rgba(0,0,0,.84)}.ys-design-5:before,.ys-design-5:after{content:'';position:absolute;z-index:4;top:25px;bottom:145px;width:18px;border:2px solid var(--ys-accent);background:#160207;box-shadow:0 0 20px var(--ys-accent)}.ys-design-5:before{left:4%}.ys-design-5:after{right:4%}.ys-design-5 .ys-hero-shell{width:83%;border:4px solid #210309;border-radius:8px;clip-path:none;box-shadow:0 0 0 2px var(--ys-accent),0 0 28px var(--ys-accent)}
@media(max-width:900px){.ys-widget{height:600px;padding:20px 2% 130px}.ys-hero-shell{width:96%}.ys-copy{left:4%;bottom:8%;width:70%;padding:18px}.ys-copy h2{font-size:38px}.ys-dock{left:5%;right:5%;height:100px;padding:10px 45px}.ys-thumb-track,.ys-thumb-track .slick-list,.ys-thumb-track .slick-track{height:78px}.ys-thumb{height:68px!important}.ys-brand{top:30px}.ys-design-4 .ys-copy{width:58%;padding:14% 4%}}
@media(max-width:600px){.ys-widget{height:530px;min-height:530px;padding:10px 0 112px}.ys-hero-shell{height:100%;border-radius:28px 28px 18px 18px}.ys-copy{width:84%;padding:15px}.ys-copy h2{font-size:30px}.ys-copy p{display:none}.ys-dock{bottom:12px;height:90px;padding:8px 35px}.ys-thumb-track,.ys-thumb-track .slick-list,.ys-thumb-track .slick-track{height:70px}.ys-thumb{height:60px!important}}

/* v5 editor and title-fit corrections */
.ys-cinematic-glass .ys-slide{background-size:100% 100%,100% 100%,var(--ys-photo-fit,cover);background-position:center center,center center,var(--ys-photo-position,center center);background-repeat:no-repeat}
.ys-cinematic-glass .ys-copy{top:50%;bottom:auto;width:min(500px,42%);max-height:78%;padding:22px 25px;transform:translateY(-43%)}
.ys-cinematic-glass .ys-copy h2{font-size:clamp(32px,3.35vw,56px);line-height:1.02;letter-spacing:-.045em;overflow-wrap:anywhere}
.ys-cinematic-glass .ys-dock{left:50%;right:auto;width:min(84%,1180px);transform:translateX(-50%)}
@media(max-width:900px){.ys-cinematic-glass .ys-copy{width:68%;transform:translateY(-42%)}.ys-cinematic-glass .ys-dock{width:90%}}
@media(max-width:600px){.ys-cinematic-glass .ys-copy{width:84%;max-height:72%;transform:translateY(-38%)}.ys-cinematic-glass .ys-copy h2{font-size:30px}.ys-cinematic-glass .ys-dock{width:92%}}

/* v7: information box at bottom-left */
.ys-widget.ys-cinematic-glass{width:100vw;max-width:none;margin-left:calc(50% - 50vw);padding-left:0;padding-right:0}
.ys-cinematic-glass .ys-hero-shell{width:100%;max-width:none;margin-left:0;margin-right:0}
.ys-cinematic-glass .ys-copy{top:auto;bottom:7%;left:4%;transform:none}
@media(max-width:900px){.ys-cinematic-glass .ys-copy{top:auto;bottom:6%;left:4%;transform:none}}
@media(max-width:600px){.ys-cinematic-glass .ys-copy{top:auto;bottom:5%;left:4%;transform:none}}

/* v8: scalable bottom-left information panel */
.ys-cinematic-glass .ys-copy{transform-origin:left bottom;transform:scale(var(--ys-box-scale,1));background:rgba(8,16,22,var(--ys-box-opacity,.76))}

/* v9: full-screen hero photo and stationary thumbnails */
.ys-widget.ys-cinematic-glass{padding:0;position:relative}
.ys-cinematic-glass .ys-hero-shell{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;clip-path:none;box-shadow:none}
.ys-cinematic-glass .ys-copy{bottom:165px}
.ys-cinematic-glass .ys-dock{bottom:24px}
.ys-cinematic-glass .ys-thumb-track{display:flex;height:88px;gap:12px;align-items:center;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.ys-cinematic-glass .ys-thumb-track::-webkit-scrollbar{display:none}
.ys-cinematic-glass .ys-thumb{flex:1 1 0;min-width:120px;max-width:230px;margin:0!important}
.ys-cinematic-glass .ys-thumb.is-active{border:2px solid var(--ys-accent)!important;opacity:1;transform:translateY(-2px);box-shadow:0 0 12px var(--ys-accent)}
@media(max-width:900px){.ys-cinematic-glass .ys-copy{bottom:145px}.ys-cinematic-glass .ys-dock{bottom:18px}}
@media(max-width:600px){.ys-cinematic-glass .ys-copy{bottom:120px}.ys-cinematic-glass .ys-dock{bottom:12px}.ys-cinematic-glass .ys-thumb{min-width:105px}}

/* v10: exact box sizing/position and true full-screen photo */
.ys-widget.ys-cinematic-glass.ys-fullscreen{width:100vw!important;height:100vh!important;min-height:100vh!important;margin-left:calc(50% - 50vw)!important}
.ys-cinematic-glass .ys-copy{top:auto!important;bottom:var(--ys-box-bottom,25px)!important;left:4%!important;width:min(var(--ys-box-width,500px),88vw)!important;max-height:none!important;transform:scale(var(--ys-box-scale,1))!important;transform-origin:left bottom!important}
.ys-cinematic-glass .ys-slide{background-image:linear-gradient(0deg,rgba(0,0,0,.28),transparent 42%),var(--ys-image)!important;background-size:100% 100%,var(--ys-photo-fit,cover)!important;background-position:center center,var(--ys-photo-position,center center)!important;background-repeat:no-repeat!important}

/* v11: box always hugs its content */
.ys-cinematic-glass .ys-copy{height:auto!important;min-height:0!important;max-height:none!important;padding:var(--ys-box-padding,22px)!important;display:block!important;align-self:auto!important;bottom:var(--ys-box-bottom,10px)!important}

/* v12: optional freely positioned custom logo */
.ys-cinematic-glass .ys-custom-logo{position:absolute;z-index:28;left:var(--ys-logo-left,60px);bottom:var(--ys-logo-bottom,340px);width:var(--ys-logo-width,160px);max-width:none;height:auto;object-fit:contain;pointer-events:none;filter:drop-shadow(0 5px 14px rgba(0,0,0,.65))}

/* v13: movable complete thumbnail dock */
.ys-cinematic-glass .ys-dock{bottom:var(--ys-thumb-bottom,24px)!important}

/* v14: adjustable cinematic shadow around poster edges */
.ys-cinematic-glass .ys-slide::after{content:'';position:absolute;z-index:2;inset:0;pointer-events:none;box-shadow:inset 0 0 var(--ys-edge-size,120px) calc(var(--ys-edge-size,120px)/3) rgba(0,0,0,var(--ys-edge-darkness,.45))}

/* v16: restored Streamit rating and TV season metadata */
.ys-cinematic-glass .ys-meta{flex-wrap:wrap}.ys-cinematic-glass .ys-seasons{white-space:nowrap}

/* v17: movable rating style 2 in the information box */
.ys-cinematic-glass .ys-rating{position:absolute;z-index:5;right:var(--ys-rating-right,22px);bottom:var(--ys-rating-bottom,22px);display:inline-flex;align-items:baseline;gap:.14em;color:#fff;font-size:var(--ys-rating-size,28px);font-weight:800;line-height:1;white-space:nowrap;text-shadow:0 2px 10px rgba(0,0,0,.9)}.ys-cinematic-glass .ys-rating-star{align-self:center;color:#f5c518;font-family:Arial,sans-serif;font-size:1.25em;font-weight:400;line-height:.75}.ys-cinematic-glass .ys-rating strong{color:#f5c518;font-size:1em;font-weight:850}.ys-cinematic-glass .ys-rating small{color:#fff;font-size:var(--ys-rating-small-size,13px);font-weight:600}