/* Keep the provider player beside the poster link, never inside a link. */
.streamers__media-shell{position:relative;min-width:0;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000;isolation:isolate}
.streamers__media-shell>.streamers__media{width:100%!important;height:100%!important;aspect-ratio:auto!important}
.streamers__slide:not([data-position=active]) .streamers__media-shell{aspect-ratio:calc(16/9/.73)}
.streamers[data-mode=live] .streamers__slide[data-position=active] .streamers__media-shell{min-height:236px}
.streamers[data-mode=highlights] .streamers__media-shell{flex:1;min-height:0;aspect-ratio:auto}
.streamers__inline-player{position:absolute;inset:0;z-index:3;pointer-events:none}
.streamers__media-shell[data-playback=pinned] .streamers__inline-player{display:grid;grid-template-rows:36px minmax(0,1fr)}
.streamers__player-toolbar{display:flex;align-items:center;justify-content:flex-end;padding:2px 6px;background:#0c0c0e;pointer-events:auto}
.streamers__inline-frame{display:block;width:100%;height:100%;border:0;background:#000;pointer-events:auto}
.streamers__media-shell[data-playback]>.streamers__media{visibility:hidden}
.streamers__media-shell[data-playback=preview] .streamers__inline-frame{pointer-events:none}
.streamers__preview-start{position:absolute;inset:0;z-index:4;width:100%;height:100%;border:0;background:transparent;color:#fff;cursor:pointer;pointer-events:auto}
.streamers__preview-start>span{position:absolute;left:12px;bottom:12px;padding:6px 10px;border-radius:3px;background:#121212db;font-size:12px;line-height:1.4;pointer-events:none}
.streamers__player-close{position:static;z-index:5;min-width:32px;min-height:30px;padding:4px 8px;border:1px solid #ffffff60;border-radius:3px;background:#151515e8;color:#fff;font:600 13px/1.3 Arial,sans-serif}
.streamers__player-close:hover{background:#393939}
@media(max-width:1000px) and (min-width:761px){.streamers__slide:not([data-position=active]) .streamers__media-shell{aspect-ratio:calc(16/9/.7)}}
@media(max-width:760px){.streamers__media-shell,.streamers[data-mode=highlights] .streamers__media-shell,.streamers__slide:not([data-position=active]) .streamers__media-shell{flex:none;aspect-ratio:16/9;min-height:236px}.streamers[data-mode=live] .streamers__stage{min-height:480px}}
