/* mod_hls_player 3.4 - every colour, radius, shadow, blur and timing comes from the site's design tokens
   (:root / html[data-theme="dark"]): --primary(-hover/-soft/-light), --surface(-alt/-glass), --text(-muted), --border,
   --link, --radius(-sm), --shadow(-lg), --glass-blur, --font-body, --t(-fast), --ease-out. The fallbacks only matter
   when the module is used on a site that does not define them. Light and dark follow the page automatically. */
.mod-hls-player{
	--hlsp-accent:var(--primary,#634c9f);
	--hlsp-accent-hover:var(--primary-hover,#4d397f);
	--hlsp-wide-max:var(--container-width,1280px);
	--hlsp-ease:var(--ease-out,cubic-bezier(.22,1,.36,1));
	--hlsp-t:var(--t,.28s);
	--hlsp-t-fast:var(--t-fast,.16s);

	/* Plyr's own variables -> site tokens */
	--plyr-color-main:var(--hlsp-accent);
	--plyr-video-control-background-hover:var(--hlsp-accent);
	--plyr-control-radius:var(--radius-sm,.55rem);
	--plyr-menu-radius:var(--radius,.85rem);
	--plyr-font-family:var(--font-body,inherit);
	--plyr-menu-background:var(--surface-glass,rgb(255 255 255 / .72));
	--plyr-menu-color:var(--text,#273142);
	--plyr-menu-arrow-color:var(--text-muted,#667085);
	--plyr-menu-border-shadow-color:var(--border,#e2e8f0);
	--plyr-menu-shadow:var(--shadow-lg,0 14px 36px rgb(15 23 42 / .16));
	--plyr-tooltip-background:var(--surface,#fff);
	--plyr-tooltip-color:var(--text,#273142);
	--plyr-tooltip-shadow:var(--shadow,0 4px 18px rgb(15 23 42 / .07));
	--plyr-badge-background:var(--hlsp-accent);
	--plyr-badge-text-color:#fff;

	position:relative;width:100%;max-width:var(--hlsp-max,none);margin-inline:auto;
	font-family:var(--font-body,inherit);color:var(--text,#273142)
}

/* frosted menus, like the site's glass surfaces */
.mod-hls-player .plyr__menu__container{-webkit-backdrop-filter:blur(var(--glass-blur,14px));backdrop-filter:blur(var(--glass-blur,14px));border:1px solid var(--border,#e2e8f0)}
/* .mod-hls-player .plyr__menu__container .plyr__control--back::after{border-color:var(--border,#e2e8f0)} */
.mod-hls-player .plyr--video .plyr__control:active,
.mod-hls-player .plyr--video .plyr__control[aria-expanded=true]{background:var(--hlsp-accent-hover)}
.mod-hls-player .plyr--video .plyr__control:hover{background:var(--hlsp-accent)}

/* ---- Wide mode: breaks out of its column, centred on it, up to --hlsp-wide-max ---- */
.mod-hls-player.hlsp-wide{
	--hlsp-w:min(var(--hlsp-wide-max),calc(100vw - 2rem));
	width:var(--hlsp-w);max-width:none;margin-inline:calc(50% - var(--hlsp-w) / 2)
}

/* ---- Player frame ---- */
.hlsp-frame{position:relative;width:100%;height:0;padding-bottom:var(--hlsp-ratio,56.25%);background:#000;overflow:hidden;border-radius:var(--radius,.85rem);box-shadow:var(--shadow-lg,0 14px 36px rgb(15 23 42 / .16))}
.hlsp-frame .plyr{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit}
.hlsp-frame .plyr__video-wrapper{height:100%}
.hlsp-frame video{width:100%;height:100%;object-fit:contain;background:#000}
.hlsp-frame>video{position:absolute;inset:0}
.hlsp-error{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:1rem;text-align:center;color:#fff;background:rgb(0 0 0 / .78);font-size:.95rem}
.hlsp-error[hidden]{display:none}
.mod-hls-player .plyr__menu__container [role=menu]{max-height:min(260px,60vh);overflow-y:auto}
.mod-hls-player .plyr--video .plyr__control[aria-expanded=true],
.mod-hls-player .plyr--video .plyr__control:hover{background:var(--hlsp-accent)}

/* Volume slider: shown whenever the controls bar has room for it (the script measures the player and
   toggles .hlsp-vol-off). Phones/tablets (class from the user agent, NOT from pointer media queries -
   touch-screen PCs report "coarse") never show it; the mute button lives in the same box and stays. */
.mod-hls-player:not(.hlsp-vol-off):not(.hlsp-mobile) .plyr__volume input[type=range]{display:block;width:90px;min-width:60px;max-width:90px}
.mod-hls-player.hlsp-vol-off .plyr__volume input[type=range],
.mod-hls-player.hlsp-mobile .plyr__volume input[type=range]{display:none}

/* Plyr's CSS fullscreen fallback (iPhone has no Fullscreen API for non-video elements):
   undo the absolute positioning above, it would otherwise win on specificity. */
.hlsp-frame .plyr.plyr--fullscreen-fallback{position:fixed;inset:0;width:100%;height:100%;z-index:2147483000;border-radius:0}

/* ---- Middle of the picture: [back] [play / pause] [forward] ----
   visible while paused, and with the controls while playing (so touch users see what they can press) */
.hlsp-mid{
	--u:var(--hlsp-ui,1);
	position:absolute;top:50%;left:50%;z-index:3;display:flex;align-items:center;gap:calc(26px * var(--u));
	transform:translate(-50%,-50%) scale(.9);opacity:0;visibility:hidden;pointer-events:none;
	transition:opacity var(--hlsp-t) var(--hlsp-ease),transform var(--hlsp-t) var(--hlsp-ease),visibility var(--hlsp-t)
}
.hlsp-mid button{pointer-events:auto}
.mod-hls-player .hlsp-center,.mod-hls-player .hlsp-skip{
	position:relative;display:grid;place-items:center;flex:none;padding:0;border:0;border-radius:50%;cursor:pointer;color:#fff;
	-webkit-tap-highlight-color:transparent;transition:transform var(--hlsp-t-fast) var(--hlsp-ease),background-color var(--hlsp-t-fast) var(--hlsp-ease)
}
.mod-hls-player .hlsp-center{width:calc(68px * var(--u));height:calc(68px * var(--u));background:var(--hlsp-accent);box-shadow:0 6px 24px rgb(0 0 0 / .35)}
.mod-hls-player .hlsp-skip{width:calc(48px * var(--u));height:calc(48px * var(--u));background:rgb(0 0 0 / .5);box-shadow:0 3px 14px rgb(0 0 0 / .3)}
.hlsp-center svg{width:calc(30px * var(--u));height:calc(30px * var(--u));fill:currentColor}
.hlsp-skip svg{width:calc(30px * var(--u));height:calc(30px * var(--u));fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hlsp-skip b{position:absolute;inset:0;display:grid;place-items:center;padding-top:calc(1px * var(--u));font-size:calc(10.5px * var(--u));font-weight:700;line-height:1;pointer-events:none}
.hlsp-center span{display:grid;place-items:center;line-height:0}
.hlsp-center svg,.hlsp-skip svg{display:block}
.hlsp-center .i-pause{display:none}
.plyr--paused .hlsp-mid,.plyr--stopped .hlsp-mid{opacity:1;visibility:visible;transform:translate(-50%,-50%)}
.plyr--playing:not(.plyr--hide-controls) .hlsp-mid{opacity:.95;visibility:visible;transform:translate(-50%,-50%)}
.plyr--playing .hlsp-center .i-play{display:none}
.plyr--playing .hlsp-center .i-pause{display:grid}
.plyr--loading .hlsp-mid{opacity:0;visibility:hidden}
.hlsp-center:hover,.hlsp-skip:hover{transform:scale(1.07)}
.mod-hls-player .hlsp-center:hover{background:var(--hlsp-accent-hover)}
.hlsp-skip:hover{background:rgb(0 0 0 / .72)}
.hlsp-center:active,.hlsp-skip:active{transform:scale(.94)}
.hlsp-center:focus-visible,.hlsp-skip:focus-visible,.hlsp-modes-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* buffering / seeking */
.hlsp-spinner{position:absolute;top:50%;left:50%;z-index:3;width:46px;height:46px;margin:-23px 0 0 -23px;border:4px solid rgb(255 255 255 / .28);border-top-color:#fff;border-radius:50%;opacity:0;visibility:hidden;pointer-events:none;animation:hlsp-spin .8s linear infinite}
.plyr--loading .hlsp-spinner{opacity:1;visibility:visible}
@keyframes hlsp-spin{to{transform:rotate(360deg)}}

/* keyboard users get a focus ring; mouse clicks on the picture do not */
.mod-hls-player .plyr:focus{outline:0}
.mod-hls-player .plyr:focus-visible{outline:2px solid var(--hlsp-accent);outline-offset:-2px}

/* touch screens: bigger targets, notch-safe controls in fullscreen */
/* phones / tablets: a slim control bar (Plyr derives paddings and margins from --plyr-control-spacing) */
.mod-hls-player.hlsp-mobile{--plyr-control-spacing:6px;--plyr-control-icon-size:16px;--plyr-range-thumb-height:12px;--plyr-range-track-height:4px;--plyr-font-size-time:12px}
.hlsp-mobile .plyr--video .plyr__controls{padding-top:calc(2 * var(--plyr-control-spacing))}
.hlsp-mobile .plyr__time{font-size:12px}
.hlsp-mobile .plyr__control--overlaid{display:none}
.plyr--fullscreen-active .plyr__controls,.plyr--fullscreen-fallback .plyr__controls{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));padding-bottom:max(6px,env(safe-area-inset-bottom))}

/* "continue where you stopped" */
.hlsp-resume{position:absolute;left:12px;bottom:68px;z-index:6;display:flex;align-items:center;gap:.75rem;padding:.45rem .5rem .45rem .9rem;border-radius:999px;background:rgb(0 0 0 / .72);color:#fff;font-size:.85rem;animation:hlsp-pop .2s ease-out}
.hlsp-resume button{padding:.3rem .8rem;border:0;border-radius:999px;background:var(--hlsp-accent);color:#fff;font:inherit;font-weight:600;cursor:pointer;transition:background-color var(--hlsp-t-fast) var(--hlsp-ease)}
.hlsp-resume button:hover{background:var(--hlsp-accent-hover)}

/* ---- Combined display-mode button (picture-in-picture / wide / fullscreen) ---- */
.hlsp-modes-btn svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hlsp-modes{
	position:absolute;right:10px;bottom:58px;z-index:7;min-width:200px;padding:6px;border-radius:var(--radius-sm,.55rem);
	background:var(--plyr-menu-background);color:var(--plyr-menu-color);border:1px solid var(--border,#e2e8f0);box-shadow:var(--plyr-menu-shadow);
	-webkit-backdrop-filter:blur(var(--glass-blur,14px));backdrop-filter:blur(var(--glass-blur,14px));
	font-size:.9rem;transform-origin:bottom right;animation:hlsp-pop .14s ease-out
}
.hlsp-modes[hidden]{display:none}
.hlsp-modes button{display:flex;align-items:center;gap:.7rem;width:100%;padding:.55rem .75rem;border:0;border-radius:calc(var(--radius-sm,.55rem) - 2px);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.hlsp-modes button:hover,.hlsp-modes button:focus-visible{background:var(--hlsp-accent);color:#fff;outline:0}
.hlsp-modes button:active{background:var(--hlsp-accent-hover)}
.hlsp-modes svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hlsp-modes button[aria-pressed=true] .hlsp-modes__mark{opacity:1}
.hlsp-modes__mark{margin-left:auto;opacity:0;font-weight:700}
.plyr--hide-controls .hlsp-modes{display:none}
.plyr--fullscreen-active .hlsp-modes [data-act=wide],.plyr--fullscreen-fallback .hlsp-modes [data-act=wide]{display:none}
@keyframes hlsp-pop{from{opacity:0;transform:scale(.94)}}

/* ---- Touch gestures: HUD, brightness overlay ---- */
.hlsp-gestures .plyr__video-wrapper{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.hlsp-dim{position:absolute;inset:0;z-index:2;pointer-events:none;background:rgb(0 0 0 / 0)}
.hlsp-hud{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}
.hlsp-hud__seek{position:absolute;top:0;bottom:0;width:36%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;color:#fff;font-weight:700;font-size:.95rem;text-shadow:0 1px 6px rgb(0 0 0 / .6);background:rgb(255 255 255 / .16);opacity:0}
.hlsp-hud__seek--l{left:0;border-radius:0 100% 100% 0 / 0 50% 50% 0}
.hlsp-hud__seek--r{right:0;border-radius:100% 0 0 100% / 50% 0 0 50%}
.hlsp-hud__seek svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hlsp-hud__seek.is-on{animation:hlsp-seek .75s ease-out}
@keyframes hlsp-seek{0%{opacity:0}15%{opacity:1}75%{opacity:1}100%{opacity:0}}
.hlsp-hud__meter{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:.7rem .6rem;border-radius:999px;background:rgb(0 0 0 / .58);color:#fff;font-size:.78rem;font-weight:700;opacity:0;transition:opacity .15s}
.hlsp-hud__meter--l{left:.8rem}.hlsp-hud__meter--r{right:.8rem}
.hlsp-hud__meter.is-on{opacity:1}
.hlsp-hud__meter svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hlsp-hud__bar{position:relative;width:5px;height:84px;border-radius:3px;background:rgb(255 255 255 / .3);overflow:hidden}
.hlsp-hud__bar i{position:absolute;left:0;right:0;bottom:0;height:var(--v,50%);background:#fff}
.hlsp-hud__speed{position:absolute;top:.8rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:.35rem;padding:.3rem .85rem;border-radius:999px;background:rgb(0 0 0 / .62);color:#fff;font-weight:700;opacity:0;transition:opacity .12s}
.hlsp-hud__speed.is-on{opacity:1}
.hlsp-hud__speed svg{width:18px;height:18px;fill:currentColor}
.hlsp-hud__toast{position:absolute;top:.8rem;left:50%;transform:translateX(-50%);padding:.3rem .9rem;border-radius:999px;background:rgb(0 0 0 / .62);color:#fff;font-size:.9rem;font-weight:600;white-space:nowrap;opacity:0;transition:opacity .12s}
.hlsp-hud__toast.is-on{opacity:1}

/* ---- Subtitle style for SRT / VTT (and the master's WebVTT): big, no box, outlined ---- */
.mod-hls-player .plyr .plyr__captions,
.mod-hls-player .plyr.plyr--fullscreen-active .plyr__captions,
.mod-hls-player .plyr.plyr--fullscreen-fallback .plyr__captions{font-family:var(--hlsp-cap-font,inherit);font-size:var(--hlsp-cap-px,22px);font-weight:600}
.mod-hls-player .plyr:fullscreen .plyr__captions{font-size:var(--hlsp-cap-px,22px)}
.mod-hls-player .plyr__captions .plyr__caption{background:none;padding:0;border-radius:0;line-height:1.4;color:var(--hlsp-cap-color,#fff);text-shadow:var(--hlsp-cap-shadow,0 0 3px #000)}

/* ---- Intro overlay (plays before the main stream) ---- */
.hlsp-intro{position:absolute;inset:0;z-index:6;cursor:pointer;color:#fff;background:linear-gradient(transparent 60%,rgb(0 0 0 / .45))}
.hlsp-intro__big{position:absolute;top:50%;left:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--hlsp-accent);box-shadow:0 6px 24px rgb(0 0 0 / .35);cursor:pointer}
.hlsp-intro__big svg{width:30px;height:30px;fill:currentColor}
.hlsp-intro.is-playing .hlsp-intro__big{display:none}
.hlsp-intro__badge{position:absolute;top:.75rem;left:.75rem;padding:.2rem .7rem;border-radius:999px;font-size:.78rem;font-weight:700;background:rgb(0 0 0 / .55)}
.hlsp-intro__skip{position:absolute;right:.75rem;bottom:1rem;padding:.5rem 1rem;border:1px solid rgb(255 255 255 / .6);border-radius:var(--radius-sm,.55rem);color:#fff;font:inherit;font-size:.9rem;font-weight:600;background:rgb(0 0 0 / .6);cursor:pointer}
.hlsp-intro__skip[disabled]{opacity:.7;cursor:default}
.hlsp-intro__skip:not([disabled]):hover{background:var(--hlsp-accent-hover);border-color:transparent}
.hlsp-intro__bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgb(255 255 255 / .25)}
.hlsp-intro__bar i{display:block;height:100%;width:var(--p,0%);background:var(--hlsp-accent)}

/* ---- Neutralise the theme's card frame around the module (border / radius / background / shadow / padding) ---- */
.module-card.hlsp-card-reset,.component-card.hlsp-card-reset,
.module-card:has(.mod-hls-player[data-reset-card]),.component-card:has(.mod-hls-player[data-reset-card]){
	border:0;border-radius:0;background:none;box-shadow:none
}
.component-card.hlsp-card-reset,.component-card:has(.mod-hls-player[data-reset-card]){padding:0}

/* ASS canvas must never swallow clicks meant for the player */
.libassjs-canvas-parent,.libassjs-canvas-parent canvas{pointer-events:none}

/* ---- Info card ---- */
.hlsp-info{
	--hlsp-poster-w:180px;
	display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"poster" "body";
	gap:1rem 1.5rem;margin-top:1rem;padding:1rem;
	background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:var(--radius,.85rem);box-shadow:var(--shadow,0 4px 18px rgb(15 23 42 / .07))
}
.hlsp-info:not(.has-poster){grid-template-areas:"body"}

.hlsp-info__poster{grid-area:poster;width:min(100%,var(--hlsp-poster-w));margin:0 auto;align-self:start}
.hlsp-info__poster img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:var(--radius-sm,.55rem);background:var(--surface-alt,#f8fafc);box-shadow:var(--shadow,0 4px 18px rgb(15 23 42 / .07))}

.hlsp-info__body{grid-area:body;min-width:0;display:flex;flex-direction:column;gap:.6rem}
.hlsp-info__eyebrow{margin:0;font-size:.78rem;font-weight:600;letter-spacing:.02em;color:var(--link,var(--primary,#634c9f))}
.hlsp-info__title{margin:0;font-size:clamp(1.2rem,1rem + 1vw,1.75rem);line-height:1.25;font-weight:700;color:var(--text,#273142);overflow-wrap:anywhere;text-wrap:balance}
.hlsp-info__orig{margin:-.2rem 0 0;font-size:.9rem;color:var(--text-muted,#667085);overflow-wrap:anywhere}

.hlsp-chips,.hlsp-pills{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none}
.hlsp-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .6rem;border-radius:999px;font-size:.78rem;line-height:1.5;white-space:nowrap;
	background:var(--surface-alt,#f8fafc);color:var(--text-muted,#667085);border:1px solid var(--border,#e2e8f0)}
.hlsp-chip--score{background:rgb(var(--primary-rgb,99 76 159) / .12);color:var(--link,var(--primary,#634c9f));border-color:transparent;font-weight:700}
.hlsp-chip--rating{background:transparent;color:var(--text,#273142);border-color:currentColor;font-weight:600;border-radius:.35rem}
.hlsp-chip--hd{background:var(--hlsp-accent);color:#fff;border-color:transparent;font-weight:700}
.hlsp-pill{padding:.2rem .7rem;border-radius:999px;font-size:.8rem;background:var(--primary-soft,#eeeaf7);color:var(--link,var(--primary,#634c9f))}

.hlsp-info__desc{margin:0;font-size:.95rem;line-height:1.7;color:var(--text,#273142);white-space:pre-line;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}
.hlsp-info__desc.is-open{display:block;-webkit-line-clamp:unset;line-clamp:unset}
.hlsp-more{align-self:flex-start;margin:0;padding:.1rem 0;border:0;background:none;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;color:var(--link,var(--primary,#634c9f))}
.hlsp-more:hover{text-decoration:underline}
.hlsp-more:focus-visible{outline:2px solid var(--hlsp-accent);outline-offset:2px;border-radius:.25rem}

.hlsp-facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.4rem .9rem;margin:.2rem 0 0;padding-top:.8rem;border-top:1px solid var(--border,#e2e8f0);font-size:.85rem}
.hlsp-facts dt{color:var(--text-muted,#667085);white-space:nowrap}
.hlsp-facts dd{margin:0;color:var(--text,#273142);overflow-wrap:anywhere}

@media (min-width:680px){
	.hlsp-info{--hlsp-poster-w:170px;gap:1.25rem 1.75rem;padding:1.25rem 1.5rem}
	.hlsp-info.has-poster{grid-template-columns:var(--hlsp-poster-w) minmax(0,1fr);grid-template-areas:"poster body"}
	.hlsp-info__poster{width:100%;margin:0}
	.hlsp-info__desc{-webkit-line-clamp:5;line-clamp:5}
}
@media (min-width:900px){
	.hlsp-info{--hlsp-poster-w:200px;gap:1.5rem 2rem;padding:1.5rem 1.75rem}
	.hlsp-info__desc{font-size:1rem}
}
@media (min-width:1100px){
	.hlsp-info{--hlsp-poster-w:230px;padding:1.6rem 1.9rem}
	.hlsp-info__poster{position:sticky;top:1rem}
	.hlsp-facts{grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);gap:.5rem 1.25rem}
}
@media (min-width:1280px){
	.hlsp-info{--hlsp-poster-w:250px}
}

/* ---- Skeleton while mediainfo.json loads ---- */
.hlsp-info--loading{gap:.7rem}
.hlsp-sk{display:block;height:.9rem;border-radius:.4rem;background:linear-gradient(90deg,var(--surface-alt,#f1f5f9) 25%,var(--border,#e2e8f0) 50%,var(--surface-alt,#f1f5f9) 75%);background-size:200% 100%;animation:hlsp-shimmer 1.4s linear infinite}
.hlsp-sk--title{height:1.5rem;width:55%}
.hlsp-sk--chips{width:70%}
.hlsp-sk--short{width:40%}
@keyframes hlsp-shimmer{to{background-position:-200% 0}}

@media (prefers-reduced-motion:reduce){.hlsp-sk{animation:none}}
.hlsp-chips[hidden]{display:none}
@media (prefers-reduced-motion:reduce){.hlsp-mid,.hlsp-modes,.hlsp-hud__seek.is-on,.hlsp-resume{transition:none;animation:none}.hlsp-spinner{animation-duration:2s}}

/* ---- a single tap on a touch screen switches the whole control UI off / on ---- */
.mod-hls-player.hlsp-ui-off .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}
.mod-hls-player.hlsp-ui-off .hlsp-mid{opacity:0;visibility:hidden;pointer-events:none}
.mod-hls-player.hlsp-ui-off .plyr .plyr__controls~.plyr__captions{transform:none}
.mod-hls-player.hlsp-ui-off .hlsp-modes,.mod-hls-player.hlsp-ui-off .hlsp-resume{display:none}