.dm-inline-trailer{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:50!important;background:#000;overflow:hidden;border-radius:inherit;cursor:auto;color:white;isolation:isolate}.dm-inline-trailer video,.dm-inline-trailer iframe{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;border:0;background:#000}.dm-inline-trailer video::-webkit-media-controls,.dm-inline-trailer video::-webkit-media-controls-enclosure{display:none!important}.dm-inline-trailer-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:40px;color:#ddd;background:#0008;font-size:12px;text-align:center;pointer-events:none;z-index:1}.dm-inline-trailer-status[hidden],.dm-trailer-center[hidden]{display:none!important}.dm-inline-trailer .dm-trailer-control{display:grid;place-items:center;box-sizing:border-box;width:26px;height:30px;min-width:0;padding:3px;border:0;background:transparent;color:#eee;cursor:pointer;line-height:1}.dm-trailer-control svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.dm-inline-trailer .dm-inline-trailer-close{position:absolute;right:10px;top:10px;width:28px;height:28px;padding:5px;border-radius:50%;border:1px solid #ffffff45;background:#0009;z-index:5}.dm-inline-trailer .dm-inline-trailer-close svg{width:17px;height:17px}.dm-trailer-bar{position:absolute;bottom:12px;left:14px;right:14px;z-index:3;display:flex;align-items:center;gap:5px;padding:4px 6px;background:#0009;border:1px solid #ffffff29;border-radius:9px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dm-trailer-timeline{flex:1;min-width:0;padding:0 5px}.dm-trailer-times{display:flex;justify-content:space-between;gap:6px;color:#ddd;font:9px/12px Arial,sans-serif}.dm-trailer-timeline input{display:block;width:100%;height:14px;box-sizing:border-box;margin:0;padding:0;border:0;border-radius:0;outline-offset:2px;background:transparent;appearance:none;-webkit-appearance:none;cursor:pointer;touch-action:pan-x;direction:ltr}.dm-trailer-timeline input::-webkit-slider-runnable-track{height:3px;border-radius:99px;background:linear-gradient(to right,#dd0202 var(--dm-trailer-progress,0%),#ffffff50 var(--dm-trailer-progress,0%))}.dm-trailer-timeline input::-moz-range-track{height:3px;border-radius:99px;background:linear-gradient(to right,#dd0202 var(--dm-trailer-progress,0%),#ffffff50 var(--dm-trailer-progress,0%))}.dm-trailer-timeline input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:9px;height:9px;margin-top:-3px;border-radius:50%;background:#fff;border:0}.dm-trailer-timeline input::-moz-range-thumb{width:9px;height:9px;border-radius:50%;background:#fff;border:0}.dm-inline-trailer .dm-trailer-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:1px solid #ffffff70;border-radius:50%;background:#0005;z-index:2}.dm-trailer-center svg{width:23px;height:23px}.dm-inline-trailer .dm-trailer-control:focus-visible{outline:2px solid white;outline-offset:2px}.dm-inline-trailer.dm-trailer-fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;z-index:2147483000!important;border-radius:0!important}.dm-trailer-fullscreen .dm-trailer-bar{bottom:max(20px,calc(env(safe-area-inset-bottom,0px) + 10px));left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));max-width:700px;margin-inline:auto}.dm-inline-trailer.dm-trailer-fullscreen .dm-inline-trailer-close{top:max(16px,calc(env(safe-area-inset-top,0px) + 10px));right:max(16px,env(safe-area-inset-right,0px))}@media(max-width:359px){.dm-trailer-bar{left:6px;right:6px;gap:2px;padding:4px}.dm-inline-trailer .dm-trailer-control{width:23px}.dm-trailer-times{font-size:8px}}@media(min-width:768px){.dm-trailer-bar{max-width:700px;margin-inline:auto;padding:7px 10px;gap:8px}.dm-inline-trailer .dm-trailer-control{width:30px;height:32px}}

/* Hero overlays must not disable the actual trailer trigger. */
html body[data-page="series-detail"] .ds-hero>button.series-hero-play-btn.series-trailer-play[data-inline-trailer-src]{pointer-events:auto!important;z-index:30!important;cursor:pointer}
.ds-hero>img,.movie-detail-hero>img{pointer-events:none!important}
/* Trailer reference: outlined transport, glass bar, red seek track. */
.dm-inline-trailer .dm-trailer-bar{left:14px;right:14px;bottom:8px;gap:7px;padding:5px 7px;border:1px solid #ffffff40;border-radius:10px;background:linear-gradient(100deg,#171715ee,#090909ef);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 5px #0004;direction:ltr}
.dm-inline-trailer .dm-trailer-bar .dm-trailer-control{width:22px;height:26px;padding:1px;flex:0 0 22px;background:transparent;border:0;border-radius:0;color:#eee}
.dm-inline-trailer .dm-trailer-control svg{fill:none!important;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;display:block;width:22px;height:22px}
.dm-inline-trailer .dm-trailer-timeline{padding:0 4px;min-width:0;flex:1}
.dm-inline-trailer .dm-trailer-times{font:9px/12px Arial,sans-serif;color:#e5e5e5;direction:ltr}
.dm-inline-trailer .dm-trailer-timeline input{height:13px}
.dm-inline-trailer .dm-trailer-timeline input::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,#f0000c var(--dm-trailer-progress,0%),#606060 var(--dm-trailer-progress,0%))}
.dm-inline-trailer .dm-trailer-timeline input::-moz-range-track{height:3px;background:linear-gradient(to right,#f0000c var(--dm-trailer-progress,0%),#606060 var(--dm-trailer-progress,0%))}
.dm-inline-trailer .dm-trailer-timeline input::-webkit-slider-thumb{width:9px;height:9px;margin-top:-3px;background:#fff}
.dm-inline-trailer .dm-trailer-timeline input::-moz-range-thumb{width:9px;height:9px;background:#fff}
.dm-inline-trailer .dm-trailer-center{width:40px;height:40px;border:1px solid #ffffff90;background:#17171570;box-shadow:0 0 1px #fff6;padding:7px}
.dm-inline-trailer .dm-trailer-center svg{width:23px;height:23px;stroke-width:1.4}
.dm-inline-trailer .dm-inline-trailer-close{top:6px;right:6px;width:28px;height:28px;padding:6px;border:1px solid #ffffff60;background:#0009;box-shadow:0 0 3px #0006}
.dm-inline-trailer .dm-inline-trailer-close svg{width:16px;height:16px;stroke-width:1.5}
@media(max-width:359px){.dm-inline-trailer .dm-trailer-bar{left:8px;right:8px;gap:4px;padding:4px}.dm-inline-trailer .dm-trailer-bar .dm-trailer-control{width:20px;flex-basis:20px}.dm-inline-trailer .dm-trailer-times{font-size:8px}}
@media(min-width:768px){.dm-inline-trailer .dm-trailer-bar{bottom:12px;max-width:700px;padding:7px 10px;gap:10px}.dm-inline-trailer .dm-trailer-bar .dm-trailer-control{width:28px;height:30px;flex-basis:28px}.dm-inline-trailer .dm-trailer-control svg{width:25px;height:25px}.dm-inline-trailer .dm-trailer-times{font-size:12px;line-height:16px}.dm-inline-trailer .dm-trailer-center{width:54px;height:54px}.dm-inline-trailer .dm-trailer-center svg{width:30px;height:30px}.dm-inline-trailer .dm-inline-trailer-close{width:36px;height:36px;top:8px;right:8px}.dm-inline-trailer .dm-inline-trailer-close svg{width:21px;height:21px}}
.dm-inline-trailer.dm-trailer-fullscreen .dm-trailer-bar{bottom:max(20px,calc(env(safe-area-inset-bottom,0px) + 10px))}
/* Use the same SVG assets and visual weights as movie/player.html. */
.dm-inline-trailer .dm-trailer-bar .dm-trailer-control svg{stroke-width:1.5}
.dm-inline-trailer .dm-trailer-bar .dm-trailer-control svg[data-iconset="iconsax-linear"]{fill:none!important}
.dm-inline-trailer .dm-trailer-bar .dm-trailer-control svg path[fill]{stroke:none}
.dm-inline-trailer .dm-trailer-bar .dm-trailer-control svg path[fill="white"]{fill:white!important}
.dm-inline-trailer .dm-trailer-bar .dm-trailer-control svg path[fill="currentColor"]{fill:currentColor!important}
.dm-inline-trailer .dm-trailer-center{background:transparent;box-shadow:none}
.dm-inline-trailer .dm-trailer-center svg{fill:white!important;stroke:none!important}
.dm-inline-trailer .dm-trailer-center svg path,.dm-inline-trailer .dm-trailer-center svg rect{fill:white!important;stroke:none!important}
.dm-inline-trailer .dm-trailer-bar .dm-trailer-control svg[stroke-width="1.75"]{stroke-width:1.75}
/* Hide site chrome, including high-z-index PWA headers, only during trailer fullscreen. */
html.dm-trailer-is-fullscreen body>:not(.dm-inline-trailer){display:none!important}
html.dm-trailer-is-fullscreen body>.dm-inline-trailer.dm-trailer-fullscreen{display:block!important;z-index:2147483647!important}
html.dm-trailer-is-fullscreen,html.dm-trailer-is-fullscreen body{overflow:hidden!important}

/* Keep the center control independent of global tap transforms. */
html body .dm-inline-trailer .dm-trailer-center{inset:0!important;margin:auto!important;transform:none!important;translate:none!important;scale:none!important;animation:none!important;transition:none!important}
.dm-inline-trailer .dm-inline-trailer-rotate{position:absolute;right:6px;top:40px;width:28px;height:28px;padding:5px;border:1px solid #ffffff60;border-radius:50%;background:#0009;z-index:5}
.dm-inline-trailer.dm-trailer-fullscreen .dm-inline-trailer-rotate{right:max(16px,env(safe-area-inset-right,0px));top:max(60px,calc(env(safe-area-inset-top,0px) + 54px))}
@media(min-width:768px){.dm-inline-trailer .dm-inline-trailer-rotate{width:36px;height:36px;right:8px;top:50px}}
html body>.dm-inline-trailer.dm-trailer-fullscreen.dm-trailer-rotated{inset:auto!important;left:50%!important;top:50%!important;width:var(--trailer-rotated-width)!important;height:var(--trailer-rotated-height)!important;transform:translate(-50%,-50%) rotate(90deg)!important}

/* Rotation is available only while the trailer is fullscreen. */
.dm-inline-trailer:not(.dm-trailer-fullscreen) .dm-inline-trailer-rotate{display:none!important}
.dm-inline-trailer.dm-trailer-fullscreen .dm-inline-trailer-rotate{display:grid!important}

/* Keep the rotation glyph within its circular hit area on iOS. */
html body .dm-inline-trailer .dm-inline-trailer-rotate{box-sizing:border-box!important;padding:0!important;place-items:center!important;line-height:0!important;overflow:hidden}
html body .dm-inline-trailer .dm-inline-trailer-rotate>svg{display:block!important;position:static!important;inset:auto!important;width:18px!important;height:18px!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;transform:none!important;translate:none!important;flex:none!important}