eb-player 2.5.1 → 2.5.3

package/dist/build/eb-player.css

@@ -1,3367 +1 @@
-/**
- * eb-player base CSS
- *
- * CSS custom property defaults are provided as fallbacks in var() calls
- * rather than declared on .eb-player. This allows lifecycle.ts to set
- * overrides on the parent container element and have them inherit into
- * .eb-player without being blocked by a competing declaration.
- *
- * Theme overrides use the .eb-player[data-theme="..."] selector pattern (see theme-*.css).
- * Runtime overrides use style.setProperty() via PlayerController.mount() for backward
- * compatibility with the primaryColor / skinColors consumer API.
- *
- * CSS scoping: The .eb-player prefix ensures no style bleed between two co-hosted instances.
- */
-
-.eb-player {
-  /* Base styles — all var() calls include hardcoded fallbacks */
-  position: relative;
-  overflow: hidden;
-  font-family: var(--eb-font-family, Arial, sans-serif);
-  font-size: var(--eb-font-size-base, 14px);
-  color: var(--eb-color-text, #ffffff);
-  box-sizing: border-box;
-}
-
-/* Ensure all descendants use border-box sizing */
-.eb-player *,
-.eb-player *::before,
-.eb-player *::after {
-  box-sizing: inherit;
-}
-
-/* BEM block scaffold */
-.eb-player__container {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  background-color: var(--eb-color-background, rgba(0, 0, 0, 0.8));
-}
-
-.eb-player__video {
-  display: block;
-  width: 100%;
-  height: 100%;
-  object-fit: contain;
-}
-
-/**
- * Forja theme
- *
- * Applied when [data-theme="forja"].
- * Black background, red accent, flat transport buttons,
- * two-row bottom bar: seekbar + live label on row 1,
- * play-pause + volume on the left / settings + pip + fullscreen on the right on row 2.
- */
-
-/* ============================================================
-   Root vars & container
-   ============================================================ */
-[data-theme="forja"] {
-  --eb-color-primary: #FC013B;
-  --eb-color-progress: #FC013B;
-  --eb-accent: #FC013B;
-}
-
-[data-theme="forja"] .eb-player {
-  --eb-color-background: #000;
-  --eb-color-text: #fff;
-  --eb-font-size-base: 14px;
-  font-family: Arial, sans-serif;
-  color: #fff;
-}
-
-/* ============================================================
-   Top bar: hidden (no top-bar items in forja layout)
-   ============================================================ */
-[data-theme="forja"] .eb-player .eb-top-bar {
-  display: none;
-}
-
-/* ============================================================
-   Bottom bar gradient
-   ============================================================ */
-[data-theme="forja"] .eb-player .eb-bottom-bar__gradient {
-  height: 100px;
-  background: linear-gradient(to top, rgba(0,0,0,.85), transparent);
-}
-
-/* ============================================================
-   Bottom bar: two-row layout
-   Row 1: seekbar (flex:1) | live-sync label (right)
-   Row 2: play-pause + volume (left) | settings + pip + fullscreen (right)
-   ============================================================ */
-[data-theme="forja"] .eb-player .eb-bottom-bar__controls-row {
-  flex-wrap: wrap;
-  align-items: center;
-  padding: 0 12px 10px;
-  gap: 6px;
-  row-gap: 4px;
-}
-
-/* Row 1: seekbar spans full width */
-[data-theme="forja"] .eb-player .eb-bottom-bar__seekbar-zone {
-  order: -1;
-  flex: 1;
-  min-width: 0;
-}
-
-/* Invisible flex break between row 1 and row 2 */
-[data-theme="forja"] .eb-player .eb-bottom-bar__controls-row::after {
-  content: '';
-  width: 100%;
-  height: 0;
-  order: 0;
-  flex-shrink: 0;
-}
-
-/* Row 2: play-pause + volume on the left */
-[data-theme="forja"] .eb-player .eb-slot-play-pause,
-[data-theme="forja"] .eb-player .eb-slot-volume {
-  order: 1;
-}
-
-/* Row 2: live-sync pushed to the right */
-[data-theme="forja"] .eb-player .eb-slot-live-sync {
-  order: 1;
-  margin-inline-start: auto;
-}
-
-[data-theme="forja"] .eb-player .eb-slot-settings,
-[data-theme="forja"] .eb-player .eb-slot-pip,
-[data-theme="forja"] .eb-player .eb-slot-fullscreen {
-  order: 1;
-}
-
-/* ============================================================
-   Controls visibility transitions
-   ============================================================ */
-[data-theme="forja"] .eb-player.eb-controls-visible .eb-bottom-bar,
-[data-theme="forja"] .eb-player.eb-controls-visible .eb-middle-bar {
-  opacity: 1;
-  transition: opacity .25s;
-}
-
-[data-theme="forja"] .eb-player.eb-controls-hidden .eb-bottom-bar,
-[data-theme="forja"] .eb-player.eb-controls-hidden .eb-middle-bar {
-  opacity: 0;
-  transition: opacity .25s;
-}
-
-/* ============================================================
-   Middle bar: flat grey transport (no circles)
-   ============================================================ */
-[data-theme="forja"] .eb-player .eb-middle-bar {
-  gap: 24px;
-}
-
-[data-theme="forja"] .eb-player .eb-middle-bar__play-btn {
-  width: 72px;
-  height: 72px;
-  border-radius: 0;
-  background: transparent;
-  border: none;
-  color: rgba(255,255,255,.7);
-  padding: 0;
-  transition: color .15s, transform .15s;
-}
-
-[data-theme="forja"] .eb-player .eb-middle-bar__play-btn:hover {
-  color: rgba(255,255,255,.95);
-}
-
-[data-theme="forja"] .eb-player .eb-middle-bar__play-btn:active {
-  transform: scale(.9);
-}
-
-[data-theme="forja"] .eb-player .eb-middle-bar__play-btn .eb-icon {
-  width: 52px;
-  height: 52px;
-  fill: currentColor;
-  stroke: none;
-}
-
-[data-theme="forja"] .eb-player .eb-middle-bar__seek-btn {
-  width: 52px;
-  height: 52px;
-  border-radius: 0;
-  background: transparent;
-  border: none;
-  color: rgba(255,255,255,.65);
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 1px;
-  padding: 0;
-  transition: color .15s, transform .15s;
-}
-
-[data-theme="forja"] .eb-player .eb-middle-bar__seek-btn:hover {
-  color: rgba(255,255,255,.9);
-}
-
-[data-theme="forja"] .eb-player .eb-middle-bar__seek-btn:active {
-  transform: scale(.9);
-}
-
-[data-theme="forja"] .eb-player .eb-seek-circle {
-  width: 28px;
-  height: 28px;
-  fill: currentColor;
-  stroke: none;
-}
-
-[data-theme="forja"] .eb-player .eb-seek-label {
-  font-size: .7em;
-  font-weight: 700;
-  line-height: 1;
-}
-
-/* ============================================================
-   Bottom-bar control buttons: flat icon style
-   ============================================================ */
-[data-theme="forja"] .eb-player .eb-play-pause,
-[data-theme="forja"] .eb-player .eb-fullscreen,
-[data-theme="forja"] .eb-player .eb-pip,
-[data-theme="forja"] .eb-player .eb-settings-btn,
-[data-theme="forja"] .eb-player .eb-volume-mute {
-  color: rgba(255,255,255,.88);
-  background: transparent;
-  border: none;
-  border-radius: 2px;
-  width: 36px;
-  height: 36px;
-  transition: color .15s;
-  flex-shrink: 0;
-}
-
-[data-theme="forja"] .eb-player .eb-play-pause:hover,
-[data-theme="forja"] .eb-player .eb-fullscreen:hover,
-[data-theme="forja"] .eb-player .eb-pip:hover,
-[data-theme="forja"] .eb-player .eb-settings-btn:hover,
-[data-theme="forja"] .eb-player .eb-volume-mute:hover {
-  color: #fff;
-}
-
-[data-theme="forja"] .eb-player .eb-play-pause .eb-icon,
-[data-theme="forja"] .eb-player .eb-fullscreen .eb-icon,
-[data-theme="forja"] .eb-player .eb-pip .eb-icon,
-[data-theme="forja"] .eb-player .eb-settings-btn .eb-icon,
-[data-theme="forja"] .eb-player .eb-volume-mute .eb-icon {
-  width: 22px;
-  height: 22px;
-}
-
-[data-theme="forja"] .eb-player .eb-play-pause .eb-icon {
-  fill: currentColor;
-  stroke: none;
-}
-
-/* ============================================================
-   Seekbar: thin red track
-   ============================================================ */
-[data-theme="forja"] .eb-player .eb-seekbar-track {
-  height: 3px;
-  background: rgba(255,255,255,.25);
-  border-radius: 0;
-  transition: height .15s;
-}
-
-[data-theme="forja"] .eb-player .eb-seekbar:hover .eb-seekbar-track {
-  height: 5px;
-}
-
-[data-theme="forja"] .eb-player .eb-seekbar-buffered {
-  background: rgba(255,255,255,.3);
-  border-radius: 0;
-}
-
-[data-theme="forja"] .eb-player .eb-seekbar-progress {
-  background: var(--eb-color-progress, var(--eb-color-primary, #FC013B));
-  border-radius: 0;
-}
-
-[data-theme="forja"] .eb-player .eb-seekbar-thumb {
-  width: 12px;
-  height: 12px;
-  inset-inline-end: -6px;
-  background: #FC013B;
-  box-shadow: none;
-  border-radius: 50%;
-}
-
-/* ============================================================
-   Volume: always-visible inline slider
-   ============================================================ */
-[data-theme="forja"] .eb-player .eb-volume-control {
-  flex-direction: row;
-  gap: 0;
-}
-
-[data-theme="forja"] .eb-player .eb-volume-track {
-  width: 72px;
-  height: 3px;
-  background: rgba(255,255,255,.25);
-  border-radius: 0;
-  overflow: visible;
-  margin: 0 4px 0 2px;
-  transition: height .15s;
-}
-
-[data-theme="forja"] .eb-player .eb-volume-control:hover .eb-volume-track {
-  height: 4px;
-}
-
-[data-theme="forja"] .eb-player .eb-volume-fill {
-  background: #FC013B;
-  border-radius: 0;
-}
-
-[data-theme="forja"] .eb-player .eb-volume-thumb {
-  width: 11px;
-  height: 11px;
-  background: #fff;
-  box-shadow: none;
-  transform: translate(var(--eb-volume-thumb-x, -50%), -50%) scale(0);
-  transition: transform .15s;
-}
-
-[data-theme="forja"] .eb-player .eb-volume-control:hover .eb-volume-thumb {
-  transform: translate(var(--eb-volume-thumb-x, -50%), -50%) scale(1);
-}
-
-/* ============================================================
-   Live-sync: red LIVE badge
-   ============================================================ */
-[data-theme="forja"] .eb-player .eb-live-sync {
-  background: #FC013B;
-  color: #fff;
-  width: auto;
-  height: auto;
-  padding: 4px 8px;
-  font-size: 12px;
-  font-weight: 700;
-  letter-spacing: 0.04em;
-  text-transform: uppercase;
-  border-radius: 3px;
-  gap: 0;
-  transition: background .15s;
-}
-
-[data-theme="forja"] .eb-player .eb-live-sync__icon {
-  display: none;
-}
-
-[data-theme="forja"] .eb-player .eb-live-sync__dot {
-  display: none;
-}
-
-[data-theme="forja"] .eb-player .eb-live-sync__label {
-  display: block;
-  font-size: 12px;
-  font-weight: 700;
-  letter-spacing: 0.5px;
-  line-height: 1;
-}
-
-[data-theme="forja"] .eb-player .eb-live-sync:not(.eb-live-synced) {
-  background: rgba(120,120,120,.6);
-}
-
-[data-theme="forja"] .eb-player .eb-live-sync:hover,
-[data-theme="forja"] .eb-player .eb-live-sync:active {
-  background: #c9012f;
-}
-
-[data-theme="forja"] .eb-player .eb-live-sync:not(.eb-live-synced):hover {
-  background: rgba(150,150,150,.7);
-}
-
-/* ============================================================
-   Settings panel
-   ============================================================ */
-[data-theme="forja"] .eb-player .eb-settings-panel {
-  background: rgba(20, 20, 20, .95);
-  border-radius: 4px;
-  min-width: 240px;
-  box-shadow: 0 4px 24px rgba(0,0,0,.7);
-}
-
-[data-theme="forja"] .eb-player .eb-settings-category,
-[data-theme="forja"] .eb-player .eb-settings-item,
-[data-theme="forja"] .eb-player .eb-settings-back {
-  padding: 13px 16px;
-  font-size: 13px;
-  color: rgba(255,255,255,.85);
-  border-bottom: 1px solid rgba(255,255,255,.07);
-  transition: background .12s;
-}
-
-[data-theme="forja"] .eb-player .eb-settings-category:last-child,
-[data-theme="forja"] .eb-player .eb-settings-item:last-child {
-  border-bottom: none;
-}
-
-[data-theme="forja"] .eb-player .eb-settings-category:hover,
-[data-theme="forja"] .eb-player .eb-settings-item:hover,
-[data-theme="forja"] .eb-player .eb-settings-back:hover {
-  background: rgba(255,255,255,.06);
-}
-
-[data-theme="forja"] .eb-player .eb-settings-item--selected {
-  color: #fff;
-  font-weight: 500;
-}
-
-[data-theme="forja"] .eb-player .eb-settings-item--selected::after {
-  content: '';
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-  background: #FC013B;
-  flex-shrink: 0;
-}
-
-[data-theme="forja"] .eb-player .eb-settings-item:not(.eb-settings-item--selected)::after {
-  content: '';
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-  border: 2px solid rgba(255,255,255,.25);
-  flex-shrink: 0;
-}
-
-
-/* ============================================================
-   Error overlay
-   ============================================================ */
-[data-theme="forja"] .eb-player .eb-error {
-  background: rgba(0,0,0,.88);
-}
-
-[data-theme="forja"] .eb-player .eb-error-retry {
-  border-radius: 3px;
-  background: rgba(255,255,255,.1);
-  border-color: rgba(255,255,255,.15);
-  transition: background .2s;
-}
-
-[data-theme="forja"] .eb-player .eb-error-retry:hover {
-  background: rgba(255,255,255,.18);
-}
-
-/* ============================================================
-   Toast
-   ============================================================ */
-[data-theme="forja"] .eb-player .eb-toast {
-  background: rgba(20,20,20,.9);
-  border-radius: 3px;
-  font-size: 13px;
-  padding: 7px 14px;
-}
-
-/**
- * L'Equipe theme — v2 layout with L'Equipe red (#d61e00) accent
- *
- * Applied when the container has [data-theme="lequipe"].
- * Dark UI with red accent, Inter font, rounded container,
- * backdrop-blur panels, expandable volume, single-row bottom bar,
- * gradient overlays, centered frosted-glass transport circles,
- * and refined slide/fade animations.
- */
-
-/* ============================================================
-   Google Fonts (Inter 300-700)
-   ============================================================ */
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
-
-/* ============================================================
-   Root vars & container
-   ============================================================ */
-[data-theme="lequipe"] {
-  --eb-color-primary: #d61e00;
-  --eb-color-progress: #d61e00;
-  --eb-accent: #d61e00;
-}
-
-[data-theme="lequipe"] .eb-player {
-  --eb-color-background: rgba(10, 10, 20, 0.85);
-  --eb-color-text: #fff;
-  --eb-font-family: 'Inter', -apple-system, sans-serif;
-  --eb-font-size-base: 14px;
-  --eb-radius-control: 8px;
-  --eb-duration-transition: 200ms;
-  font-family: 'Inter', -apple-system, sans-serif;
-  border-radius: 0;
-  box-shadow: none;
-  color: #fff;
-}
-
-/* ============================================================
-   Icons: bolder stroke weight to match filled-style target
-   ============================================================ */
-[data-theme="lequipe"] .eb-player .eb-icon {
-  stroke-width: 2.5;
-}
-
-/* Fullscreen: fill viewport, drop card styling */
-[data-theme="lequipe"] .eb-player:fullscreen,
-[data-theme="lequipe"] .eb-player:-webkit-full-screen {
-  border-radius: 0;
-  box-shadow: none;
-}
-
-/* ============================================================
-   Gradients (top & bottom)
-   ============================================================ */
-[data-theme="lequipe"] .eb-player .eb-top-bar {
-  background: linear-gradient(to bottom, rgba(0,0,0,.72), transparent);
-  height: 110px;
-  padding: 14px 16px;
-  gap: 6px;
-}
-
-[data-theme="lequipe"] .eb-player .eb-bottom-bar__gradient {
-  height: 150px;
-  background: linear-gradient(to top, rgba(0,0,0,.9), transparent);
-}
-
-/* ============================================================
-   Top bar: slide-in from above
-   ============================================================ */
-[data-theme="lequipe"] .eb-player.eb-controls-visible .eb-top-bar {
-  opacity: 1;
-  transform: translateY(0);
-  transition: opacity .3s, transform .3s;
-}
-
-[data-theme="lequipe"] .eb-player.eb-controls-hidden .eb-top-bar {
-  opacity: 0;
-  transform: translateY(-6px);
-  transition: opacity .3s, transform .3s;
-}
-
-[data-theme="lequipe"] .eb-player .eb-top-bar__actions {
-  gap: 6px;
-}
-
-/* Logo */
-[data-theme="lequipe"] .eb-player .eb-top-bar__logo {
-  max-height: 32px;
-  max-width: 120px;
-  opacity: .85;
-}
-
-/* ============================================================
-   Bottom bar: slide-up animation + spacing
-   ============================================================ */
-[data-theme="lequipe"] .eb-player .eb-bottom-bar__controls-row {
-  padding: 0 14px 12px;
-  gap: 8px;
-}
-
-[data-theme="lequipe"] .eb-player.eb-controls-visible .eb-bottom-bar {
-  opacity: 1;
-  transform: translateY(0);
-  transition: opacity .3s, transform .3s;
-}
-
-[data-theme="lequipe"] .eb-player.eb-controls-hidden .eb-bottom-bar {
-  opacity: 0;
-  transform: translateY(8px);
-  transition: opacity .3s, transform .3s;
-}
-
-/* ============================================================
-   Middle bar: glassmorphism transport circles
-   ============================================================ */
-[data-theme="lequipe"] .eb-player .eb-middle-bar {
-  gap: 28px;
-}
-
-[data-theme="lequipe"] .eb-player.eb-controls-visible .eb-middle-bar {
-  opacity: 1;
-  transition: opacity .3s;
-}
-
-[data-theme="lequipe"] .eb-player.eb-controls-hidden .eb-middle-bar {
-  opacity: 0;
-  transition: opacity .3s;
-}
-
-/* Central play/pause — large frosted circle */
-[data-theme="lequipe"] .eb-player .eb-middle-bar__play-btn {
-  width: 80px;
-  height: 80px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: rgba(255,255,255,.15);
-  backdrop-filter: blur(8px);
-  -webkit-backdrop-filter: blur(8px);
-  border: 2px solid rgba(255,255,255,.25);
-  color: #fff;
-  padding: 0;
-  transition: background .15s, transform .25s, opacity .25s;
-}
-
-[data-theme="lequipe"] .eb-player .eb-middle-bar__play-btn:hover {
-  background: rgba(255,255,255,.25);
-}
-
-[data-theme="lequipe"] .eb-player .eb-middle-bar__play-btn:active {
-  transform: scale(.92);
-}
-
-[data-theme="lequipe"] .eb-player .eb-middle-bar__play-btn .eb-icon {
-  width: 32px;
-  height: 32px;
-  stroke-width: 2.5;
-}
-
-/* Seek buttons — smaller frosted circles */
-[data-theme="lequipe"] .eb-player .eb-middle-bar__seek-btn {
-  width: 56px;
-  height: 56px;
-  border-radius: 50%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  background: rgba(255,255,255,.15);
-  backdrop-filter: blur(8px);
-  -webkit-backdrop-filter: blur(8px);
-  border: 2px solid rgba(255,255,255,.25);
-  color: #fff;
-  gap: 1px;
-  padding: 0;
-  transition: background .15s;
-}
-
-[data-theme="lequipe"] .eb-player .eb-middle-bar__seek-btn:hover {
-  background: rgba(255,255,255,.25);
-}
-
-[data-theme="lequipe"] .eb-player .eb-seek-circle {
-  width: 24px;
-  height: 24px;
-  color: rgba(255,255,255,.85);
-  fill: currentColor;
-  stroke: none;
-}
-
-[data-theme="lequipe"] .eb-player .eb-seek-label {
-  font-size: .75em;
-  font-weight: 700;
-  color: rgba(255,255,255,.9);
-  line-height: 1;
-}
-
-/* ============================================================
-   Buttons: rounded, soft color, scale on press
-   ============================================================ */
-[data-theme="lequipe"] .eb-player .eb-button:not(.eb-middle-bar__seek-btn):not(.eb-middle-bar__play-btn),
-[data-theme="lequipe"] .eb-player .eb-play-pause,
-[data-theme="lequipe"] .eb-player .eb-fullscreen,
-[data-theme="lequipe"] .eb-player .eb-pip,
-[data-theme="lequipe"] .eb-player .eb-cast,
-[data-theme="lequipe"] .eb-player .eb-volume-mute,
-[data-theme="lequipe"] .eb-player .eb-live-sync {
-  color: rgba(255,255,255,.82);
-  border-radius: 8px;
-  width: 38px;
-  height: 38px;
-  transition: background .15s, color .15s, transform .1s;
-  flex-shrink: 0;
-}
-
-[data-theme="lequipe"] .eb-player .eb-button:not(.eb-middle-bar__seek-btn):not(.eb-middle-bar__play-btn):hover,
-[data-theme="lequipe"] .eb-player .eb-play-pause:hover,
-[data-theme="lequipe"] .eb-player .eb-fullscreen:hover,
-[data-theme="lequipe"] .eb-player .eb-pip:hover,
-[data-theme="lequipe"] .eb-player .eb-cast:hover,
-[data-theme="lequipe"] .eb-player .eb-volume-mute:hover,
-[data-theme="lequipe"] .eb-player .eb-live-sync:hover {
-  background: rgba(255,255,255,.12);
-  color: #fff;
-}
-
-[data-theme="lequipe"] .eb-player .eb-button:not(.eb-middle-bar__seek-btn):not(.eb-middle-bar__play-btn):active,
-[data-theme="lequipe"] .eb-player .eb-play-pause:active,
-[data-theme="lequipe"] .eb-player .eb-fullscreen:active,
-[data-theme="lequipe"] .eb-player .eb-pip:active,
-[data-theme="lequipe"] .eb-player .eb-cast:active,
-[data-theme="lequipe"] .eb-player .eb-volume-mute:active,
-[data-theme="lequipe"] .eb-player .eb-live-sync:active {
-  transform: scale(.88);
-}
-
-/* Icon size inside buttons (not middle bar transport) */
-[data-theme="lequipe"] .eb-player .eb-button:not(.eb-middle-bar__seek-btn):not(.eb-middle-bar__play-btn) .eb-icon,
-[data-theme="lequipe"] .eb-player .eb-play-pause .eb-icon,
-[data-theme="lequipe"] .eb-player .eb-fullscreen .eb-icon,
-[data-theme="lequipe"] .eb-player .eb-pip .eb-icon,
-[data-theme="lequipe"] .eb-player .eb-cast .eb-icon,
-[data-theme="lequipe"] .eb-player .eb-volume-mute .eb-icon {
-  width: 22px;
-  height: 22px;
-}
-
-/* Top bar icons slightly larger */
-[data-theme="lequipe"] .eb-player .eb-top-bar .eb-icon {
-  width: 24px;
-  height: 24px;
-}
-
-/* Play/pause icons should be filled (solid), not stroke outlines */
-[data-theme="lequipe"] .eb-player .eb-play-pause .eb-icon,
-[data-theme="lequipe"] .eb-player .eb-middle-bar__play-btn .eb-icon {
-  fill: currentColor;
-  stroke: none;
-}
-
-/* Volume icon: fill the speaker body, keep stroke for sound waves */
-[data-theme="lequipe"] .eb-player .eb-volume-mute .eb-icon path:first-child {
-  fill: currentColor;
-}
-
-/* Cast button active state */
-[data-theme="lequipe"] .eb-player .eb-cast-active {
-  color: #1eb6d4 !important;
-  background: rgba(30, 182, 212, .15) !important;
-}
-
-[data-theme="lequipe"] .eb-player .eb-cast-active .eb-icon {
-  filter: drop-shadow(0 0 4px rgba(30, 182, 212, .6));
-}
-
-/* ============================================================
-   Seekbar
-   ============================================================ */
-[data-theme="lequipe"] .eb-player .eb-seekbar-track {
-  height: 3px;
-  background: rgba(255,255,255,.22);
-  border-radius: 3px;
-  transition: height .15s;
-}
-
-[data-theme="lequipe"] .eb-player .eb-seekbar:hover .eb-seekbar-track {
-  height: 5px;
-}
-
-[data-theme="lequipe"] .eb-player .eb-seekbar-buffered {
-  background: rgba(255,255,255,.28);
-  border-radius: 3px;
-  transition: height .15s;
-}
-
-/* Solid color fill */
-[data-theme="lequipe"] .eb-player .eb-seekbar-progress {
-  background: var(--eb-color-progress, var(--eb-color-primary, #d61e00));
-  border-radius: 3px;
-  transition: height .15s;
-}
-
-[data-theme="lequipe"] .eb-player .eb-seekbar-thumb {
-  width: 14px;
-  height: 14px;
-  inset-inline-end: -7px;
-  background: #fff;
-  box-shadow: 0 0 0 3px rgba(214,30,0,.45);
-}
-
-/* ============================================================
-   Seekbar tooltip & preview
-   ============================================================ */
-[data-theme="lequipe"] .eb-player .eb-seekbar-tooltip {
-  bottom: 28px;
-  background: rgba(0,0,0,.88);
-  border: 1px solid rgba(255,255,255,.12);
-  border-radius: 7px;
-  font-size: 11px;
-  font-weight: 500;
-  padding: 0;
-  overflow: hidden;
-  box-shadow: 0 4px 16px rgba(0,0,0,.5);
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-
-[data-theme="lequipe"] .eb-player .eb-seekbar-preview {
-  width: 160px;
-  height: 90px;
-  background: #111;
-  border: none;
-  border-radius: 0;
-  margin: 0;
-}
-
-/* ============================================================
-   Chapter markers
-   ============================================================ */
-[data-theme="lequipe"] .eb-player .eb-chapter-marker {
-  width: 2px;
-  height: 7px;
-  background: rgba(0,0,0,.45);
-  border-radius: 1px;
-  top: 50%;
-  transform: translate(var(--eb-chapter-marker-x, -50%), -50%);
-}
-
-/* ============================================================
-   Volume: expandable slider, white fill
-   ============================================================ */
-[data-theme="lequipe"] .eb-player .eb-volume-control {
-  flex-direction: row;
-  gap: 0;
-  margin-inline-end: 0;
-}
-
-[data-theme="lequipe"] .eb-player .eb-volume-track {
-  width: 0;
-  height: 3px;
-  background: rgba(255,255,255,.22);
-  border-radius: 3px;
-  overflow: hidden;
-  transition: width .25s ease, margin .25s ease;
-  margin: 0;
-}
-
-[data-theme="lequipe"] .eb-player .eb-volume-control:hover .eb-volume-track,
-[data-theme="lequipe"] .eb-player .eb-volume-control:focus-within .eb-volume-track {
-  width: 66px;
-  margin: 0 6px 0 2px;
-}
-
-[data-theme="lequipe"] .eb-player .eb-volume-fill {
-  background: var(--eb-color-primary, #d61e00);
-}
-
-[data-theme="lequipe"] .eb-player .eb-volume-thumb {
-  width: 11px;
-  height: 11px;
-  background: #fff;
-  box-shadow: 0 0 0 2px rgba(255,255,255,.35);
-  transform: translate(var(--eb-volume-thumb-x, -50%), -50%) scale(0);
-  transition: transform .15s;
-}
-
-[data-theme="lequipe"] .eb-player .eb-volume-control:hover .eb-volume-thumb {
-  transform: translate(var(--eb-volume-thumb-x, -50%), -50%) scale(1);
-}
-
-/* ============================================================
-   Time display
-   ============================================================ */
-[data-theme="lequipe"] .eb-player .eb-time-display {
-  font-size: 13px;
-  color: rgba(255,255,255,.85);
-  font-weight: 500;
-  letter-spacing: .02em;
-}
-
-/* ============================================================
-   Live badge — text badge with blinking dot (not icon)
-   ============================================================ */
-[data-theme="lequipe"] .eb-player .eb-live-sync {
-  width: auto;
-  height: auto;
-  padding: 4px 10px;
-  border-radius: 6px;
-  font-size: 11px;
-  font-weight: 700;
-  letter-spacing: .08em;
-  text-transform: uppercase;
-  gap: 5px;
-}
-
-/* Hide icon, show dot + label */
-[data-theme="lequipe"] .eb-player .eb-live-sync__icon {
-  display: none;
-}
-
-[data-theme="lequipe"] .eb-player .eb-live-sync__dot {
-  display: block;
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-  background: #fff;
-  flex-shrink: 0;
-}
-
-[data-theme="lequipe"] .eb-player .eb-live-sync__label {
-  display: block;
-}
-
-/* Synced state — red background with blinking dot */
-[data-theme="lequipe"] .eb-player .eb-live-synced {
-  background: rgba(214,30,0,.9);
-  color: #fff;
-  box-shadow: 0 2px 8px rgba(214,30,0,.4);
-}
-
-[data-theme="lequipe"] .eb-player .eb-live-synced .eb-live-sync__dot {
-  animation: eb-lequipe-blink 1.2s ease infinite;
-}
-
-/* Delayed / not-at-live-edge */
-[data-theme="lequipe"] .eb-player .eb-live-sync:not(.eb-live-synced) {
-  background: rgba(60,60,80,.75);
-  color: rgba(255,255,255,.7);
-  box-shadow: none;
-}
-
-[data-theme="lequipe"] .eb-player .eb-live-sync:not(.eb-live-synced) .eb-live-sync__dot {
-  background: rgba(255,255,255,.5);
-  animation: none;
-}
-
-[data-theme="lequipe"] .eb-player .eb-live-sync:not(.eb-live-synced):hover {
-  background: rgba(214,30,0,.7);
-  color: #fff;
-}
-
-@keyframes eb-lequipe-blink {
-  0%, 100% { opacity: 1; }
-  50%      { opacity: .15; }
-}
-
-/* ============================================================
-   Settings panel: glassmorphism dropdown
-   ============================================================ */
-[data-theme="lequipe"] .eb-player .eb-settings-panel {
-  background: rgba(30,30,45,.6);
-  backdrop-filter: blur(24px) saturate(160%);
-  -webkit-backdrop-filter: blur(24px) saturate(160%);
-  border-radius: 14px;
-  width: min(340px, 80vw);
-  max-height: 60vh;
-  overflow-y: auto;
-  overflow-x: hidden;
-  box-shadow: 0 16px 48px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.08);
-}
-
-/* Small viewports: compact rows */
-@media (max-height: 400px) {
-  [data-theme="lequipe"] .eb-player .eb-settings-category { padding: 12px 14px; font-size: 13px; gap: 10px; }
-  [data-theme="lequipe"] .eb-player .eb-settings-item { padding: 11px 14px; font-size: 13px; }
-  [data-theme="lequipe"] .eb-player .eb-settings-header { padding: 10px 14px; }
-  [data-theme="lequipe"] .eb-player .eb-settings-panel { min-width: 220px; border-radius: 10px; }
-  [data-theme="lequipe"] .eb-player .eb-settings-back { width: 30px; height: 30px; }
-}
-
-[data-theme="lequipe"] .eb-player .eb-settings-menu {
-  padding: 0;
-}
-
-/* Root menu category rows — icon | label | value | chevron */
-[data-theme="lequipe"] .eb-player .eb-settings-category {
-  display: flex;
-  align-items: center;
-  gap: 14px;
-  padding: 18px 20px;
-  font-size: 14px;
-  color: rgba(255,255,255,.95);
-  border-bottom: 1px solid rgba(255,255,255,.06);
-  transition: background .12s;
-  width: 100%;
-  border: none;
-  background: none;
-  cursor: pointer;
-  text-align: start;
-}
-
-[data-theme="lequipe"] .eb-player .eb-settings-category:last-child {
-  border-bottom: none;
-}
-
-[data-theme="lequipe"] .eb-player .eb-settings-category:hover {
-  background: rgba(255,255,255,.05);
-}
-
-[data-theme="lequipe"] .eb-player .eb-settings-category__icon {
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: rgba(255,255,255,.6);
-}
-
-[data-theme="lequipe"] .eb-player .eb-settings-category__icon .eb-icon {
-  width: 22px;
-  height: 22px;
-}
-
-[data-theme="lequipe"] .eb-player .eb-settings-category__label {
-  flex: 1;
-  font-weight: 400;
-}
-
-[data-theme="lequipe"] .eb-player .eb-settings-category__value {
-  color: rgba(255,255,255,.45);
-  font-size: 13px;
-  font-weight: 400;
-}
-
-[data-theme="lequipe"] .eb-player .eb-settings-category__chevron {
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  color: rgba(255,255,255,.3);
-}
-
-[data-theme="lequipe"] .eb-player .eb-settings-category__chevron .eb-icon {
-  width: 16px;
-  height: 16px;
-}
-
-/* Sub-menu header — circular back button + title */
-[data-theme="lequipe"] .eb-player .eb-settings-header {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  padding: 14px 18px;
-  border-bottom: 1px solid rgba(255,255,255,.08);
-}
-
-[data-theme="lequipe"] .eb-player .eb-settings-header__title {
-  font-size: 15px;
-  font-weight: 600;
-  color: #fff;
-}
-
-[data-theme="lequipe"] .eb-player .eb-settings-back {
-  width: 36px;
-  height: 36px;
-  border-radius: 50%;
-  background: rgba(255,255,255,.12);
-  border: none;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0;
-  transition: background .15s;
-  flex-shrink: 0;
-  color: #fff;
-}
-
-[data-theme="lequipe"] .eb-player .eb-settings-back:hover {
-  background: rgba(255,255,255,.2);
-}
-
-[data-theme="lequipe"] .eb-player .eb-settings-back .eb-icon {
-  width: 18px;
-  height: 18px;
-}
-
-/* Sub-menu items */
-[data-theme="lequipe"] .eb-player .eb-settings-item {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 16px 20px;
-  font-size: 14px;
-  color: rgba(255,255,255,.7);
-  border-bottom: 1px solid rgba(255,255,255,.06);
-  transition: background .12s;
-  width: 100%;
-  border-left: none;
-  border-right: none;
-  border-top: none;
-  background: none;
-  cursor: pointer;
-  text-align: start;
-}
-
-[data-theme="lequipe"] .eb-player .eb-settings-item:last-child {
-  border-bottom: none;
-}
-
-[data-theme="lequipe"] .eb-player .eb-settings-item:hover {
-  background: rgba(255,255,255,.05);
-}
-
-/* Selected item text — brighter */
-[data-theme="lequipe"] .eb-player .eb-settings-item--selected {
-  color: #fff;
-  font-weight: 500;
-}
-
-/* Active selection dot (filled accent) */
-[data-theme="lequipe"] .eb-player .eb-settings-item--selected::after {
-  content: '';
-  width: 12px;
-  height: 12px;
-  border-radius: 50%;
-  background: var(--eb-accent, #d61e00);
-  flex-shrink: 0;
-}
-
-/* Non-selected items: hollow dot */
-[data-theme="lequipe"] .eb-player .eb-settings-item:not(.eb-settings-item--selected)::after {
-  content: '';
-  width: 12px;
-  height: 12px;
-  border-radius: 50%;
-  border: 2px solid rgba(255,255,255,.2);
-  flex-shrink: 0;
-}
-
-
-/* ============================================================
-   Error overlay
-   ============================================================ */
-[data-theme="lequipe"] .eb-player .eb-error {
-  background: rgba(10,10,20,.85);
-  backdrop-filter: blur(12px);
-  -webkit-backdrop-filter: blur(12px);
-}
-
-[data-theme="lequipe"] .eb-player .eb-error-message {
-  font-weight: 400;
-  letter-spacing: .01em;
-}
-
-[data-theme="lequipe"] .eb-player .eb-error-retry {
-  border-radius: 8px;
-  background: rgba(255,255,255,.1);
-  border-color: rgba(255,255,255,.15);
-  transition: background .2s, color .2s;
-}
-
-[data-theme="lequipe"] .eb-player .eb-error-retry:hover {
-  background: rgba(255,255,255,.18);
-}
-
-/* ============================================================
-   Toast (keyboard hints, status messages)
-   ============================================================ */
-[data-theme="lequipe"] .eb-player .eb-toast {
-  background: rgba(0,0,0,.72);
-  backdrop-filter: blur(10px);
-  -webkit-backdrop-filter: blur(10px);
-  border-radius: 10px;
-  font-size: 13px;
-  padding: 8px 16px;
-}
-
-/* ============================================================
-   Info & socials overlays
-   ============================================================ */
-[data-theme="lequipe"] .eb-player .eb-info-overlay,
-[data-theme="lequipe"] .eb-player .eb-socials-overlay {
-  background: rgba(10,10,20,.85);
-  backdrop-filter: blur(12px);
-  -webkit-backdrop-filter: blur(12px);
-}
-
-[data-theme="lequipe"] .eb-player .eb-info-close,
-[data-theme="lequipe"] .eb-player .eb-socials-close {
-  border-radius: 8px;
-  background: rgba(255,255,255,.07);
-  border-color: rgba(255,255,255,.08);
-  transition: background .2s, color .2s;
-}
-
-[data-theme="lequipe"] .eb-player .eb-info-close:hover,
-[data-theme="lequipe"] .eb-player .eb-socials-close:hover {
-  background: rgba(255,255,255,.13);
-  color: #fff;
-}
-
-[data-theme="lequipe"] .eb-player .eb-socials-link {
-  background: rgba(255,255,255,.07);
-  border: 1px solid rgba(255,255,255,.08);
-  border-radius: 8px;
-  transition: background .2s, color .2s, border-color .2s;
-}
-
-[data-theme="lequipe"] .eb-player .eb-socials-link:hover {
-  background: rgba(214,30,0,.15);
-  border-color: rgba(214,30,0,.35);
-  color: #ff8a75;
-}
-
-/* ============================================================
-   Poster
-   ============================================================ */
-[data-theme="lequipe"] .eb-player .eb-poster {
-  background: linear-gradient(135deg, #0f0c29, #302b63, #24243e);
-}
-
-/* ============================================================
-   Radio overlay
-   ============================================================ */
-[data-theme="lequipe"] .eb-player .eb-radio-overlay {
-  background: linear-gradient(135deg, #0f0c29, #302b63, #24243e);
-}
-
-[data-theme="lequipe"] .eb-player .eb-radio-bar {
-  background: rgba(214,30,0,.8);
-}
-
-/* ============================================================
-   Chapter skip button
-   ============================================================ */
-[data-theme="lequipe"] .eb-player .eb-chapter-skip {
-  background: rgba(10,10,20,.55);
-  backdrop-filter: blur(12px);
-  -webkit-backdrop-filter: blur(12px);
-  border: 1px solid rgba(255,255,255,.15);
-  border-radius: 8px;
-  font-size: 12px;
-  font-weight: 500;
-  transition: background .15s;
-}
-
-[data-theme="lequipe"] .eb-player .eb-chapter-skip:hover {
-  background: rgba(255,255,255,.12);
-}
-
-/**
- * Modern theme overrides
- *
- * Applied when the container has [data-theme="modern"].
- * Glassmorphism-inspired design with purple accent, Inter font,
- * rounded corners, backdrop blur, and smooth transitions.
- *
- * Reference: player-reference.html
- */
-
-/* ============================================================
-   Google Fonts (Inter 300-600)
-   ============================================================ */
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');
-
-/* ============================================================
-   Icons: override stroke-based defaults for filled Material icons
-   ============================================================ */
-[data-theme="modern"] .eb-player .eb-icon {
-  fill: currentColor;
-  stroke: none;
-  stroke-width: 0;
-}
-
-/* ============================================================
-   Root vars & container
-   ============================================================ */
-[data-theme="modern"] {
-  --eb-color-primary: #7c3aed;
-  --eb-color-progress: #7c3aed;
-  --eb-accent: #1a73e8;
-}
-
-[data-theme="modern"] .eb-player {
-  --eb-color-background: rgba(10, 10, 20, 0.85);
-  --eb-font-family: 'Inter', sans-serif;
-  font-family: 'Inter', sans-serif;
-  border-radius: 14px;
-  box-shadow: 0 40px 80px rgba(0,0,0,.8), 0 0 0 1px rgba(255,255,255,.06);
-}
-
-/* ============================================================
-   Gradients
-   ============================================================ */
-[data-theme="modern"] .eb-player .eb-top-bar {
-  background: linear-gradient(to bottom, rgba(0,0,0,.72), transparent);
-  height: 110px;
-  padding: 14px 16px;
-  gap: 6px;
-}
-
-[data-theme="modern"] .eb-player .eb-bottom-bar__gradient {
-  height: 150px;
-  background: linear-gradient(to top, rgba(0,0,0,.9), transparent);
-}
-
-/* ============================================================
-   Top bar: slide-in animation
-   ============================================================ */
-[data-theme="modern"] .eb-player.eb-controls-visible .eb-top-bar {
-  opacity: 1;
-  transform: translateY(0);
-  transition: opacity .3s, transform .3s;
-}
-
-[data-theme="modern"] .eb-player.eb-controls-hidden .eb-top-bar {
-  opacity: 0;
-  transform: translateY(-6px);
-  transition: opacity .3s, transform .3s;
-}
-
-[data-theme="modern"] .eb-player .eb-top-bar__actions {
-  gap: 6px;
-}
-
-/* ============================================================
-   Bottom bar: slide-up animation + spacing
-   ============================================================ */
-[data-theme="modern"] .eb-player .eb-bottom-bar__controls-row {
-  padding: 0 14px 12px;
-  gap: 8px;
-}
-
-[data-theme="modern"] .eb-player.eb-controls-visible .eb-bottom-bar {
-  opacity: 1;
-  transform: translateY(0);
-  transition: opacity .3s, transform .3s;
-}
-
-[data-theme="modern"] .eb-player.eb-controls-hidden .eb-bottom-bar {
-  opacity: 0;
-  transform: translateY(8px);
-  transition: opacity .3s, transform .3s;
-}
-
-/* ============================================================
-   Middle bar: glassmorphism circles + wider gap
-   ============================================================ */
-[data-theme="modern"] .eb-player .eb-middle-bar {
-  gap: 28px;
-}
-
-/* Controls slide with bottom bar */
-[data-theme="modern"] .eb-player.eb-controls-visible .eb-middle-bar {
-  opacity: 1;
-  transition: opacity .3s;
-}
-
-[data-theme="modern"] .eb-player.eb-controls-hidden .eb-middle-bar {
-  opacity: 0;
-  transition: opacity .3s;
-}
-
-[data-theme="modern"] .eb-player .eb-middle-bar__play-btn {
-  width: 72px;
-  height: 72px;
-  background: rgba(255,255,255,.18);
-  backdrop-filter: blur(6px);
-  -webkit-backdrop-filter: blur(6px);
-  border: 2px solid rgba(255,255,255,.28);
-  transition: background .15s;
-}
-
-[data-theme="modern"] .eb-player .eb-middle-bar__play-btn:hover {
-  background: rgba(255,255,255,.28);
-}
-
-[data-theme="modern"] .eb-player .eb-middle-bar__play-btn .eb-icon {
-  width: 30px;
-  height: 30px;
-}
-
-[data-theme="modern"] .eb-player .eb-middle-bar__seek-btn {
-  width: 52px;
-  height: 52px;
-  border-radius: 50%;
-  background: rgba(255,255,255,.14);
-  backdrop-filter: blur(6px);
-  -webkit-backdrop-filter: blur(6px);
-  border: 1.5px solid rgba(255,255,255,.22);
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 1px;
-  transition: background .15s;
-  padding: 0;
-}
-
-[data-theme="modern"] .eb-player .eb-middle-bar__seek-btn:hover {
-  background: rgba(255,255,255,.24);
-}
-
-[data-theme="modern"] .eb-player .eb-seek-circle {
-  width: 18px;
-  height: 18px;
-  /* Reference uses filled skip arrows instead of the stroke circle */
-  fill: white;
-  stroke: none;
-}
-
-[data-theme="modern"] .eb-player .eb-seek-label {
-  font-size: .58em;
-  font-weight: 700;
-  color: rgba(255,255,255,.9);
-  line-height: 1;
-}
-
-/* ============================================================
-   Buttons: rounded, softer color, scale on active
-   ============================================================ */
-[data-theme="modern"] .eb-player .eb-button,
-[data-theme="modern"] .eb-player .eb-play-pause,
-[data-theme="modern"] .eb-player .eb-fullscreen,
-[data-theme="modern"] .eb-player .eb-pip,
-[data-theme="modern"] .eb-player .eb-cast,
-[data-theme="modern"] .eb-player .eb-volume-mute,
-[data-theme="modern"] .eb-player .eb-live-sync {
-  color: rgba(255,255,255,.82);
-  border-radius: 8px;
-  width: 38px;
-  height: 38px;
-  transition: background .15s, color .15s, transform .1s;
-  flex-shrink: 0;
-}
-
-[data-theme="modern"] .eb-player .eb-button:hover,
-[data-theme="modern"] .eb-player .eb-play-pause:hover,
-[data-theme="modern"] .eb-player .eb-fullscreen:hover,
-[data-theme="modern"] .eb-player .eb-pip:hover,
-[data-theme="modern"] .eb-player .eb-cast:hover,
-[data-theme="modern"] .eb-player .eb-volume-mute:hover,
-[data-theme="modern"] .eb-player .eb-live-sync:hover {
-  background: rgba(255,255,255,.12);
-  color: #fff;
-}
-
-[data-theme="modern"] .eb-player .eb-button:active,
-[data-theme="modern"] .eb-player .eb-play-pause:active,
-[data-theme="modern"] .eb-player .eb-fullscreen:active,
-[data-theme="modern"] .eb-player .eb-pip:active,
-[data-theme="modern"] .eb-player .eb-cast:active,
-[data-theme="modern"] .eb-player .eb-volume-mute:active,
-[data-theme="modern"] .eb-player .eb-live-sync:active {
-  transform: scale(.88);
-}
-
-/* ============================================================
-   Seekbar
-   ============================================================ */
-[data-theme="modern"] .eb-player .eb-seekbar-track {
-  height: 3px;
-  background: rgba(255,255,255,.22);
-  border-radius: 3px;
-  transition: height .15s;
-}
-
-[data-theme="modern"] .eb-player .eb-seekbar:hover .eb-seekbar-track {
-  height: 5px;
-}
-
-[data-theme="modern"] .eb-player .eb-seekbar-buffered {
-  background: rgba(255,255,255,.28);
-  border-radius: 3px;
-  transition: height .15s;
-}
-
-[data-theme="modern"] .eb-player .eb-seekbar-progress {
-  background: var(--eb-color-progress, var(--eb-color-primary, #7c3aed));
-  border-radius: 3px;
-  transition: height .15s;
-}
-
-[data-theme="modern"] .eb-player .eb-seekbar-thumb {
-  width: 14px;
-  height: 14px;
-  inset-inline-end: -7px;
-  background: #fff;
-  box-shadow: 0 0 0 3px rgba(124,58,237,.45);
-}
-
-/* ============================================================
-   Seekbar tooltip & preview
-   ============================================================ */
-[data-theme="modern"] .eb-player .eb-seekbar-tooltip {
-  bottom: 24px;
-  background: rgba(0,0,0,.82);
-  border-radius: 5px;
-  font-size: 11px;
-  padding: 3px 7px;
-}
-
-[data-theme="modern"] .eb-player .eb-seekbar-preview {
-  width: 128px;
-  height: 72px;
-  background: #111;
-  border: 2px solid rgba(255,255,255,.16);
-  border-radius: 6px;
-}
-
-/* ============================================================
-   Chapter markers
-   ============================================================ */
-[data-theme="modern"] .eb-player .eb-chapter-marker {
-  width: 2px;
-  height: 7px;
-  background: rgba(0,0,0,.45);
-  border-radius: 1px;
-  top: 50%;
-  transform: translate(var(--eb-chapter-marker-x, -50%), -50%);
-}
-
-/* ============================================================
-   Volume: expandable slider, white fill
-   ============================================================ */
-[data-theme="modern"] .eb-player .eb-volume-control {
-  flex-direction: row;
-  gap: 0;
-  margin-inline-end: 0;
-}
-
-[data-theme="modern"] .eb-player .eb-volume-track {
-  width: 0;
-  height: 3px;
-  background: rgba(255,255,255,.22);
-  border-radius: 3px;
-  overflow: hidden;
-  transition: width .25s ease, margin .25s ease;
-  margin: 0;
-}
-
-[data-theme="modern"] .eb-player .eb-volume-control:hover .eb-volume-track,
-[data-theme="modern"] .eb-player .eb-volume-control:focus-within .eb-volume-track {
-  width: 66px;
-  margin: 0 6px 0 2px;
-}
-
-[data-theme="modern"] .eb-player .eb-volume-fill {
-  background: var(--eb-color-primary, #7c3aed);
-}
-
-[data-theme="modern"] .eb-player .eb-volume-thumb {
-  width: 11px;
-  height: 11px;
-  background: #fff;
-  box-shadow: 0 0 0 2px rgba(255,255,255,.35);
-  transform: translate(var(--eb-volume-thumb-x, -50%), -50%) scale(0);
-  transition: transform .15s;
-}
-
-[data-theme="modern"] .eb-player .eb-volume-control:hover .eb-volume-thumb {
-  transform: translate(var(--eb-volume-thumb-x, -50%), -50%) scale(1);
-}
-
-/* ============================================================
-   Time display
-   ============================================================ */
-[data-theme="modern"] .eb-player .eb-time-display {
-  font-size: 12px;
-  color: rgba(255,255,255,.6);
-  letter-spacing: .02em;
-}
-
-/* ============================================================
-   Live badge
-   ============================================================ */
-[data-theme="modern"] .eb-player .eb-live-sync {
-  width: auto;
-  height: auto;
-  padding: 4px 10px;
-  border-radius: 6px;
-  font-size: 11px;
-  font-weight: 700;
-  letter-spacing: .08em;
-  text-transform: uppercase;
-}
-
-[data-theme="modern"] .eb-player .eb-live-synced {
-  background: rgba(220,38,38,.9);
-  color: #fff;
-  box-shadow: 0 2px 8px rgba(220,38,38,.4);
-}
-
-/* ============================================================
-   Settings panel: glassmorphism + refined layout
-   ============================================================ */
-[data-theme="modern"] .eb-player .eb-settings-panel {
-  background: rgba(10,10,20,.55);
-  backdrop-filter: blur(18px) saturate(160%);
-  -webkit-backdrop-filter: blur(18px) saturate(160%);
-  border-radius: 12px;
-  min-width: 280px;
-  box-shadow: 0 16px 48px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.1);
-}
-
-[data-theme="modern"] .eb-player .eb-settings-menu {
-  padding: 0;
-}
-
-[data-theme="modern"] .eb-player .eb-settings-category,
-[data-theme="modern"] .eb-player .eb-settings-item,
-[data-theme="modern"] .eb-player .eb-settings-back {
-  padding: 15px 20px;
-  font-size: 13px;
-  color: rgba(255,255,255,.9);
-  border-bottom: 1px solid rgba(255,255,255,.06);
-  transition: background .12s;
-}
-
-[data-theme="modern"] .eb-player .eb-settings-category:last-child,
-[data-theme="modern"] .eb-player .eb-settings-item:last-child {
-  border-bottom: none;
-}
-
-[data-theme="modern"] .eb-player .eb-settings-category:hover,
-[data-theme="modern"] .eb-player .eb-settings-item:hover,
-[data-theme="modern"] .eb-player .eb-settings-back:hover {
-  background: rgba(255,255,255,.05);
-}
-
-[data-theme="modern"] .eb-player .eb-settings-item--selected {
-  color: #fff;
-  font-weight: 500;
-}
-
-/* Active selection dot */
-[data-theme="modern"] .eb-player .eb-settings-item--selected::after {
-  content: '';
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-  background: #1a73e8;
-  box-shadow: 0 0 0 3px rgba(26,115,232,.25);
-  flex-shrink: 0;
-}
-
-/* Non-selected items: hollow dot */
-[data-theme="modern"] .eb-player .eb-settings-item:not(.eb-settings-item--selected)::after {
-  content: '';
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-  border: 2px solid rgba(255,255,255,.2);
-  flex-shrink: 0;
-}
-
-/* Sub-panel back button */
-[data-theme="modern"] .eb-player .eb-settings-back {
-  gap: 14px;
-  font-weight: 600;
-}
-
-
-/* ============================================================
-   Error overlay
-   ============================================================ */
-[data-theme="modern"] .eb-player .eb-error {
-  background: rgba(10,10,20,.85);
-  backdrop-filter: blur(12px);
-  -webkit-backdrop-filter: blur(12px);
-}
-
-[data-theme="modern"] .eb-player .eb-error-retry {
-  border-radius: 8px;
-  background: rgba(255,255,255,.1);
-  border-color: rgba(255,255,255,.15);
-  transition: background .2s, color .2s;
-}
-
-[data-theme="modern"] .eb-player .eb-error-retry:hover {
-  background: rgba(255,255,255,.18);
-}
-
-/* ============================================================
-   Toast
-   ============================================================ */
-[data-theme="modern"] .eb-player .eb-toast {
-  background: rgba(0,0,0,.72);
-  backdrop-filter: blur(10px);
-  -webkit-backdrop-filter: blur(10px);
-  border-radius: 10px;
-  font-size: 13px;
-}
-
-/* ============================================================
-   Info & socials overlays
-   ============================================================ */
-[data-theme="modern"] .eb-player .eb-info-overlay,
-[data-theme="modern"] .eb-player .eb-socials-overlay {
-  background: rgba(10,10,20,.85);
-  backdrop-filter: blur(12px);
-  -webkit-backdrop-filter: blur(12px);
-}
-
-[data-theme="modern"] .eb-player .eb-info-close,
-[data-theme="modern"] .eb-player .eb-socials-close {
-  border-radius: 8px;
-  background: rgba(255,255,255,.07);
-  border-color: rgba(255,255,255,.08);
-  transition: background .2s, color .2s;
-}
-
-[data-theme="modern"] .eb-player .eb-info-close:hover,
-[data-theme="modern"] .eb-player .eb-socials-close:hover {
-  background: rgba(255,255,255,.13);
-  color: #fff;
-}
-
-[data-theme="modern"] .eb-player .eb-socials-link {
-  background: rgba(255,255,255,.07);
-  border: 1px solid rgba(255,255,255,.08);
-  border-radius: 8px;
-  transition: background .2s, color .2s;
-}
-
-[data-theme="modern"] .eb-player .eb-socials-link:hover {
-  background: rgba(167,139,250,.15);
-  border-color: rgba(167,139,250,.35);
-  color: #c4b5fd;
-}
-
-/* ============================================================
-   Bottom bar: two-row layout (seekbar above, buttons below)
-   ============================================================ */
-[data-theme="modern"] .eb-player .eb-bottom-bar__controls-row {
-  flex-wrap: wrap;
-}
-
-/* Seekbar fills full width as its own row */
-[data-theme="modern"] .eb-player .eb-bottom-bar__seekbar-zone {
-  flex: none;
-  width: 100%;
-  order: -1;
-  margin-bottom: -6px;
-}
-
-/* Time display sits before seekbar visually (after live badge) */
-[data-theme="modern"] .eb-player .eb-slot-time {
-  order: -1;
-  margin-inline-start: auto;
-}
-
-/* Live sync badge before time */
-[data-theme="modern"] .eb-player .eb-slot-live-sync {
-  order: -2;
-}
-
-/* Move settings + pip to right end of control row */
-[data-theme="modern"] .eb-player .eb-slot-settings {
-  margin-inline-start: auto;
-}
-
-/* ============================================================
-   Poster
-   ============================================================ */
-[data-theme="modern"] .eb-player .eb-poster {
-  background: linear-gradient(135deg, #0f0c29, #302b63, #24243e);
-}
-
-/**
- * Radio theme overrides
- *
- * Applied when the container has [data-theme="radio"].
- * Uses higher specificity than base.css .eb-player selector.
- */
-
-[data-theme="radio"] {
-  --eb-color-primary: #F4A261;
-}
-
-[data-theme="radio"] .eb-player {
-  --eb-color-background: rgba(20, 20, 30, 0.95);
-}
-
-/**
- * SNRT theme overrides
- *
- * Applied when the container has [data-theme="snrt"].
- * Uses higher specificity than base.css .eb-player selector.
- */
-
-[data-theme="snrt"] {
-  --eb-color-primary: #006633;
-}
-
-[data-theme="snrt"] .eb-player {
-  --eb-color-background: rgba(0, 0, 0, 0.9);
-}
-
-/**
- * V2 theme — based on snrtlive.ma (Aloula) player styling
- *
- * Applied when the container has [data-theme="v2"].
- * Dark UI with indigo accent (#3d4097), Inter font, rounded container,
- * backdrop-blur panels, expandable volume, two-row bottom bar
- * (seekbar on top, buttons below), gradient overlays, centered
- * frosted-glass transport circles, and refined slide/fade animations.
- */
-
-/* ============================================================
-   Google Fonts (Inter 300-700)
-   ============================================================ */
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
-
-/* ============================================================
-   Root vars & container
-   ============================================================ */
-[data-theme="v2"] {
-  --eb-color-primary: #3d4097;
-  --eb-color-progress: #3d4097;
-  --eb-accent: #3d4097;
-}
-
-[data-theme="v2"] .eb-player {
-  --eb-color-background: rgba(10, 10, 20, 0.85);
-  --eb-color-text: #fff;
-  --eb-font-family: 'Inter', -apple-system, sans-serif;
-  --eb-font-size-base: 14px;
-  --eb-radius-control: 8px;
-  --eb-duration-transition: 200ms;
-  font-family: 'Inter', -apple-system, sans-serif;
-  border-radius: 14px;
-  box-shadow: 0 40px 80px rgba(0,0,0,.8), 0 0 0 1px rgba(255,255,255,.06);
-  color: #fff;
-}
-
-/* ============================================================
-   Icons: bolder stroke weight to match filled-style target
-   ============================================================ */
-[data-theme="v2"] .eb-player .eb-icon {
-  stroke-width: 2.5;
-}
-
-/* Fullscreen: fill viewport, drop card styling */
-[data-theme="v2"] .eb-player:fullscreen,
-[data-theme="v2"] .eb-player:-webkit-full-screen {
-  border-radius: 0;
-  box-shadow: none;
-}
-
-/* ============================================================
-   Gradients (top & bottom)
-   ============================================================ */
-[data-theme="v2"] .eb-player .eb-top-bar {
-  background: linear-gradient(to bottom, rgba(0,0,0,.72), transparent);
-  height: 110px;
-  padding: 14px 16px;
-  gap: 6px;
-}
-
-[data-theme="v2"] .eb-player .eb-bottom-bar__gradient {
-  height: 150px;
-  background: linear-gradient(to top, rgba(0,0,0,.9), transparent);
-}
-
-/* ============================================================
-   Top bar: slide-in from above
-   ============================================================ */
-[data-theme="v2"] .eb-player.eb-controls-visible .eb-top-bar {
-  opacity: 1;
-  transform: translateY(0);
-  transition: opacity .3s, transform .3s;
-}
-
-[data-theme="v2"] .eb-player.eb-controls-hidden .eb-top-bar {
-  opacity: 0;
-  transform: translateY(-6px);
-  transition: opacity .3s, transform .3s;
-}
-
-[data-theme="v2"] .eb-player .eb-top-bar__actions {
-  gap: 6px;
-}
-
-/* Logo */
-[data-theme="v2"] .eb-player .eb-top-bar__logo {
-  max-height: 32px;
-  max-width: 120px;
-  opacity: .85;
-}
-
-/* ============================================================
-   Bottom bar: slide-up animation + spacing
-   ============================================================ */
-[data-theme="v2"] .eb-player .eb-bottom-bar__controls-row {
-  padding: 0 14px 12px;
-  gap: 8px;
-}
-
-[data-theme="v2"] .eb-player.eb-controls-visible .eb-bottom-bar {
-  opacity: 1;
-  transform: translateY(0);
-  transition: opacity .3s, transform .3s;
-}
-
-[data-theme="v2"] .eb-player.eb-controls-hidden .eb-bottom-bar {
-  opacity: 0;
-  transform: translateY(8px);
-  transition: opacity .3s, transform .3s;
-}
-
-/* ============================================================
-   Bottom bar: two-row layout
-   Row 1: LIVE + time
-   Row 2: play-pause | ——seekbar—— | volume | fullscreen
-   PiP / Cast are in the top bar (via THEME_LAYOUTS.v2 in config.ts)
-   ============================================================ */
-
-[data-theme="v2"] .eb-player .eb-bottom-bar__controls-row {
-  flex-wrap: wrap;
-  align-items: center;
-  row-gap: 2px;
-}
-
-/* Row 1: live-sync and time float above, offset to align with seekbar start */
-[data-theme="v2"] .eb-player .eb-slot-live-sync,
-[data-theme="v2"] .eb-player .eb-slot-time {
-  order: -1;
-}
-
-/* Align row 1 with the seekbar: offset by play-pause width (38px) + gap (8px) */
-[data-theme="v2"] .eb-player .eb-slot-live-sync {
-  margin-inline-start: calc(38px + 8px);
-}
-
-/* Invisible full-width flex break between row 1 and row 2 */
-[data-theme="v2"] .eb-player .eb-bottom-bar__controls-row::after {
-  content: '';
-  width: 100%;
-  height: 0;
-  order: 0;
-  flex-shrink: 0;
-}
-
-/* Row 2: play-pause, seekbar, volume, fullscreen */
-[data-theme="v2"] .eb-player .eb-slot-play-pause,
-[data-theme="v2"] .eb-player .eb-bottom-bar__seekbar-zone,
-[data-theme="v2"] .eb-player .eb-slot-volume,
-[data-theme="v2"] .eb-player .eb-slot-fullscreen {
-  order: 1;
-}
-
-/* ============================================================
-   Middle bar: glassmorphism transport circles
-   ============================================================ */
-[data-theme="v2"] .eb-player .eb-middle-bar {
-  gap: 28px;
-}
-
-[data-theme="v2"] .eb-player.eb-controls-visible .eb-middle-bar {
-  opacity: 1;
-  transition: opacity .3s;
-}
-
-[data-theme="v2"] .eb-player.eb-controls-hidden .eb-middle-bar {
-  opacity: 0;
-  transition: opacity .3s;
-}
-
-/* Central play/pause — large frosted circle */
-[data-theme="v2"] .eb-player .eb-middle-bar__play-btn {
-  width: 80px;
-  height: 80px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: rgba(255,255,255,.15);
-  backdrop-filter: blur(8px);
-  -webkit-backdrop-filter: blur(8px);
-  border: 2px solid rgba(255,255,255,.25);
-  color: #fff;
-  padding: 0;
-  transition: background .15s, transform .25s, opacity .25s;
-}
-
-[data-theme="v2"] .eb-player .eb-middle-bar__play-btn:hover {
-  background: rgba(255,255,255,.25);
-}
-
-[data-theme="v2"] .eb-player .eb-middle-bar__play-btn:active {
-  transform: scale(.92);
-}
-
-[data-theme="v2"] .eb-player .eb-middle-bar__play-btn .eb-icon {
-  width: 32px;
-  height: 32px;
-  stroke-width: 2.5;
-}
-
-/* Seek buttons — smaller frosted circles, same style as play button */
-[data-theme="v2"] .eb-player .eb-middle-bar__seek-btn {
-  width: 56px;
-  height: 56px;
-  border-radius: 50%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  background: rgba(255,255,255,.15);
-  backdrop-filter: blur(8px);
-  -webkit-backdrop-filter: blur(8px);
-  border: 2px solid rgba(255,255,255,.25);
-  color: #fff;
-  gap: 1px;
-  padding: 0;
-  transition: background .15s;
-}
-
-[data-theme="v2"] .eb-player .eb-middle-bar__seek-btn:hover {
-  background: rgba(255,255,255,.25);
-}
-
-[data-theme="v2"] .eb-player .eb-seek-circle {
-  width: 24px;
-  height: 24px;
-  color: rgba(255,255,255,.85);
-  fill: currentColor;
-  stroke: none;
-}
-
-[data-theme="v2"] .eb-player .eb-seek-label {
-  font-size: .75em;
-  font-weight: 700;
-  color: rgba(255,255,255,.9);
-  line-height: 1;
-}
-
-/* ============================================================
-   Buttons: rounded, soft color, scale on press
-   ============================================================ */
-[data-theme="v2"] .eb-player .eb-button:not(.eb-middle-bar__seek-btn):not(.eb-middle-bar__play-btn),
-[data-theme="v2"] .eb-player .eb-play-pause,
-[data-theme="v2"] .eb-player .eb-fullscreen,
-[data-theme="v2"] .eb-player .eb-pip,
-[data-theme="v2"] .eb-player .eb-cast,
-[data-theme="v2"] .eb-player .eb-volume-mute,
-[data-theme="v2"] .eb-player .eb-live-sync {
-  color: rgba(255,255,255,.82);
-  border-radius: 8px;
-  width: 38px;
-  height: 38px;
-  transition: background .15s, color .15s, transform .1s;
-  flex-shrink: 0;
-}
-
-[data-theme="v2"] .eb-player .eb-button:not(.eb-middle-bar__seek-btn):not(.eb-middle-bar__play-btn):hover,
-[data-theme="v2"] .eb-player .eb-play-pause:hover,
-[data-theme="v2"] .eb-player .eb-fullscreen:hover,
-[data-theme="v2"] .eb-player .eb-pip:hover,
-[data-theme="v2"] .eb-player .eb-cast:hover,
-[data-theme="v2"] .eb-player .eb-volume-mute:hover,
-[data-theme="v2"] .eb-player .eb-live-sync:hover {
-  background: rgba(255,255,255,.12);
-  color: #fff;
-}
-
-[data-theme="v2"] .eb-player .eb-button:not(.eb-middle-bar__seek-btn):not(.eb-middle-bar__play-btn):active,
-[data-theme="v2"] .eb-player .eb-play-pause:active,
-[data-theme="v2"] .eb-player .eb-fullscreen:active,
-[data-theme="v2"] .eb-player .eb-pip:active,
-[data-theme="v2"] .eb-player .eb-cast:active,
-[data-theme="v2"] .eb-player .eb-volume-mute:active,
-[data-theme="v2"] .eb-player .eb-live-sync:active {
-  transform: scale(.88);
-}
-
-/* Icon size inside buttons (not middle bar transport) */
-[data-theme="v2"] .eb-player .eb-button:not(.eb-middle-bar__seek-btn):not(.eb-middle-bar__play-btn) .eb-icon,
-[data-theme="v2"] .eb-player .eb-play-pause .eb-icon,
-[data-theme="v2"] .eb-player .eb-fullscreen .eb-icon,
-[data-theme="v2"] .eb-player .eb-pip .eb-icon,
-[data-theme="v2"] .eb-player .eb-cast .eb-icon,
-[data-theme="v2"] .eb-player .eb-volume-mute .eb-icon {
-  width: 22px;
-  height: 22px;
-}
-
-/* Top bar icons slightly larger */
-[data-theme="v2"] .eb-player .eb-top-bar .eb-icon {
-  width: 24px;
-  height: 24px;
-}
-
-/* Play/pause icons should be filled (solid), not stroke outlines */
-[data-theme="v2"] .eb-player .eb-play-pause .eb-icon,
-[data-theme="v2"] .eb-player .eb-middle-bar__play-btn .eb-icon {
-  fill: currentColor;
-  stroke: none;
-}
-
-/* Volume icon: fill the speaker body, keep stroke for sound waves */
-[data-theme="v2"] .eb-player .eb-volume-mute .eb-icon path:first-child {
-  fill: currentColor;
-}
-
-/* Cast button active state — cyan */
-[data-theme="v2"] .eb-player .eb-cast-active {
-  color: #1eb6d4 !important;
-  background: rgba(30, 182, 212, .15) !important;
-}
-
-[data-theme="v2"] .eb-player .eb-cast-active .eb-icon {
-  filter: drop-shadow(0 0 4px rgba(30, 182, 212, .6));
-}
-
-/* ============================================================
-   Seekbar
-   ============================================================ */
-[data-theme="v2"] .eb-player .eb-seekbar-track {
-  height: 3px;
-  background: rgba(255,255,255,.22);
-  border-radius: 3px;
-  transition: height .15s;
-}
-
-[data-theme="v2"] .eb-player .eb-seekbar:hover .eb-seekbar-track {
-  height: 5px;
-}
-
-[data-theme="v2"] .eb-player .eb-seekbar-buffered {
-  background: rgba(255,255,255,.28);
-  border-radius: 3px;
-  transition: height .15s;
-}
-
-/* Gradient fill — brightens toward the right */
-[data-theme="v2"] .eb-player .eb-seekbar-progress {
-  background: linear-gradient(90deg, var(--eb-color-progress, var(--eb-color-primary, #3d4097)), color-mix(in srgb, var(--eb-color-progress, var(--eb-color-primary, #3d4097)) 70%, #fff));
-  border-radius: 3px;
-  transition: height .15s;
-}
-
-[data-theme="v2"] .eb-player .eb-seekbar-thumb {
-  width: 14px;
-  height: 14px;
-  inset-inline-end: -7px;
-  background: #fff;
-  box-shadow: 0 0 0 3px rgba(61,64,151,.45);
-}
-
-/* ============================================================
-   Seekbar tooltip & preview
-   ============================================================ */
-[data-theme="v2"] .eb-player .eb-seekbar-tooltip {
-  bottom: 28px;
-  background: rgba(0,0,0,.88);
-  border: 1px solid rgba(255,255,255,.12);
-  border-radius: 7px;
-  font-size: 11px;
-  font-weight: 500;
-  padding: 0;
-  overflow: hidden;
-  box-shadow: 0 4px 16px rgba(0,0,0,.5);
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-
-[data-theme="v2"] .eb-player .eb-seekbar-preview {
-  width: 160px;
-  height: 90px;
-  background: #111;
-  border: none;
-  border-radius: 0;
-  margin: 0;
-}
-
-/* ============================================================
-   Chapter markers
-   ============================================================ */
-[data-theme="v2"] .eb-player .eb-chapter-marker {
-  width: 2px;
-  height: 7px;
-  background: rgba(0,0,0,.45);
-  border-radius: 1px;
-  top: 50%;
-  transform: translate(var(--eb-chapter-marker-x, -50%), -50%);
-}
-
-/* ============================================================
-   Volume: expandable slider, white fill
-   ============================================================ */
-[data-theme="v2"] .eb-player .eb-volume-control {
-  flex-direction: row;
-  gap: 0;
-  margin-inline-end: 0;
-}
-
-[data-theme="v2"] .eb-player .eb-volume-track {
-  width: 0;
-  height: 3px;
-  background: rgba(255,255,255,.22);
-  border-radius: 3px;
-  overflow: hidden;
-  transition: width .25s ease, margin .25s ease;
-  margin: 0;
-}
-
-[data-theme="v2"] .eb-player .eb-volume-control:hover .eb-volume-track,
-[data-theme="v2"] .eb-player .eb-volume-control:focus-within .eb-volume-track {
-  width: 66px;
-  margin: 0 6px 0 2px;
-}
-
-[data-theme="v2"] .eb-player .eb-volume-fill {
-  background: var(--eb-color-primary, #3d4097);
-}
-
-[data-theme="v2"] .eb-player .eb-volume-thumb {
-  width: 11px;
-  height: 11px;
-  background: #fff;
-  box-shadow: 0 0 0 2px rgba(255,255,255,.35);
-  transform: translate(var(--eb-volume-thumb-x, -50%), -50%) scale(0);
-  transition: transform .15s;
-}
-
-[data-theme="v2"] .eb-player .eb-volume-control:hover .eb-volume-thumb {
-  transform: translate(var(--eb-volume-thumb-x, -50%), -50%) scale(1);
-}
-
-/* ============================================================
-   Time display
-   ============================================================ */
-[data-theme="v2"] .eb-player .eb-time-display {
-  font-size: 13px;
-  color: rgba(255,255,255,.85);
-  font-weight: 500;
-  letter-spacing: .02em;
-}
-
-/* ============================================================
-   Live badge — text badge with blinking dot (not icon)
-   ============================================================ */
-[data-theme="v2"] .eb-player .eb-live-sync {
-  width: auto;
-  height: auto;
-  padding: 4px 10px;
-  border-radius: 6px;
-  font-size: 11px;
-  font-weight: 700;
-  letter-spacing: .08em;
-  text-transform: uppercase;
-  gap: 5px;
-}
-
-/* Hide icon, show dot + label */
-[data-theme="v2"] .eb-player .eb-live-sync__icon {
-  display: none;
-}
-
-[data-theme="v2"] .eb-player .eb-live-sync__dot {
-  display: block;
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-  background: #fff;
-  flex-shrink: 0;
-}
-
-[data-theme="v2"] .eb-player .eb-live-sync__label {
-  display: block;
-}
-
-/* Synced state — red background with blinking dot */
-[data-theme="v2"] .eb-player .eb-live-synced {
-  background: rgba(220,38,38,.9);
-  color: #fff;
-  box-shadow: 0 2px 8px rgba(220,38,38,.4);
-}
-
-[data-theme="v2"] .eb-player .eb-live-synced .eb-live-sync__dot {
-  animation: eb-v2-blink 1.2s ease infinite;
-}
-
-/* Delayed / not-at-live-edge */
-[data-theme="v2"] .eb-player .eb-live-sync:not(.eb-live-synced) {
-  background: rgba(60,60,80,.75);
-  color: rgba(255,255,255,.7);
-  box-shadow: none;
-}
-
-[data-theme="v2"] .eb-player .eb-live-sync:not(.eb-live-synced) .eb-live-sync__dot {
-  background: rgba(255,255,255,.5);
-  animation: none;
-}
-
-[data-theme="v2"] .eb-player .eb-live-sync:not(.eb-live-synced):hover {
-  background: rgba(220,38,38,.7);
-  color: #fff;
-}
-
-@keyframes eb-v2-blink {
-  0%, 100% { opacity: 1; }
-  50%      { opacity: .15; }
-}
-
-/* ============================================================
-   Settings panel: glassmorphism dropdown
-   ============================================================ */
-[data-theme="v2"] .eb-player .eb-settings-panel {
-  background: rgba(10,10,20,.55);
-  backdrop-filter: blur(18px) saturate(160%);
-  -webkit-backdrop-filter: blur(18px) saturate(160%);
-  border-radius: 12px;
-  min-width: 300px;
-  box-shadow: 0 16px 48px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.1);
-}
-
-[data-theme="v2"] .eb-player .eb-settings-menu {
-  padding: 0;
-}
-
-[data-theme="v2"] .eb-player .eb-settings-category,
-[data-theme="v2"] .eb-player .eb-settings-item,
-[data-theme="v2"] .eb-player .eb-settings-back {
-  padding: 15px 20px;
-  font-size: 13px;
-  color: rgba(255,255,255,.9);
-  border-bottom: 1px solid rgba(255,255,255,.06);
-  transition: background .12s;
-}
-
-[data-theme="v2"] .eb-player .eb-settings-category:last-child,
-[data-theme="v2"] .eb-player .eb-settings-item:last-child {
-  border-bottom: none;
-}
-
-[data-theme="v2"] .eb-player .eb-settings-category:hover,
-[data-theme="v2"] .eb-player .eb-settings-item:hover,
-[data-theme="v2"] .eb-player .eb-settings-back:hover {
-  background: rgba(255,255,255,.05);
-}
-
-/* Selected item text */
-[data-theme="v2"] .eb-player .eb-settings-item--selected {
-  color: #fff;
-  font-weight: 500;
-}
-
-/* Active selection dot (filled orange) */
-[data-theme="v2"] .eb-player .eb-settings-item--selected::after {
-  content: '';
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-  background: var(--eb-accent, #3d4097);
-  box-shadow: 0 0 0 3px rgba(61,64,151,.25);
-  flex-shrink: 0;
-}
-
-/* Non-selected items: hollow dot */
-[data-theme="v2"] .eb-player .eb-settings-item:not(.eb-settings-item--selected)::after {
-  content: '';
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-  border: 2px solid rgba(255,255,255,.2);
-  flex-shrink: 0;
-}
-
-/* Back button */
-[data-theme="v2"] .eb-player .eb-settings-back {
-  gap: 14px;
-  font-weight: 600;
-}
-
-
-/* ============================================================
-   Error overlay
-   ============================================================ */
-[data-theme="v2"] .eb-player .eb-error {
-  background: rgba(10,10,20,.85);
-  backdrop-filter: blur(12px);
-  -webkit-backdrop-filter: blur(12px);
-}
-
-[data-theme="v2"] .eb-player .eb-error-message {
-  font-weight: 400;
-  letter-spacing: .01em;
-}
-
-[data-theme="v2"] .eb-player .eb-error-retry {
-  border-radius: 8px;
-  background: rgba(255,255,255,.1);
-  border-color: rgba(255,255,255,.15);
-  transition: background .2s, color .2s;
-}
-
-[data-theme="v2"] .eb-player .eb-error-retry:hover {
-  background: rgba(255,255,255,.18);
-}
-
-/* ============================================================
-   Toast (keyboard hints, status messages)
-   ============================================================ */
-[data-theme="v2"] .eb-player .eb-toast {
-  background: rgba(0,0,0,.72);
-  backdrop-filter: blur(10px);
-  -webkit-backdrop-filter: blur(10px);
-  border-radius: 10px;
-  font-size: 13px;
-  padding: 8px 16px;
-}
-
-/* ============================================================
-   Info & socials overlays
-   ============================================================ */
-[data-theme="v2"] .eb-player .eb-info-overlay,
-[data-theme="v2"] .eb-player .eb-socials-overlay {
-  background: rgba(10,10,20,.85);
-  backdrop-filter: blur(12px);
-  -webkit-backdrop-filter: blur(12px);
-}
-
-[data-theme="v2"] .eb-player .eb-info-close,
-[data-theme="v2"] .eb-player .eb-socials-close {
-  border-radius: 8px;
-  background: rgba(255,255,255,.07);
-  border-color: rgba(255,255,255,.08);
-  transition: background .2s, color .2s;
-}
-
-[data-theme="v2"] .eb-player .eb-info-close:hover,
-[data-theme="v2"] .eb-player .eb-socials-close:hover {
-  background: rgba(255,255,255,.13);
-  color: #fff;
-}
-
-[data-theme="v2"] .eb-player .eb-socials-link {
-  background: rgba(255,255,255,.07);
-  border: 1px solid rgba(255,255,255,.08);
-  border-radius: 8px;
-  transition: background .2s, color .2s, border-color .2s;
-}
-
-[data-theme="v2"] .eb-player .eb-socials-link:hover {
-  background: rgba(255,132,31,.15);
-  border-color: rgba(255,132,31,.35);
-  color: #ffb980;
-}
-
-/* ============================================================
-   Poster
-   ============================================================ */
-[data-theme="v2"] .eb-player .eb-poster {
-  background: linear-gradient(135deg, #0f0c29, #302b63, #24243e);
-}
-
-/* ============================================================
-   Radio overlay
-   ============================================================ */
-[data-theme="v2"] .eb-player .eb-radio-overlay {
-  background: linear-gradient(135deg, #0f0c29, #302b63, #24243e);
-}
-
-[data-theme="v2"] .eb-player .eb-radio-bar {
-  background: rgba(255,132,31,.8);
-}
-
-/* ============================================================
-   Chapter skip button
-   ============================================================ */
-[data-theme="v2"] .eb-player .eb-chapter-skip {
-  background: rgba(10,10,20,.55);
-  backdrop-filter: blur(12px);
-  -webkit-backdrop-filter: blur(12px);
-  border: 1px solid rgba(255,255,255,.15);
-  border-radius: 8px;
-  font-size: 12px;
-  font-weight: 500;
-  transition: background .15s;
-}
-
-[data-theme="v2"] .eb-player .eb-chapter-skip:hover {
-  background: rgba(255,255,255,.12);
-}
-
-/* eb-player skin CSS — BEM-prefixed structural styles */
-/* All class names use the eb- prefix to avoid collisions with consumer CSS */
-
-/* ============================================================
-   Root container
-   ============================================================ */
-.eb-player {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  font-family: sans-serif;
-  background: #000;
-  color: #fff;
-  box-sizing: border-box;
-  user-select: none;
-}
-
-/* Video element fills the container.
-   filter: brightness(1) is visually identical to no filter but forces Chrome to
-   composite the video through the GPU filter pipeline instead of using a hardware
-   overlay plane. Without this, DRM-protected video (Widevine) renders on a separate
-   hardware overlay that sits above ALL HTML layers — making seekbar snapshot preview
-   and other overlay elements invisible behind the main video. */
-.eb-player video.eb-video {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: block;
-  object-fit: contain;
-  z-index: 1;
-  filter: brightness(1);
-}
-
-/* ============================================================
-   Overlay zone (poster, radio, loading, error, socials, info)
-   ============================================================ */
-.eb-overlay-zone {
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 10;
-}
-
-.eb-loading-slot {
-  position: absolute;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  pointer-events: none;
-  z-index: 26;
-}
-
-/* Poster image */
-.eb-poster {
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  pointer-events: none;
-  background: #000;
-  box-sizing: border-box;
-}
-
-/* Ads container (for IMA SDK) */
-.eb-ads-container {
-  position: absolute;
-  inset: 0;
-  z-index: 20;
-  pointer-events: none;
-}
-
-/* While an ad plays, raise the ads container above the player chrome (bars are
-   z-index 30) and enable pointer-events so IMA's own ad UI — Skip button,
-   click-through — receives clicks. At rest the container stays pointer-events:none
-   so it never blocks clicks on the content video. */
-.eb-ad-playing .eb-ads-container {
-  z-index: 40;
-  pointer-events: auto;
-}
-
-/* ============================================================
-   Top bar
-   ============================================================ */
-.eb-top-bar {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  padding: 8px 12px;
-  background: linear-gradient(to bottom, rgba(0,0,0,0.6), transparent);
-  z-index: 30;
-  pointer-events: auto;
-}
-
-.eb-top-bar__logo {
-  height: 28px;
-  width: auto;
-  display: block;
-}
-
-.eb-top-bar__logo-link {
-  display: inline-flex;
-  text-decoration: none;
-}
-
-.eb-top-bar__actions {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  margin-inline-start: auto;
-}
-
-/* ============================================================
-   Bottom bar
-   ============================================================ */
-.eb-bottom-bar {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  display: flex;
-  flex-direction: column;
-  z-index: 30;
-  pointer-events: auto;
-}
-
-.eb-bottom-bar__gradient {
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  height: 100px;
-  background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
-  pointer-events: none;
-  z-index: -1;
-}
-
-.eb-bottom-bar__controls-row {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 4px;
-  padding: 4px 8px 8px;
-}
-
-.eb-bottom-bar__seekbar-zone {
-  flex: 1;
-  min-width: 0;
-}
-
-.eb-bottom-bar__seekbar-zone:has(.eb-seekbar[hidden]) {
-  display: none;
-}
-
-/* ============================================================
-   Middle bar
-   ============================================================ */
-.eb-middle-bar {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  pointer-events: auto;
-  z-index: 25;
-  display: flex;
-  align-items: center;
-  gap: 16px;
-}
-
-.eb-middle-bar__play-btn {
-  width: 64px;
-  height: 64px;
-  border-radius: 50%;
-  background: rgba(0,0,0,0.5);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.eb-middle-bar__seek-btn {
-  flex-direction: column;
-  gap: 2px;
-  background: none;
-  padding: 4px;
-}
-
-.eb-middle-bar__seek-btn:hover {
-  background: rgba(255,255,255,0.1);
-  border-radius: 8px;
-}
-
-.eb-seek-circle {
-  width: 32px;
-  height: 32px;
-  display: block;
-  pointer-events: none;
-  fill: currentColor;
-}
-
-.eb-seek-label {
-  font-size: 11px;
-  font-weight: 600;
-  line-height: 1;
-  opacity: 0.85;
-}
-
-/* ============================================================
-   Extension zones
-   ============================================================ */
-.eb-extension-top-extra,
-.eb-extension-bottom-extra,
-.eb-extension-overlay,
-.eb-extension-controls-extra {
-  position: absolute;
-  pointer-events: none;
-  z-index: 35;
-}
-
-.eb-extension-top-extra > *,
-.eb-extension-bottom-extra > *,
-.eb-extension-overlay > *,
-.eb-extension-controls-extra > * {
-  pointer-events: auto;
-}
-
-.eb-extension-top-extra {
-  top: 0;
-  left: 0;
-  right: 0;
-}
-
-.eb-extension-bottom-extra {
-  bottom: 0;
-  left: 0;
-  right: 0;
-}
-
-.eb-extension-overlay {
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.eb-extension-controls-extra {
-  bottom: 0;
-  inset-inline-end: 0;
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  padding: 4px 8px 8px;
-}
-
-/* ============================================================
-   Time display
-   ============================================================ */
-.eb-time-display {
-  font-size: 13px;
-  line-height: 1;
-  white-space: nowrap;
-  padding: 0 4px;
-  color: #fff;
-  font-variant-numeric: tabular-nums;
-}
-
-.eb-time-display__offset {
-  color: rgba(255, 255, 255, 0.5);
-}
-
-.eb-channel-name {
-  font-size: 13px;
-  line-height: 1;
-  white-space: nowrap;
-  padding: 0 4px;
-  color: #fff;
-  opacity: 0.75;
-}
-
-/* ============================================================
-   Volume control
-   ============================================================ */
-.eb-volume-control {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  margin-inline-end: 8px;
-}
-
-.eb-volume-track {
-  position: relative;
-  width: 60px;
-  height: 4px;
-  background: rgba(255, 255, 255, 0.2);
-  border-radius: 2px;
-  cursor: pointer;
-}
-
-.eb-volume-fill {
-  position: absolute;
-  top: 0;
-  inset-inline-start: 0;
-  height: 100%;
-  background: var(--eb-color-volume, var(--eb-color-primary, #fff));
-  border-radius: 2px;
-  pointer-events: none;
-}
-
-.eb-volume-thumb {
-  position: absolute;
-  top: 50%;
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-  background: var(--eb-color-volume, var(--eb-color-primary, #fff));
-  /* Centre on the inline-start offset; the sign flips under RTL (see RTL block) */
-  --eb-volume-thumb-x: -50%;
-  transform: translate(var(--eb-volume-thumb-x), -50%);
-  pointer-events: none;
-}
-
-/* ============================================================
-   Settings panel
-   ============================================================ */
-.eb-settings-wrapper {
-  position: relative;
-}
-
-.eb-settings-panel {
-  position: absolute;
-  background: rgba(0, 0, 0, 0.85);
-  border-radius: 6px;
-  min-width: 160px;
-  max-width: 220px;
-  overflow: hidden;
-  font-size: 12px;
-  z-index: 40;
-}
-
-/* Vertical direction: up (default) or down */
-.eb-settings-panel--up {
-  bottom: calc(100% + 8px);
-}
-
-.eb-settings-panel--down {
-  top: calc(100% + 8px);
-}
-
-/* Horizontal alignment: right (default) or left */
-.eb-settings-panel--right {
-  right: 0;
-}
-
-.eb-settings-panel--left {
-  left: 0;
-}
-
-.eb-settings-menu {
-  list-style: none;
-  margin: 0;
-  padding: 4px 0;
-}
-
-.eb-settings-submenu {
-  max-height: 200px;
-  overflow-y: auto;
-}
-
-.eb-settings-submenu::-webkit-scrollbar {
-  width: 4px;
-}
-
-.eb-settings-submenu::-webkit-scrollbar-thumb {
-  background: rgba(255, 255, 255, 0.3);
-  border-radius: 2px;
-}
-
-.eb-settings-header {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  padding: 5px 12px;
-}
-
-.eb-settings-category,
-.eb-settings-item {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  padding: 5px 12px;
-  border: none;
-  background: none;
-  color: #fff;
-  cursor: pointer;
-  font-size: 12px;
-  text-align: start;
-}
-
-.eb-settings-back {
-  display: flex;
-  align-items: center;
-  border: none;
-  background: none;
-  color: #fff;
-  cursor: pointer;
-  padding: 0;
-}
-
-.eb-settings-category:hover,
-.eb-settings-item:hover {
-  background: rgba(255, 255, 255, 0.1);
-}
-
-.eb-settings-item--selected {
-  color: var(--eb-accent, var(--eb-color-primary, #e53935));
-}
-
-/* ============================================================
-   Seekbar
-   ============================================================ */
-.eb-seekbar {
-  position: relative;
-  width: 100%;
-  padding: 8px 0;
-  cursor: pointer;
-}
-
-.eb-seekbar-disabled {
-  pointer-events: none;
-  opacity: 0.4;
-}
-
-.eb-seekbar-track {
-  position: relative;
-  height: 4px;
-  background: rgba(255, 255, 255, 0.2);
-  border-radius: 2px;
-}
-
-.eb-seekbar-buffered {
-  position: absolute;
-  top: 0;
-  inset-inline-start: 0;
-  height: 100%;
-  background: rgba(255, 255, 255, 0.4);
-  border-radius: 2px;
-  pointer-events: none;
-}
-
-.eb-seekbar-progress {
-  position: absolute;
-  top: 0;
-  inset-inline-start: 0;
-  height: 100%;
-  background: var(--eb-color-progress, var(--eb-color-primary, #e53935));
-  border-radius: 2px;
-  pointer-events: none;
-}
-
-.eb-seekbar-thumb {
-  position: absolute;
-  inset-inline-end: -6px;
-  top: 50%;
-  width: 12px;
-  height: 12px;
-  border-radius: 50%;
-  background: var(--eb-color-progress, var(--eb-color-primary, #e53935));
-  transform: translateY(-50%) scale(0);
-  transition: transform 0.15s;
-  pointer-events: none;
-}
-
-.eb-seekbar:hover .eb-seekbar-thumb {
-  transform: translateY(-50%) scale(1);
-}
-
-.eb-seekbar:hover .eb-seekbar-track {
-  height: 6px;
-}
-
-.eb-seekbar-tooltip {
-  position: absolute;
-  bottom: calc(100% + 8px);
-  transform: translateX(-50%);
-  background: rgba(0, 0, 0, 0.8);
-  color: #fff;
-  font-size: 12px;
-  padding: 4px 8px;
-  border-radius: 3px;
-  white-space: nowrap;
-  pointer-events: none;
-  text-align: center;
-  z-index: 50;
-  overflow: hidden;
-}
-
-.eb-seekbar-preview {
-  position: static !important;
-  width: 120px;
-  height: 68px;
-  min-width: 0 !important;
-  min-height: 0 !important;
-  max-width: none !important;
-  max-height: none !important;
-  display: block !important;
-  object-fit: contain;
-  background: #000;
-  margin: 0 !important;
-  padding: 0 !important;
-  border: none !important;
-  inset: auto !important;
-  transform: none !important;
-  z-index: auto !important;
-}
-
-.eb-chapter-marker {
-  position: absolute;
-  top: 0;
-  width: 3px;
-  height: 100%;
-  background: rgba(255, 255, 255, 0.6);
-  /* Centre on the inline-start offset; the sign flips under RTL (see RTL block) */
-  --eb-chapter-marker-x: -50%;
-  transform: translateX(var(--eb-chapter-marker-x));
-  pointer-events: none;
-}
-
-.eb-chapter-marker.eb-chapter-active {
-  background: #fff;
-}
-
-.eb-chapter-skip {
-  position: absolute;
-  inset-inline-end: 0;
-  bottom: calc(100% + 4px);
-  background: rgba(0, 0, 0, 0.7);
-  color: #fff;
-  border: 1px solid rgba(255, 255, 255, 0.4);
-  border-radius: 4px;
-  padding: 6px 16px;
-  font-size: 13px;
-  cursor: pointer;
-}
-
-.eb-chapter-skip:hover {
-  background: rgba(255, 255, 255, 0.2);
-}
-
-.eb-epg-segment {
-  position: absolute;
-  top: 0;
-  height: 100%;
-  border-inline-end: 1px solid rgba(255, 255, 255, 0.3);
-  pointer-events: none;
-}
-
-.eb-epg-segment.eb-epg-current {
-  background: rgba(255, 255, 255, 0.1);
-}
-
-/* ============================================================
-   Icons
-   ============================================================ */
-.eb-icon {
-  width: 20px;
-  height: 20px;
-  fill: none;
-  stroke: currentColor;
-  stroke-width: 2;
-  stroke-linecap: round;
-  stroke-linejoin: round;
-  display: block;
-  pointer-events: none;
-  flex-shrink: 0;
-}
-
-/* ============================================================
-   Buttons (base style)
-   ============================================================ */
-.eb-button,
-.eb-play-pause,
-.eb-fullscreen,
-.eb-pip,
-.eb-cast,
-.eb-volume-mute,
-.eb-live-sync {
-  cursor: pointer;
-  background: none;
-  border: none;
-  padding: 6px;
-  color: var(--eb-color-icon, inherit);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 4px;
-  transition: background 0.15s;
-  -webkit-tap-highlight-color: transparent;
-}
-
-.eb-button:hover,
-.eb-play-pause:hover,
-.eb-fullscreen:hover,
-.eb-pip:hover,
-.eb-cast:hover,
-.eb-volume-mute:hover,
-.eb-live-sync:hover {
-  background: rgba(255,255,255,0.15);
-}
-
-.eb-button:active,
-.eb-play-pause:active,
-.eb-fullscreen:active,
-.eb-pip:active,
-.eb-cast:active,
-.eb-volume-mute:active,
-.eb-live-sync:active {
-  background: rgba(255,255,255,0.25);
-}
-
-/* ============================================================
-   Radio overlay
-   ============================================================ */
-.eb-radio-overlay {
-  position: absolute;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: #000;
-  z-index: 15;
-}
-
-.eb-radio-bars {
-  display: flex;
-  align-items: flex-end;
-  gap: 4px;
-  height: 40px;
-}
-
-.eb-radio-bar {
-  display: block;
-  width: 6px;
-  background: #fff;
-  border-radius: 3px;
-  animation: eb-radio-bar-bounce 0.8s ease-in-out infinite;
-}
-
-.eb-radio-bar:nth-child(1) { animation-delay: 0s;    height: 20px; }
-.eb-radio-bar:nth-child(2) { animation-delay: 0.1s;  height: 32px; }
-.eb-radio-bar:nth-child(3) { animation-delay: 0.2s;  height: 40px; }
-.eb-radio-bar:nth-child(4) { animation-delay: 0.3s;  height: 28px; }
-.eb-radio-bar:nth-child(5) { animation-delay: 0.4s;  height: 16px; }
-
-@keyframes eb-radio-bar-bounce {
-  0%, 100% { transform: scaleY(0.4); opacity: 0.7; }
-  50%       { transform: scaleY(1);   opacity: 1; }
-}
-
-/* Volume mute button — base styles shared via .eb-button group above */
-
-/* ============================================================
-   Live sync button
-   ============================================================ */
-.eb-live-sync[hidden] {
-  display: none;
-}
-
-.eb-live-synced {
-  color: var(--eb-accent, var(--eb-color-primary, #e53935));
-}
-
-/* Default theme: show icon only, hide text badge elements */
-.eb-live-sync__dot,
-.eb-live-sync__label {
-  display: none;
-}
-
-/* ============================================================
-   Overlay panels (error, info, socials — mounted in .eb-player)
-   ============================================================ */
-.eb-error-slot,
-.eb-info-slot,
-.eb-socials-slot {
-  position: absolute;
-  inset: 0;
-  z-index: 50;
-  pointer-events: none;
-}
-
-.eb-toast-slot {
-  position: absolute;
-  bottom: 60px;
-  left: 50%;
-  transform: translateX(-50%);
-  z-index: 50;
-  pointer-events: none;
-}
-
-.eb-toast {
-  background: rgba(0, 0, 0, 0.8);
-  color: #fff;
-  padding: 8px 20px;
-  border-radius: 4px;
-  font-size: 13px;
-  white-space: nowrap;
-  pointer-events: auto;
-}
-
-.eb-error,
-.eb-info-overlay,
-.eb-socials-overlay {
-  position: absolute;
-  inset: 0;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  background: rgba(0, 0, 0, 0.75);
-  color: #fff;
-  z-index: 50;
-  pointer-events: auto;
-  padding: 24px;
-  text-align: center;
-}
-
-.eb-error[hidden],
-.eb-info-overlay[hidden],
-.eb-socials-overlay[hidden] {
-  display: none;
-}
-
-.eb-error-message {
-  font-size: 16px;
-  margin: 0 0 16px;
-}
-
-.eb-error-retry {
-  background: rgba(255, 255, 255, 0.15);
-  color: #fff;
-  border: 1px solid rgba(255, 255, 255, 0.3);
-  border-radius: 4px;
-  padding: 8px 24px;
-  font-size: 14px;
-  cursor: pointer;
-}
-
-.eb-error-retry:hover {
-  background: rgba(255, 255, 255, 0.25);
-}
-
-.eb-info-content {
-  font-size: 14px;
-  line-height: 1.5;
-  max-width: 400px;
-  margin-bottom: 16px;
-}
-
-.eb-info-close,
-.eb-socials-close {
-  background: rgba(255, 255, 255, 0.15);
-  color: #fff;
-  border: 1px solid rgba(255, 255, 255, 0.3);
-  border-radius: 4px;
-  padding: 8px 24px;
-  font-size: 14px;
-  cursor: pointer;
-}
-
-.eb-info-close:hover,
-.eb-socials-close:hover {
-  background: rgba(255, 255, 255, 0.25);
-}
-
-.eb-socials-links {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 12px;
-  justify-content: center;
-  margin-bottom: 16px;
-}
-
-.eb-socials-link {
-  color: #fff;
-  text-decoration: none;
-  background: rgba(255, 255, 255, 0.1);
-  border-radius: 4px;
-  padding: 8px 16px;
-  font-size: 14px;
-  text-transform: capitalize;
-}
-
-.eb-socials-link:hover {
-  background: rgba(255, 255, 255, 0.25);
-}
-
-/* ============================================================
-   Loading spinner — CSS arc ring
-   ============================================================ */
-.eb-loading {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  color: #fff;
-  pointer-events: none;
-}
-
-.eb-loading[hidden] {
-  display: none;
-}
-
-.eb-loading-arc {
-  width: 80px;
-  height: 80px;
-  border-radius: 50%;
-  border: 3px solid rgba(255, 255, 255, 0.15);
-  border-top-color: rgba(255, 255, 255, 0.9);
-  animation: eb-spin 1.8s linear infinite;
-}
-
-.eb-loading-text {
-  font-size: 14px;
-}
-
-@keyframes eb-spin {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
-}
-
-/* ============================================================
-   Controls visibility
-   ============================================================ */
-.eb-controls-visible .eb-top-bar,
-.eb-controls-visible .eb-bottom-bar,
-.eb-controls-visible .eb-middle-bar {
-  opacity: 1;
-  transition: opacity 0.3s;
-}
-
-.eb-controls-hidden .eb-top-bar,
-.eb-controls-hidden .eb-bottom-bar,
-.eb-controls-hidden .eb-middle-bar {
-  opacity: 0;
-  transition: opacity 0.3s;
-  pointer-events: none;
-}
-
-/* ============================================================
-   iOS native controls fallback
-   ============================================================ */
-.eb-ios-native .eb-top-bar,
-.eb-ios-native .eb-bottom-bar,
-.eb-ios-native .eb-middle-bar,
-.eb-ios-native .eb-overlay-zone,
-.eb-ios-native .eb-error-slot,
-.eb-ios-native .eb-info-slot,
-.eb-ios-native .eb-socials-slot,
-.eb-ios-native .eb-toast-slot {
-  display: none;
-}
-
-/* ============================================================
-   RTL support
-   dir="rtl" on .eb-player mirrors the whole UI natively: flex rows lay out
-   right-to-left and the logical properties above (margin-inline-*,
-   inset-inline-*, text-align: start) flip with it. Do not add row-reverse
-   here — it cancels the native mirroring. Only elements positioned with a
-   physical inline style (chapter markers use right: N% under RTL) need an
-   explicit override.
-
-   Both overrides below MUST stay anchored to .eb-player[dir="rtl"]. As bare
-   [dir="rtl"] descendant selectors they also matched through an ancestor —
-   inside an RTL document (<html dir="rtl">) they fired even when the player
-   itself was LTR, mirroring the markers and volume thumb while Seekbar and
-   VolumeControl used their LTR pointer maths. Never widen these back.
-   ============================================================ */
-.eb-player[dir="rtl"] .eb-chapter-marker {
-  --eb-chapter-marker-x: 50%;
-}
-
-.eb-player[dir="rtl"] .eb-volume-thumb {
-  --eb-volume-thumb-x: 50%;
-}
-
-/* ============================================================
-   Responsive: ensure container fills parent
-   ============================================================ */
-.eb-player,
-.eb-player video.eb-video {
-  max-width: 100%;
-  max-height: 100%;
-}
+.eb-player{color:var(--eb-color-text,#fff);font-family:var(--eb-font-family,Arial,sans-serif);font-size:var(--eb-font-size-base,14px)}.eb-player *,.eb-player :after,.eb-player :before{box-sizing:inherit}.eb-player__container{background-color:var(--eb-color-background,rgba(0,0,0,.8));height:100%;position:relative;width:100%}.eb-player__video{display:block;height:100%;object-fit:contain;width:100%}[data-theme=forja]{--eb-color-primary:#fc013b;--eb-color-progress:#fc013b;--eb-accent:#fc013b}[data-theme=forja] .eb-player{--eb-color-background:#000;--eb-color-text:#fff;--eb-font-size-base:14px;color:#fff;font-family:Arial,sans-serif}[data-theme=forja] .eb-player .eb-top-bar{display:none}[data-theme=forja] .eb-player .eb-bottom-bar__gradient{background:linear-gradient(0deg,rgba(0,0,0,.85),transparent);height:100px}[data-theme=forja] .eb-player .eb-bottom-bar__controls-row{align-items:center;flex-wrap:wrap;gap:6px;padding:0 12px 10px;row-gap:4px}[data-theme=forja] .eb-player .eb-bottom-bar__seekbar-zone{flex:1;min-width:0;order:-1}[data-theme=forja] .eb-player .eb-bottom-bar__controls-row:after{content:"";flex-shrink:0;height:0;order:0;width:100%}[data-theme=forja] .eb-player .eb-slot-play-pause,[data-theme=forja] .eb-player .eb-slot-volume{order:1}[data-theme=forja] .eb-player .eb-slot-live-sync{margin-inline-start:auto;order:1}[data-theme=forja] .eb-player .eb-slot-fullscreen,[data-theme=forja] .eb-player .eb-slot-pip,[data-theme=forja] .eb-player .eb-slot-settings{order:1}[data-theme=forja] .eb-player.eb-controls-visible .eb-bottom-bar,[data-theme=forja] .eb-player.eb-controls-visible .eb-middle-bar{opacity:1;transition:opacity .25s}[data-theme=forja] .eb-player.eb-controls-hidden .eb-bottom-bar,[data-theme=forja] .eb-player.eb-controls-hidden .eb-middle-bar{opacity:0;transition:opacity .25s}[data-theme=forja] .eb-player .eb-middle-bar{gap:24px}[data-theme=forja] .eb-player .eb-middle-bar__play-btn{background:transparent;border:none;border-radius:0;color:hsla(0,0%,100%,.7);height:72px;padding:0;transition:color .15s,transform .15s;width:72px}[data-theme=forja] .eb-player .eb-middle-bar__play-btn:hover{color:hsla(0,0%,100%,.95)}[data-theme=forja] .eb-player .eb-middle-bar__play-btn:active{transform:scale(.9)}[data-theme=forja] .eb-player .eb-middle-bar__play-btn .eb-icon{fill:currentColor;stroke:none;height:52px;width:52px}[data-theme=forja] .eb-player .eb-middle-bar__seek-btn{align-items:center;background:transparent;border:none;border-radius:0;color:hsla(0,0%,100%,.65);display:flex;flex-direction:column;gap:1px;height:52px;justify-content:center;padding:0;transition:color .15s,transform .15s;width:52px}[data-theme=forja] .eb-player .eb-middle-bar__seek-btn:hover{color:hsla(0,0%,100%,.9)}[data-theme=forja] .eb-player .eb-middle-bar__seek-btn:active{transform:scale(.9)}[data-theme=forja] .eb-player .eb-seek-circle{fill:currentColor;stroke:none;height:28px;width:28px}[data-theme=forja] .eb-player .eb-seek-label{font-size:.7em;font-weight:700;line-height:1}[data-theme=forja] .eb-player .eb-fullscreen,[data-theme=forja] .eb-player .eb-pip,[data-theme=forja] .eb-player .eb-play-pause,[data-theme=forja] .eb-player .eb-settings-btn,[data-theme=forja] .eb-player .eb-volume-mute{background:transparent;border:none;border-radius:2px;color:hsla(0,0%,100%,.88);flex-shrink:0;height:36px;transition:color .15s;width:36px}[data-theme=forja] .eb-player .eb-fullscreen:hover,[data-theme=forja] .eb-player .eb-pip:hover,[data-theme=forja] .eb-player .eb-play-pause:hover,[data-theme=forja] .eb-player .eb-settings-btn:hover,[data-theme=forja] .eb-player .eb-volume-mute:hover{color:#fff}[data-theme=forja] .eb-player .eb-fullscreen .eb-icon,[data-theme=forja] .eb-player .eb-pip .eb-icon,[data-theme=forja] .eb-player .eb-play-pause .eb-icon,[data-theme=forja] .eb-player .eb-settings-btn .eb-icon,[data-theme=forja] .eb-player .eb-volume-mute .eb-icon{height:22px;width:22px}[data-theme=forja] .eb-player .eb-play-pause .eb-icon{fill:currentColor;stroke:none}[data-theme=forja] .eb-player .eb-seekbar-track{background:hsla(0,0%,100%,.25);border-radius:0;height:3px;transition:height .15s}[data-theme=forja] .eb-player .eb-seekbar:hover .eb-seekbar-track{height:5px}[data-theme=forja] .eb-player .eb-seekbar-buffered{background:hsla(0,0%,100%,.3);border-radius:0}[data-theme=forja] .eb-player .eb-seekbar-progress{background:var(--eb-color-progress,var(--eb-color-primary,#fc013b));border-radius:0}[data-theme=forja] .eb-player .eb-seekbar-thumb{background:#fc013b;border-radius:50%;box-shadow:none;height:12px;inset-inline-end:-6px;width:12px}[data-theme=forja] .eb-player .eb-volume-control{flex-direction:row;gap:0}[data-theme=forja] .eb-player .eb-volume-track{background:hsla(0,0%,100%,.25);border-radius:0;height:3px;margin:0 4px 0 2px;overflow:visible;transition:height .15s;width:72px}[data-theme=forja] .eb-player .eb-volume-control:hover .eb-volume-track{height:4px}[data-theme=forja] .eb-player .eb-volume-fill{background:#fc013b;border-radius:0}[data-theme=forja] .eb-player .eb-volume-thumb{background:#fff;box-shadow:none;height:11px;transform:translate(var(--eb-volume-thumb-x,-50%),-50%) scale(0);transition:transform .15s;width:11px}[data-theme=forja] .eb-player .eb-volume-control:hover .eb-volume-thumb{transform:translate(var(--eb-volume-thumb-x,-50%),-50%) scale(1)}[data-theme=forja] .eb-player .eb-live-sync{background:#fc013b;border-radius:3px;color:#fff;font-size:12px;font-weight:700;gap:0;height:auto;letter-spacing:.04em;padding:4px 8px;text-transform:uppercase;transition:background .15s;width:auto}[data-theme=forja] .eb-player .eb-live-sync__dot,[data-theme=forja] .eb-player .eb-live-sync__icon{display:none}[data-theme=forja] .eb-player .eb-live-sync__label{display:block;font-size:12px;font-weight:700;letter-spacing:.5px;line-height:1}[data-theme=forja] .eb-player .eb-live-sync:not(.eb-live-synced){background:hsla(0,0%,47%,.6)}[data-theme=forja] .eb-player .eb-live-sync:active,[data-theme=forja] .eb-player .eb-live-sync:hover{background:#c9012f}[data-theme=forja] .eb-player .eb-live-sync:not(.eb-live-synced):hover{background:hsla(0,0%,59%,.7)}[data-theme=forja] .eb-player .eb-settings-panel{background:hsla(0,0%,8%,.95);border-radius:4px;box-shadow:0 4px 24px rgba(0,0,0,.7);min-width:240px}[data-theme=forja] .eb-player .eb-settings-back,[data-theme=forja] .eb-player .eb-settings-category,[data-theme=forja] .eb-player .eb-settings-item{border-bottom:1px solid hsla(0,0%,100%,.07);color:hsla(0,0%,100%,.85);font-size:13px;padding:13px 16px;transition:background .12s}[data-theme=forja] .eb-player .eb-settings-category:last-child,[data-theme=forja] .eb-player .eb-settings-item:last-child{border-bottom:none}[data-theme=forja] .eb-player .eb-settings-back:hover,[data-theme=forja] .eb-player .eb-settings-category:hover,[data-theme=forja] .eb-player .eb-settings-item:hover{background:hsla(0,0%,100%,.06)}[data-theme=forja] .eb-player .eb-settings-item--selected{color:#fff;font-weight:500}[data-theme=forja] .eb-player .eb-settings-item--selected:after{background:#fc013b;border-radius:50%;content:"";flex-shrink:0;height:10px;width:10px}[data-theme=forja] .eb-player .eb-settings-item:not(.eb-settings-item--selected):after{border:2px solid hsla(0,0%,100%,.25);border-radius:50%;content:"";flex-shrink:0;height:10px;width:10px}[data-theme=forja] .eb-player .eb-error{background:rgba(0,0,0,.88)}[data-theme=forja] .eb-player .eb-error-retry{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.15);border-radius:3px;transition:background .2s}[data-theme=forja] .eb-player .eb-error-retry:hover{background:hsla(0,0%,100%,.18)}[data-theme=forja] .eb-player .eb-toast{background:hsla(0,0%,8%,.9);border-radius:3px;font-size:13px;padding:7px 14px}[data-theme=lequipe]{--eb-color-primary:#d61e00;--eb-color-progress:#d61e00;--eb-accent:#d61e00}[data-theme=lequipe] .eb-player{--eb-color-background:rgba(10,10,20,.85);--eb-color-text:#fff;--eb-font-family:"Inter",-apple-system,sans-serif;--eb-font-size-base:14px;--eb-radius-control:8px;--eb-duration-transition:200ms;border-radius:0;box-shadow:none;color:#fff;font-family:Inter,-apple-system,sans-serif}[data-theme=lequipe] .eb-player .eb-icon{stroke-width:2.5}[data-theme=lequipe] .eb-player:-webkit-full-screen,[data-theme=lequipe] .eb-player:fullscreen{border-radius:0;box-shadow:none}[data-theme=lequipe] .eb-player .eb-top-bar{background:linear-gradient(180deg,rgba(0,0,0,.72),transparent);gap:6px;height:110px;padding:14px 16px}[data-theme=lequipe] .eb-player .eb-bottom-bar__gradient{background:linear-gradient(0deg,rgba(0,0,0,.9),transparent);height:150px}[data-theme=lequipe] .eb-player.eb-controls-visible .eb-top-bar{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}[data-theme=lequipe] .eb-player.eb-controls-hidden .eb-top-bar{opacity:0;transform:translateY(-6px);transition:opacity .3s,transform .3s}[data-theme=lequipe] .eb-player .eb-top-bar__actions{gap:6px}[data-theme=lequipe] .eb-player .eb-top-bar__logo{max-height:32px;max-width:120px;opacity:.85}[data-theme=lequipe] .eb-player .eb-bottom-bar__controls-row{gap:8px;padding:0 14px 12px}[data-theme=lequipe] .eb-player.eb-controls-visible .eb-bottom-bar{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}[data-theme=lequipe] .eb-player.eb-controls-hidden .eb-bottom-bar{opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}[data-theme=lequipe] .eb-player .eb-middle-bar{gap:28px}[data-theme=lequipe] .eb-player.eb-controls-visible .eb-middle-bar{opacity:1;transition:opacity .3s}[data-theme=lequipe] .eb-player.eb-controls-hidden .eb-middle-bar{opacity:0;transition:opacity .3s}[data-theme=lequipe] .eb-player .eb-middle-bar__play-btn{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:hsla(0,0%,100%,.15);border:2px solid hsla(0,0%,100%,.25);border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;padding:0;transition:background .15s,transform .25s,opacity .25s;width:80px}[data-theme=lequipe] .eb-player .eb-middle-bar__play-btn:hover{background:hsla(0,0%,100%,.25)}[data-theme=lequipe] .eb-player .eb-middle-bar__play-btn:active{transform:scale(.92)}[data-theme=lequipe] .eb-player .eb-middle-bar__play-btn .eb-icon{stroke-width:2.5;height:32px;width:32px}[data-theme=lequipe] .eb-player .eb-middle-bar__seek-btn{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:hsla(0,0%,100%,.15);border:2px solid hsla(0,0%,100%,.25);border-radius:50%;color:#fff;display:flex;flex-direction:column;gap:1px;height:56px;justify-content:center;padding:0;transition:background .15s;width:56px}[data-theme=lequipe] .eb-player .eb-middle-bar__seek-btn:hover{background:hsla(0,0%,100%,.25)}[data-theme=lequipe] .eb-player .eb-seek-circle{fill:currentColor;stroke:none;color:hsla(0,0%,100%,.85);height:24px;width:24px}[data-theme=lequipe] .eb-player .eb-seek-label{color:hsla(0,0%,100%,.9);font-size:.75em;font-weight:700;line-height:1}[data-theme=lequipe] .eb-player .eb-button:not(.eb-middle-bar__seek-btn):not(.eb-middle-bar__play-btn),[data-theme=lequipe] .eb-player .eb-cast,[data-theme=lequipe] .eb-player .eb-fullscreen,[data-theme=lequipe] .eb-player .eb-live-sync,[data-theme=lequipe] .eb-player .eb-pip,[data-theme=lequipe] .eb-player .eb-play-pause,[data-theme=lequipe] .eb-player .eb-volume-mute{border-radius:8px;color:hsla(0,0%,100%,.82);flex-shrink:0;height:38px;transition:background .15s,color .15s,transform .1s;width:38px}[data-theme=lequipe] .eb-player .eb-button:not(.eb-middle-bar__seek-btn):not(.eb-middle-bar__play-btn):hover,[data-theme=lequipe] .eb-player .eb-cast:hover,[data-theme=lequipe] .eb-player .eb-fullscreen:hover,[data-theme=lequipe] .eb-player .eb-live-sync:hover,[data-theme=lequipe] .eb-player .eb-pip:hover,[data-theme=lequipe] .eb-player .eb-play-pause:hover,[data-theme=lequipe] .eb-player .eb-volume-mute:hover{background:hsla(0,0%,100%,.12);color:#fff}[data-theme=lequipe] .eb-player .eb-button:not(.eb-middle-bar__seek-btn):not(.eb-middle-bar__play-btn):active,[data-theme=lequipe] .eb-player .eb-cast:active,[data-theme=lequipe] .eb-player .eb-fullscreen:active,[data-theme=lequipe] .eb-player .eb-live-sync:active,[data-theme=lequipe] .eb-player .eb-pip:active,[data-theme=lequipe] .eb-player .eb-play-pause:active,[data-theme=lequipe] .eb-player .eb-volume-mute:active{transform:scale(.88)}[data-theme=lequipe] .eb-player .eb-button:not(.eb-middle-bar__seek-btn):not(.eb-middle-bar__play-btn) .eb-icon,[data-theme=lequipe] .eb-player .eb-cast .eb-icon,[data-theme=lequipe] .eb-player .eb-fullscreen .eb-icon,[data-theme=lequipe] .eb-player .eb-pip .eb-icon,[data-theme=lequipe] .eb-player .eb-play-pause .eb-icon,[data-theme=lequipe] .eb-player .eb-volume-mute .eb-icon{height:22px;width:22px}[data-theme=lequipe] .eb-player .eb-top-bar .eb-icon{height:24px;width:24px}[data-theme=lequipe] .eb-player .eb-middle-bar__play-btn .eb-icon,[data-theme=lequipe] .eb-player .eb-play-pause .eb-icon{fill:currentColor;stroke:none}[data-theme=lequipe] .eb-player .eb-volume-mute .eb-icon path:first-child{fill:currentColor}[data-theme=lequipe] .eb-player .eb-cast-active{background:rgba(30,182,212,.15)!important;color:#1eb6d4!important}[data-theme=lequipe] .eb-player .eb-cast-active .eb-icon{filter:drop-shadow(0 0 4px rgba(30,182,212,.6))}[data-theme=lequipe] .eb-player .eb-seekbar-track{background:hsla(0,0%,100%,.22);border-radius:3px;height:3px;transition:height .15s}[data-theme=lequipe] .eb-player .eb-seekbar:hover .eb-seekbar-track{height:5px}[data-theme=lequipe] .eb-player .eb-seekbar-buffered{background:hsla(0,0%,100%,.28);border-radius:3px;transition:height .15s}[data-theme=lequipe] .eb-player .eb-seekbar-progress{background:var(--eb-color-progress,var(--eb-color-primary,#d61e00));border-radius:3px;transition:height .15s}[data-theme=lequipe] .eb-player .eb-seekbar-thumb{background:#fff;box-shadow:0 0 0 3px rgba(214,30,0,.45);height:14px;inset-inline-end:-7px;width:14px}[data-theme=lequipe] .eb-player .eb-seekbar-tooltip{align-items:center;background:rgba(0,0,0,.88);border:1px solid hsla(0,0%,100%,.12);border-radius:7px;bottom:28px;box-shadow:0 4px 16px rgba(0,0,0,.5);display:flex;flex-direction:column;font-size:11px;font-weight:500;overflow:hidden;padding:0}[data-theme=lequipe] .eb-player .eb-seekbar-preview{background:#111;border:none;border-radius:0;height:90px;margin:0;width:160px}[data-theme=lequipe] .eb-player .eb-chapter-marker{background:rgba(0,0,0,.45);border-radius:1px;height:7px;top:50%;transform:translate(var(--eb-chapter-marker-x,-50%),-50%);width:2px}[data-theme=lequipe] .eb-player .eb-volume-control{flex-direction:row;gap:0;margin-inline-end:0}[data-theme=lequipe] .eb-player .eb-volume-track{background:hsla(0,0%,100%,.22);border-radius:3px;height:3px;margin:0;overflow:hidden;transition:width .25s ease,margin .25s ease;width:0}[data-theme=lequipe] .eb-player .eb-volume-control:focus-within .eb-volume-track,[data-theme=lequipe] .eb-player .eb-volume-control:hover .eb-volume-track{margin:0 6px 0 2px;width:66px}[data-theme=lequipe] .eb-player .eb-volume-fill{background:var(--eb-color-primary,#d61e00)}[data-theme=lequipe] .eb-player .eb-volume-thumb{background:#fff;box-shadow:0 0 0 2px hsla(0,0%,100%,.35);height:11px;transform:translate(var(--eb-volume-thumb-x,-50%),-50%) scale(0);transition:transform .15s;width:11px}[data-theme=lequipe] .eb-player .eb-volume-control:hover .eb-volume-thumb{transform:translate(var(--eb-volume-thumb-x,-50%),-50%) scale(1)}[data-theme=lequipe] .eb-player .eb-time-display{color:hsla(0,0%,100%,.85);font-size:13px;font-weight:500;letter-spacing:.02em}[data-theme=lequipe] .eb-player .eb-live-sync{border-radius:6px;font-size:11px;font-weight:700;gap:5px;height:auto;letter-spacing:.08em;padding:4px 10px;text-transform:uppercase;width:auto}[data-theme=lequipe] .eb-player .eb-live-sync__icon{display:none}[data-theme=lequipe] .eb-player .eb-live-sync__dot{background:#fff;border-radius:50%;display:block;flex-shrink:0;height:6px;width:6px}[data-theme=lequipe] .eb-player .eb-live-sync__label{display:block}[data-theme=lequipe] .eb-player .eb-live-synced{background:rgba(214,30,0,.9);box-shadow:0 2px 8px rgba(214,30,0,.4);color:#fff}[data-theme=lequipe] .eb-player .eb-live-synced .eb-live-sync__dot{animation:eb-lequipe-blink 1.2s ease infinite}[data-theme=lequipe] .eb-player .eb-live-sync:not(.eb-live-synced){background:rgba(60,60,80,.75);box-shadow:none;color:hsla(0,0%,100%,.7)}[data-theme=lequipe] .eb-player .eb-live-sync:not(.eb-live-synced) .eb-live-sync__dot{animation:none;background:hsla(0,0%,100%,.5)}[data-theme=lequipe] .eb-player .eb-live-sync:not(.eb-live-synced):hover{background:rgba(214,30,0,.7);color:#fff}@keyframes eb-lequipe-blink{0%,to{opacity:1}50%{opacity:.15}}[data-theme=lequipe] .eb-player .eb-settings-panel{backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);background:rgba(30,30,45,.6);border-radius:14px;box-shadow:0 16px 48px rgba(0,0,0,.6),0 0 0 1px hsla(0,0%,100%,.08);max-height:60vh;overflow-x:hidden;overflow-y:auto;width:min(340px,80vw)}@media (max-height:400px){[data-theme=lequipe] .eb-player .eb-settings-category{font-size:13px;gap:10px;padding:12px 14px}[data-theme=lequipe] .eb-player .eb-settings-item{font-size:13px;padding:11px 14px}[data-theme=lequipe] .eb-player .eb-settings-header{padding:10px 14px}[data-theme=lequipe] .eb-player .eb-settings-panel{border-radius:10px;min-width:220px}[data-theme=lequipe] .eb-player .eb-settings-back{height:30px;width:30px}}[data-theme=lequipe] .eb-player .eb-settings-menu{padding:0}[data-theme=lequipe] .eb-player .eb-settings-category{align-items:center;background:none;border:none;color:hsla(0,0%,100%,.95);cursor:pointer;display:flex;font-size:14px;gap:14px;padding:18px 20px;text-align:start;transition:background .12s;width:100%}[data-theme=lequipe] .eb-player .eb-settings-category:last-child{border-bottom:none}[data-theme=lequipe] .eb-player .eb-settings-category:hover{background:hsla(0,0%,100%,.05)}[data-theme=lequipe] .eb-player .eb-settings-category__icon{align-items:center;color:hsla(0,0%,100%,.6);display:flex;flex-shrink:0;justify-content:center}[data-theme=lequipe] .eb-player .eb-settings-category__icon .eb-icon{height:22px;width:22px}[data-theme=lequipe] .eb-player .eb-settings-category__label{flex:1;font-weight:400}[data-theme=lequipe] .eb-player .eb-settings-category__value{color:hsla(0,0%,100%,.45);font-size:13px;font-weight:400}[data-theme=lequipe] .eb-player .eb-settings-category__chevron{align-items:center;color:hsla(0,0%,100%,.3);display:flex;flex-shrink:0}[data-theme=lequipe] .eb-player .eb-settings-category__chevron .eb-icon{height:16px;width:16px}[data-theme=lequipe] .eb-player .eb-settings-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;gap:12px;padding:14px 18px}[data-theme=lequipe] .eb-player .eb-settings-header__title{color:#fff;font-size:15px;font-weight:600}[data-theme=lequipe] .eb-player .eb-settings-back{align-items:center;background:hsla(0,0%,100%,.12);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;padding:0;transition:background .15s;width:36px}[data-theme=lequipe] .eb-player .eb-settings-back:hover{background:hsla(0,0%,100%,.2)}[data-theme=lequipe] .eb-player .eb-settings-back .eb-icon{height:18px;width:18px}[data-theme=lequipe] .eb-player .eb-settings-item{align-items:center;background:none;border:none;border-bottom:1px solid hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.7);cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:16px 20px;text-align:start;transition:background .12s;width:100%}[data-theme=lequipe] .eb-player .eb-settings-item:last-child{border-bottom:none}[data-theme=lequipe] .eb-player .eb-settings-item:hover{background:hsla(0,0%,100%,.05)}[data-theme=lequipe] .eb-player .eb-settings-item--selected{color:#fff;font-weight:500}[data-theme=lequipe] .eb-player .eb-settings-item--selected:after{background:var(--eb-accent,#d61e00);border-radius:50%;content:"";flex-shrink:0;height:12px;width:12px}[data-theme=lequipe] .eb-player .eb-settings-item:not(.eb-settings-item--selected):after{border:2px solid hsla(0,0%,100%,.2);border-radius:50%;content:"";flex-shrink:0;height:12px;width:12px}[data-theme=lequipe] .eb-player .eb-error{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(10,10,20,.85)}[data-theme=lequipe] .eb-player .eb-error-message{font-weight:400;letter-spacing:.01em}[data-theme=lequipe] .eb-player .eb-error-retry{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.15);border-radius:8px;transition:background .2s,color .2s}[data-theme=lequipe] .eb-player .eb-error-retry:hover{background:hsla(0,0%,100%,.18)}[data-theme=lequipe] .eb-player .eb-toast{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(0,0,0,.72);border-radius:10px;font-size:13px;padding:8px 16px}[data-theme=lequipe] .eb-player .eb-info-overlay,[data-theme=lequipe] .eb-player .eb-socials-overlay{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(10,10,20,.85)}[data-theme=lequipe] .eb-player .eb-info-close,[data-theme=lequipe] .eb-player .eb-socials-close{background:hsla(0,0%,100%,.07);border-color:hsla(0,0%,100%,.08);border-radius:8px;transition:background .2s,color .2s}[data-theme=lequipe] .eb-player .eb-info-close:hover,[data-theme=lequipe] .eb-player .eb-socials-close:hover{background:hsla(0,0%,100%,.13);color:#fff}[data-theme=lequipe] .eb-player .eb-socials-link{background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;transition:background .2s,color .2s,border-color .2s}[data-theme=lequipe] .eb-player .eb-socials-link:hover{background:rgba(214,30,0,.15);border-color:rgba(214,30,0,.35);color:#ff8a75}[data-theme=lequipe] .eb-player .eb-poster,[data-theme=lequipe] .eb-player .eb-radio-overlay{background:linear-gradient(135deg,#0f0c29,#302b63,#24243e)}[data-theme=lequipe] .eb-player .eb-radio-bar{background:rgba(214,30,0,.8)}[data-theme=lequipe] .eb-player .eb-chapter-skip{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(10,10,20,.55);border:1px solid hsla(0,0%,100%,.15);border-radius:8px;font-size:12px;font-weight:500;transition:background .15s}[data-theme=lequipe] .eb-player .eb-chapter-skip:hover{background:hsla(0,0%,100%,.12)}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap");[data-theme=modern] .eb-player .eb-icon{fill:currentColor;stroke:none;stroke-width:0}[data-theme=modern]{--eb-color-primary:#7c3aed;--eb-color-progress:#7c3aed;--eb-accent:#1a73e8}[data-theme=modern] .eb-player{--eb-color-background:rgba(10,10,20,.85);--eb-font-family:"Inter",sans-serif;border-radius:14px;box-shadow:0 40px 80px rgba(0,0,0,.8),0 0 0 1px hsla(0,0%,100%,.06);font-family:Inter,sans-serif}[data-theme=modern] .eb-player .eb-top-bar{background:linear-gradient(180deg,rgba(0,0,0,.72),transparent);gap:6px;height:110px;padding:14px 16px}[data-theme=modern] .eb-player .eb-bottom-bar__gradient{background:linear-gradient(0deg,rgba(0,0,0,.9),transparent);height:150px}[data-theme=modern] .eb-player.eb-controls-visible .eb-top-bar{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}[data-theme=modern] .eb-player.eb-controls-hidden .eb-top-bar{opacity:0;transform:translateY(-6px);transition:opacity .3s,transform .3s}[data-theme=modern] .eb-player .eb-top-bar__actions{gap:6px}[data-theme=modern] .eb-player .eb-bottom-bar__controls-row{gap:8px;padding:0 14px 12px}[data-theme=modern] .eb-player.eb-controls-visible .eb-bottom-bar{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}[data-theme=modern] .eb-player.eb-controls-hidden .eb-bottom-bar{opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}[data-theme=modern] .eb-player .eb-middle-bar{gap:28px}[data-theme=modern] .eb-player.eb-controls-visible .eb-middle-bar{opacity:1;transition:opacity .3s}[data-theme=modern] .eb-player.eb-controls-hidden .eb-middle-bar{opacity:0;transition:opacity .3s}[data-theme=modern] .eb-player .eb-middle-bar__play-btn{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:hsla(0,0%,100%,.18);border:2px solid hsla(0,0%,100%,.28);height:72px;transition:background .15s;width:72px}[data-theme=modern] .eb-player .eb-middle-bar__play-btn:hover{background:hsla(0,0%,100%,.28)}[data-theme=modern] .eb-player .eb-middle-bar__play-btn .eb-icon{height:30px;width:30px}[data-theme=modern] .eb-player .eb-middle-bar__seek-btn{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:hsla(0,0%,100%,.14);border:1.5px solid hsla(0,0%,100%,.22);border-radius:50%;flex-direction:column;gap:1px;height:52px;justify-content:center;padding:0;transition:background .15s;width:52px}[data-theme=modern] .eb-player .eb-middle-bar__seek-btn:hover{background:hsla(0,0%,100%,.24)}[data-theme=modern] .eb-player .eb-seek-circle{fill:#fff;stroke:none;height:18px;width:18px}[data-theme=modern] .eb-player .eb-seek-label{color:hsla(0,0%,100%,.9);font-size:.58em;font-weight:700;line-height:1}[data-theme=modern] .eb-player .eb-button,[data-theme=modern] .eb-player .eb-cast,[data-theme=modern] .eb-player .eb-fullscreen,[data-theme=modern] .eb-player .eb-live-sync,[data-theme=modern] .eb-player .eb-pip,[data-theme=modern] .eb-player .eb-play-pause,[data-theme=modern] .eb-player .eb-volume-mute{border-radius:8px;color:hsla(0,0%,100%,.82);flex-shrink:0;height:38px;transition:background .15s,color .15s,transform .1s;width:38px}[data-theme=modern] .eb-player .eb-button:hover,[data-theme=modern] .eb-player .eb-cast:hover,[data-theme=modern] .eb-player .eb-fullscreen:hover,[data-theme=modern] .eb-player .eb-live-sync:hover,[data-theme=modern] .eb-player .eb-pip:hover,[data-theme=modern] .eb-player .eb-play-pause:hover,[data-theme=modern] .eb-player .eb-volume-mute:hover{background:hsla(0,0%,100%,.12);color:#fff}[data-theme=modern] .eb-player .eb-button:active,[data-theme=modern] .eb-player .eb-cast:active,[data-theme=modern] .eb-player .eb-fullscreen:active,[data-theme=modern] .eb-player .eb-live-sync:active,[data-theme=modern] .eb-player .eb-pip:active,[data-theme=modern] .eb-player .eb-play-pause:active,[data-theme=modern] .eb-player .eb-volume-mute:active{transform:scale(.88)}[data-theme=modern] .eb-player .eb-seekbar-track{background:hsla(0,0%,100%,.22);border-radius:3px;height:3px;transition:height .15s}[data-theme=modern] .eb-player .eb-seekbar:hover .eb-seekbar-track{height:5px}[data-theme=modern] .eb-player .eb-seekbar-buffered{background:hsla(0,0%,100%,.28);border-radius:3px;transition:height .15s}[data-theme=modern] .eb-player .eb-seekbar-progress{background:var(--eb-color-progress,var(--eb-color-primary,#7c3aed));border-radius:3px;transition:height .15s}[data-theme=modern] .eb-player .eb-seekbar-thumb{background:#fff;box-shadow:0 0 0 3px rgba(124,58,237,.45);height:14px;inset-inline-end:-7px;width:14px}[data-theme=modern] .eb-player .eb-seekbar-tooltip{background:rgba(0,0,0,.82);border-radius:5px;bottom:24px;font-size:11px;padding:3px 7px}[data-theme=modern] .eb-player .eb-seekbar-preview{background:#111;border:2px solid hsla(0,0%,100%,.16);border-radius:6px;height:72px;width:128px}[data-theme=modern] .eb-player .eb-chapter-marker{background:rgba(0,0,0,.45);border-radius:1px;height:7px;top:50%;transform:translate(var(--eb-chapter-marker-x,-50%),-50%);width:2px}[data-theme=modern] .eb-player .eb-volume-control{flex-direction:row;gap:0;margin-inline-end:0}[data-theme=modern] .eb-player .eb-volume-track{background:hsla(0,0%,100%,.22);border-radius:3px;height:3px;margin:0;overflow:hidden;transition:width .25s ease,margin .25s ease;width:0}[data-theme=modern] .eb-player .eb-volume-control:focus-within .eb-volume-track,[data-theme=modern] .eb-player .eb-volume-control:hover .eb-volume-track{margin:0 6px 0 2px;width:66px}[data-theme=modern] .eb-player .eb-volume-fill{background:var(--eb-color-primary,#7c3aed)}[data-theme=modern] .eb-player .eb-volume-thumb{background:#fff;box-shadow:0 0 0 2px hsla(0,0%,100%,.35);height:11px;transform:translate(var(--eb-volume-thumb-x,-50%),-50%) scale(0);transition:transform .15s;width:11px}[data-theme=modern] .eb-player .eb-volume-control:hover .eb-volume-thumb{transform:translate(var(--eb-volume-thumb-x,-50%),-50%) scale(1)}[data-theme=modern] .eb-player .eb-time-display{color:hsla(0,0%,100%,.6);font-size:12px;letter-spacing:.02em}[data-theme=modern] .eb-player .eb-live-sync{border-radius:6px;font-size:11px;font-weight:700;height:auto;letter-spacing:.08em;padding:4px 10px;text-transform:uppercase;width:auto}[data-theme=modern] .eb-player .eb-live-synced{background:rgba(220,38,38,.9);box-shadow:0 2px 8px rgba(220,38,38,.4);color:#fff}[data-theme=modern] .eb-player .eb-settings-panel{backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);background:rgba(10,10,20,.55);border-radius:12px;box-shadow:0 16px 48px rgba(0,0,0,.6),0 0 0 1px hsla(0,0%,100%,.1);min-width:280px}[data-theme=modern] .eb-player .eb-settings-menu{padding:0}[data-theme=modern] .eb-player .eb-settings-back,[data-theme=modern] .eb-player .eb-settings-category,[data-theme=modern] .eb-player .eb-settings-item{border-bottom:1px solid hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.9);font-size:13px;padding:15px 20px;transition:background .12s}[data-theme=modern] .eb-player .eb-settings-category:last-child,[data-theme=modern] .eb-player .eb-settings-item:last-child{border-bottom:none}[data-theme=modern] .eb-player .eb-settings-back:hover,[data-theme=modern] .eb-player .eb-settings-category:hover,[data-theme=modern] .eb-player .eb-settings-item:hover{background:hsla(0,0%,100%,.05)}[data-theme=modern] .eb-player .eb-settings-item--selected{color:#fff;font-weight:500}[data-theme=modern] .eb-player .eb-settings-item--selected:after{background:#1a73e8;border-radius:50%;box-shadow:0 0 0 3px rgba(26,115,232,.25);content:"";flex-shrink:0;height:10px;width:10px}[data-theme=modern] .eb-player .eb-settings-item:not(.eb-settings-item--selected):after{border:2px solid hsla(0,0%,100%,.2);border-radius:50%;content:"";flex-shrink:0;height:10px;width:10px}[data-theme=modern] .eb-player .eb-settings-back{font-weight:600;gap:14px}[data-theme=modern] .eb-player .eb-error{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(10,10,20,.85)}[data-theme=modern] .eb-player .eb-error-retry{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.15);border-radius:8px;transition:background .2s,color .2s}[data-theme=modern] .eb-player .eb-error-retry:hover{background:hsla(0,0%,100%,.18)}[data-theme=modern] .eb-player .eb-toast{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(0,0,0,.72);border-radius:10px;font-size:13px}[data-theme=modern] .eb-player .eb-info-overlay,[data-theme=modern] .eb-player .eb-socials-overlay{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(10,10,20,.85)}[data-theme=modern] .eb-player .eb-info-close,[data-theme=modern] .eb-player .eb-socials-close{background:hsla(0,0%,100%,.07);border-color:hsla(0,0%,100%,.08);border-radius:8px;transition:background .2s,color .2s}[data-theme=modern] .eb-player .eb-info-close:hover,[data-theme=modern] .eb-player .eb-socials-close:hover{background:hsla(0,0%,100%,.13);color:#fff}[data-theme=modern] .eb-player .eb-socials-link{background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;transition:background .2s,color .2s}[data-theme=modern] .eb-player .eb-socials-link:hover{background:rgba(167,139,250,.15);border-color:rgba(167,139,250,.35);color:#c4b5fd}[data-theme=modern] .eb-player .eb-bottom-bar__controls-row{flex-wrap:wrap}[data-theme=modern] .eb-player .eb-bottom-bar__seekbar-zone{flex:none;margin-bottom:-6px;order:-1;width:100%}[data-theme=modern] .eb-player .eb-slot-time{margin-inline-start:auto;order:-1}[data-theme=modern] .eb-player .eb-slot-live-sync{order:-2}[data-theme=modern] .eb-player .eb-slot-settings{margin-inline-start:auto}[data-theme=modern] .eb-player .eb-poster{background:linear-gradient(135deg,#0f0c29,#302b63,#24243e)}[data-theme=radio]{--eb-color-primary:#f4a261}[data-theme=radio] .eb-player{--eb-color-background:rgba(20,20,30,.95)}[data-theme=snrt]{--eb-color-primary:#063}[data-theme=snrt] .eb-player{--eb-color-background:rgba(0,0,0,.9)}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");[data-theme=v2]{--eb-color-primary:#3d4097;--eb-color-progress:#3d4097;--eb-accent:#3d4097}[data-theme=v2] .eb-player{--eb-color-background:rgba(10,10,20,.85);--eb-color-text:#fff;--eb-font-family:"Inter",-apple-system,sans-serif;--eb-font-size-base:14px;--eb-radius-control:8px;--eb-duration-transition:200ms;border-radius:14px;box-shadow:0 40px 80px rgba(0,0,0,.8),0 0 0 1px hsla(0,0%,100%,.06);color:#fff;font-family:Inter,-apple-system,sans-serif}[data-theme=v2] .eb-player .eb-icon{stroke-width:2.5}[data-theme=v2] .eb-player:-webkit-full-screen,[data-theme=v2] .eb-player:fullscreen{border-radius:0;box-shadow:none}[data-theme=v2] .eb-player .eb-top-bar{background:linear-gradient(180deg,rgba(0,0,0,.72),transparent);gap:6px;height:110px;padding:14px 16px}[data-theme=v2] .eb-player .eb-bottom-bar__gradient{background:linear-gradient(0deg,rgba(0,0,0,.9),transparent);height:150px}[data-theme=v2] .eb-player.eb-controls-visible .eb-top-bar{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}[data-theme=v2] .eb-player.eb-controls-hidden .eb-top-bar{opacity:0;transform:translateY(-6px);transition:opacity .3s,transform .3s}[data-theme=v2] .eb-player .eb-top-bar__actions{gap:6px}[data-theme=v2] .eb-player .eb-top-bar__logo{max-height:32px;max-width:120px;opacity:.85}[data-theme=v2] .eb-player .eb-bottom-bar__controls-row{gap:8px;padding:0 14px 12px}[data-theme=v2] .eb-player.eb-controls-visible .eb-bottom-bar{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}[data-theme=v2] .eb-player.eb-controls-hidden .eb-bottom-bar{opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}[data-theme=v2] .eb-player .eb-bottom-bar__controls-row{align-items:center;flex-wrap:wrap;row-gap:2px}[data-theme=v2] .eb-player .eb-slot-live-sync,[data-theme=v2] .eb-player .eb-slot-time{order:-1}[data-theme=v2] .eb-player .eb-slot-live-sync{margin-inline-start:46px}[data-theme=v2] .eb-player .eb-bottom-bar__controls-row:after{content:"";flex-shrink:0;height:0;order:0;width:100%}[data-theme=v2] .eb-player .eb-bottom-bar__seekbar-zone,[data-theme=v2] .eb-player .eb-slot-fullscreen,[data-theme=v2] .eb-player .eb-slot-play-pause,[data-theme=v2] .eb-player .eb-slot-volume{order:1}[data-theme=v2] .eb-player .eb-middle-bar{gap:28px}[data-theme=v2] .eb-player.eb-controls-visible .eb-middle-bar{opacity:1;transition:opacity .3s}[data-theme=v2] .eb-player.eb-controls-hidden .eb-middle-bar{opacity:0;transition:opacity .3s}[data-theme=v2] .eb-player .eb-middle-bar__play-btn{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:hsla(0,0%,100%,.15);border:2px solid hsla(0,0%,100%,.25);border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;padding:0;transition:background .15s,transform .25s,opacity .25s;width:80px}[data-theme=v2] .eb-player .eb-middle-bar__play-btn:hover{background:hsla(0,0%,100%,.25)}[data-theme=v2] .eb-player .eb-middle-bar__play-btn:active{transform:scale(.92)}[data-theme=v2] .eb-player .eb-middle-bar__play-btn .eb-icon{stroke-width:2.5;height:32px;width:32px}[data-theme=v2] .eb-player .eb-middle-bar__seek-btn{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:hsla(0,0%,100%,.15);border:2px solid hsla(0,0%,100%,.25);border-radius:50%;color:#fff;display:flex;flex-direction:column;gap:1px;height:56px;justify-content:center;padding:0;transition:background .15s;width:56px}[data-theme=v2] .eb-player .eb-middle-bar__seek-btn:hover{background:hsla(0,0%,100%,.25)}[data-theme=v2] .eb-player .eb-seek-circle{fill:currentColor;stroke:none;color:hsla(0,0%,100%,.85);height:24px;width:24px}[data-theme=v2] .eb-player .eb-seek-label{color:hsla(0,0%,100%,.9);font-size:.75em;font-weight:700;line-height:1}[data-theme=v2] .eb-player .eb-button:not(.eb-middle-bar__seek-btn):not(.eb-middle-bar__play-btn),[data-theme=v2] .eb-player .eb-cast,[data-theme=v2] .eb-player .eb-fullscreen,[data-theme=v2] .eb-player .eb-live-sync,[data-theme=v2] .eb-player .eb-pip,[data-theme=v2] .eb-player .eb-play-pause,[data-theme=v2] .eb-player .eb-volume-mute{border-radius:8px;color:hsla(0,0%,100%,.82);flex-shrink:0;height:38px;transition:background .15s,color .15s,transform .1s;width:38px}[data-theme=v2] .eb-player .eb-button:not(.eb-middle-bar__seek-btn):not(.eb-middle-bar__play-btn):hover,[data-theme=v2] .eb-player .eb-cast:hover,[data-theme=v2] .eb-player .eb-fullscreen:hover,[data-theme=v2] .eb-player .eb-live-sync:hover,[data-theme=v2] .eb-player .eb-pip:hover,[data-theme=v2] .eb-player .eb-play-pause:hover,[data-theme=v2] .eb-player .eb-volume-mute:hover{background:hsla(0,0%,100%,.12);color:#fff}[data-theme=v2] .eb-player .eb-button:not(.eb-middle-bar__seek-btn):not(.eb-middle-bar__play-btn):active,[data-theme=v2] .eb-player .eb-cast:active,[data-theme=v2] .eb-player .eb-fullscreen:active,[data-theme=v2] .eb-player .eb-live-sync:active,[data-theme=v2] .eb-player .eb-pip:active,[data-theme=v2] .eb-player .eb-play-pause:active,[data-theme=v2] .eb-player .eb-volume-mute:active{transform:scale(.88)}[data-theme=v2] .eb-player .eb-button:not(.eb-middle-bar__seek-btn):not(.eb-middle-bar__play-btn) .eb-icon,[data-theme=v2] .eb-player .eb-cast .eb-icon,[data-theme=v2] .eb-player .eb-fullscreen .eb-icon,[data-theme=v2] .eb-player .eb-pip .eb-icon,[data-theme=v2] .eb-player .eb-play-pause .eb-icon,[data-theme=v2] .eb-player .eb-volume-mute .eb-icon{height:22px;width:22px}[data-theme=v2] .eb-player .eb-top-bar .eb-icon{height:24px;width:24px}[data-theme=v2] .eb-player .eb-middle-bar__play-btn .eb-icon,[data-theme=v2] .eb-player .eb-play-pause .eb-icon{fill:currentColor;stroke:none}[data-theme=v2] .eb-player .eb-volume-mute .eb-icon path:first-child{fill:currentColor}[data-theme=v2] .eb-player .eb-cast-active{background:rgba(30,182,212,.15)!important;color:#1eb6d4!important}[data-theme=v2] .eb-player .eb-cast-active .eb-icon{filter:drop-shadow(0 0 4px rgba(30,182,212,.6))}[data-theme=v2] .eb-player .eb-seekbar-track{background:hsla(0,0%,100%,.22);border-radius:3px;height:3px;transition:height .15s}[data-theme=v2] .eb-player .eb-seekbar:hover .eb-seekbar-track{height:5px}[data-theme=v2] .eb-player .eb-seekbar-buffered{background:hsla(0,0%,100%,.28);border-radius:3px;transition:height .15s}[data-theme=v2] .eb-player .eb-seekbar-progress{background:linear-gradient(90deg,var(--eb-color-progress,var(--eb-color-primary,#3d4097)),color-mix(in srgb,var(--eb-color-progress,var(--eb-color-primary,#3d4097)) 70%,#fff));border-radius:3px;transition:height .15s}[data-theme=v2] .eb-player .eb-seekbar-thumb{background:#fff;box-shadow:0 0 0 3px rgba(61,64,151,.45);height:14px;inset-inline-end:-7px;width:14px}[data-theme=v2] .eb-player .eb-seekbar-tooltip{align-items:center;background:rgba(0,0,0,.88);border:1px solid hsla(0,0%,100%,.12);border-radius:7px;bottom:28px;box-shadow:0 4px 16px rgba(0,0,0,.5);display:flex;flex-direction:column;font-size:11px;font-weight:500;overflow:hidden;padding:0}[data-theme=v2] .eb-player .eb-seekbar-preview{background:#111;border:none;border-radius:0;height:90px;margin:0;width:160px}[data-theme=v2] .eb-player .eb-chapter-marker{background:rgba(0,0,0,.45);border-radius:1px;height:7px;top:50%;transform:translate(var(--eb-chapter-marker-x,-50%),-50%);width:2px}[data-theme=v2] .eb-player .eb-volume-control{flex-direction:row;gap:0;margin-inline-end:0}[data-theme=v2] .eb-player .eb-volume-track{background:hsla(0,0%,100%,.22);border-radius:3px;height:3px;margin:0;overflow:hidden;transition:width .25s ease,margin .25s ease;width:0}[data-theme=v2] .eb-player .eb-volume-control:focus-within .eb-volume-track,[data-theme=v2] .eb-player .eb-volume-control:hover .eb-volume-track{margin:0 6px 0 2px;width:66px}[data-theme=v2] .eb-player .eb-volume-fill{background:var(--eb-color-primary,#3d4097)}[data-theme=v2] .eb-player .eb-volume-thumb{background:#fff;box-shadow:0 0 0 2px hsla(0,0%,100%,.35);height:11px;transform:translate(var(--eb-volume-thumb-x,-50%),-50%) scale(0);transition:transform .15s;width:11px}[data-theme=v2] .eb-player .eb-volume-control:hover .eb-volume-thumb{transform:translate(var(--eb-volume-thumb-x,-50%),-50%) scale(1)}[data-theme=v2] .eb-player .eb-time-display{color:hsla(0,0%,100%,.85);font-size:13px;font-weight:500;letter-spacing:.02em}[data-theme=v2] .eb-player .eb-live-sync{border-radius:6px;font-size:11px;font-weight:700;gap:5px;height:auto;letter-spacing:.08em;padding:4px 10px;text-transform:uppercase;width:auto}[data-theme=v2] .eb-player .eb-live-sync__icon{display:none}[data-theme=v2] .eb-player .eb-live-sync__dot{background:#fff;border-radius:50%;display:block;flex-shrink:0;height:6px;width:6px}[data-theme=v2] .eb-player .eb-live-sync__label{display:block}[data-theme=v2] .eb-player .eb-live-synced{background:rgba(220,38,38,.9);box-shadow:0 2px 8px rgba(220,38,38,.4);color:#fff}[data-theme=v2] .eb-player .eb-live-synced .eb-live-sync__dot{animation:eb-v2-blink 1.2s ease infinite}[data-theme=v2] .eb-player .eb-live-sync:not(.eb-live-synced){background:rgba(60,60,80,.75);box-shadow:none;color:hsla(0,0%,100%,.7)}[data-theme=v2] .eb-player .eb-live-sync:not(.eb-live-synced) .eb-live-sync__dot{animation:none;background:hsla(0,0%,100%,.5)}[data-theme=v2] .eb-player .eb-live-sync:not(.eb-live-synced):hover{background:rgba(220,38,38,.7);color:#fff}@keyframes eb-v2-blink{0%,to{opacity:1}50%{opacity:.15}}[data-theme=v2] .eb-player .eb-settings-panel{backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);background:rgba(10,10,20,.55);border-radius:12px;box-shadow:0 16px 48px rgba(0,0,0,.6),0 0 0 1px hsla(0,0%,100%,.1);min-width:300px}[data-theme=v2] .eb-player .eb-settings-menu{padding:0}[data-theme=v2] .eb-player .eb-settings-back,[data-theme=v2] .eb-player .eb-settings-category,[data-theme=v2] .eb-player .eb-settings-item{border-bottom:1px solid hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.9);font-size:13px;padding:15px 20px;transition:background .12s}[data-theme=v2] .eb-player .eb-settings-category:last-child,[data-theme=v2] .eb-player .eb-settings-item:last-child{border-bottom:none}[data-theme=v2] .eb-player .eb-settings-back:hover,[data-theme=v2] .eb-player .eb-settings-category:hover,[data-theme=v2] .eb-player .eb-settings-item:hover{background:hsla(0,0%,100%,.05)}[data-theme=v2] .eb-player .eb-settings-item--selected{color:#fff;font-weight:500}[data-theme=v2] .eb-player .eb-settings-item--selected:after{background:var(--eb-accent,#3d4097);border-radius:50%;box-shadow:0 0 0 3px rgba(61,64,151,.25);content:"";flex-shrink:0;height:10px;width:10px}[data-theme=v2] .eb-player .eb-settings-item:not(.eb-settings-item--selected):after{border:2px solid hsla(0,0%,100%,.2);border-radius:50%;content:"";flex-shrink:0;height:10px;width:10px}[data-theme=v2] .eb-player .eb-settings-back{font-weight:600;gap:14px}[data-theme=v2] .eb-player .eb-error{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(10,10,20,.85)}[data-theme=v2] .eb-player .eb-error-message{font-weight:400;letter-spacing:.01em}[data-theme=v2] .eb-player .eb-error-retry{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.15);border-radius:8px;transition:background .2s,color .2s}[data-theme=v2] .eb-player .eb-error-retry:hover{background:hsla(0,0%,100%,.18)}[data-theme=v2] .eb-player .eb-toast{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(0,0,0,.72);border-radius:10px;font-size:13px;padding:8px 16px}[data-theme=v2] .eb-player .eb-info-overlay,[data-theme=v2] .eb-player .eb-socials-overlay{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(10,10,20,.85)}[data-theme=v2] .eb-player .eb-info-close,[data-theme=v2] .eb-player .eb-socials-close{background:hsla(0,0%,100%,.07);border-color:hsla(0,0%,100%,.08);border-radius:8px;transition:background .2s,color .2s}[data-theme=v2] .eb-player .eb-info-close:hover,[data-theme=v2] .eb-player .eb-socials-close:hover{background:hsla(0,0%,100%,.13);color:#fff}[data-theme=v2] .eb-player .eb-socials-link{background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;transition:background .2s,color .2s,border-color .2s}[data-theme=v2] .eb-player .eb-socials-link:hover{background:rgba(255,132,31,.15);border-color:rgba(255,132,31,.35);color:#ffb980}[data-theme=v2] .eb-player .eb-poster,[data-theme=v2] .eb-player .eb-radio-overlay{background:linear-gradient(135deg,#0f0c29,#302b63,#24243e)}[data-theme=v2] .eb-player .eb-radio-bar{background:rgba(255,132,31,.8)}[data-theme=v2] .eb-player .eb-chapter-skip{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(10,10,20,.55);border:1px solid hsla(0,0%,100%,.15);border-radius:8px;font-size:12px;font-weight:500;transition:background .15s}[data-theme=v2] .eb-player .eb-chapter-skip:hover{background:hsla(0,0%,100%,.12)}.eb-player{background:#000;box-sizing:border-box;color:#fff;font-family:sans-serif;height:100%;overflow:hidden;position:relative;user-select:none;width:100%}.eb-player video.eb-video{display:block;filter:brightness(1);height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%;z-index:1}.eb-overlay-zone{z-index:10}.eb-loading-slot,.eb-overlay-zone{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute}.eb-loading-slot{z-index:26}.eb-poster{background:#000;box-sizing:border-box;height:100%;object-fit:cover;width:100%}.eb-ads-container,.eb-poster{inset:0;pointer-events:none;position:absolute}.eb-ads-container{z-index:20}.eb-ad-playing .eb-ads-container{pointer-events:auto;z-index:40}.eb-top-bar{align-items:center;background:linear-gradient(180deg,rgba(0,0,0,.6),transparent);display:flex;flex-direction:row;justify-content:space-between;left:0;padding:8px 12px;pointer-events:auto;position:absolute;right:0;top:0;z-index:30}.eb-top-bar__logo{display:block;height:28px;width:auto}.eb-top-bar__logo-link{display:inline-flex;text-decoration:none}.eb-top-bar__actions{align-items:center;display:flex;gap:4px;margin-inline-start:auto}.eb-bottom-bar{display:flex;flex-direction:column;pointer-events:auto;z-index:30}.eb-bottom-bar,.eb-bottom-bar__gradient{bottom:0;left:0;position:absolute;right:0}.eb-bottom-bar__gradient{background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);height:100px;pointer-events:none;z-index:-1}.eb-bottom-bar__controls-row{align-items:center;display:flex;flex-direction:row;gap:4px;padding:4px 8px 8px}.eb-bottom-bar__seekbar-zone{flex:1;min-width:0}.eb-bottom-bar__seekbar-zone:has(.eb-seekbar[hidden]){display:none}.eb-middle-bar{align-items:center;display:flex;gap:16px;left:50%;pointer-events:auto;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:25}.eb-middle-bar__play-btn{align-items:center;background:rgba(0,0,0,.5);border-radius:50%;display:flex;height:64px;justify-content:center;width:64px}.eb-middle-bar__seek-btn{background:none;flex-direction:column;gap:2px;padding:4px}.eb-middle-bar__seek-btn:hover{background:hsla(0,0%,100%,.1);border-radius:8px}.eb-seek-circle{fill:currentColor;display:block;height:32px;pointer-events:none;width:32px}.eb-seek-label{font-size:11px;font-weight:600;line-height:1;opacity:.85}.eb-extension-bottom-extra,.eb-extension-controls-extra,.eb-extension-overlay,.eb-extension-top-extra{pointer-events:none;position:absolute;z-index:35}.eb-extension-bottom-extra>*,.eb-extension-controls-extra>*,.eb-extension-overlay>*,.eb-extension-top-extra>*{pointer-events:auto}.eb-extension-top-extra{left:0;right:0;top:0}.eb-extension-bottom-extra{bottom:0;left:0;right:0}.eb-extension-overlay{align-items:center;display:flex;inset:0;justify-content:center}.eb-extension-controls-extra{align-items:center;bottom:0;display:flex;gap:4px;inset-inline-end:0;padding:4px 8px 8px}.eb-time-display{color:#fff;font-size:13px;font-variant-numeric:tabular-nums;line-height:1;padding:0 4px;white-space:nowrap}.eb-time-display__offset{color:hsla(0,0%,100%,.5)}.eb-channel-name{color:#fff;font-size:13px;line-height:1;opacity:.75;padding:0 4px;white-space:nowrap}.eb-volume-control{align-items:center;display:flex;gap:4px;margin-inline-end:8px}.eb-volume-track{background:hsla(0,0%,100%,.2);border-radius:2px;cursor:pointer;height:4px;position:relative;width:60px}.eb-volume-fill{border-radius:2px;height:100%;inset-inline-start:0;top:0}.eb-volume-fill,.eb-volume-thumb{background:var(--eb-color-volume,var(--eb-color-primary,#fff));pointer-events:none;position:absolute}.eb-volume-thumb{--eb-volume-thumb-x:-50%;border-radius:50%;height:10px;top:50%;transform:translate(var(--eb-volume-thumb-x),-50%);width:10px}.eb-settings-wrapper{position:relative}.eb-settings-panel{background:rgba(0,0,0,.85);border-radius:6px;font-size:12px;max-width:220px;min-width:160px;overflow:hidden;position:absolute;z-index:40}.eb-settings-panel--up{bottom:calc(100% + 8px)}.eb-settings-panel--down{top:calc(100% + 8px)}.eb-settings-panel--right{right:0}.eb-settings-panel--left{left:0}.eb-settings-menu{list-style:none;margin:0;padding:4px 0}.eb-settings-submenu{max-height:200px;overflow-y:auto}.eb-settings-submenu::-webkit-scrollbar{width:4px}.eb-settings-submenu::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:2px}.eb-settings-header{align-items:center;display:flex;gap:4px;padding:5px 12px}.eb-settings-category,.eb-settings-item{font-size:12px;justify-content:space-between;padding:5px 12px;text-align:start;width:100%}.eb-settings-back,.eb-settings-category,.eb-settings-item{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex}.eb-settings-back{padding:0}.eb-settings-category:hover,.eb-settings-item:hover{background:hsla(0,0%,100%,.1)}.eb-settings-item--selected{color:var(--eb-accent,var(--eb-color-primary,#e53935))}.eb-seekbar{cursor:pointer;padding:8px 0;position:relative;width:100%}.eb-seekbar-disabled{opacity:.4;pointer-events:none}.eb-seekbar-track{background:hsla(0,0%,100%,.2);border-radius:2px;height:4px;position:relative}.eb-seekbar-buffered{background:hsla(0,0%,100%,.4)}.eb-seekbar-buffered,.eb-seekbar-progress{border-radius:2px;height:100%;inset-inline-start:0;pointer-events:none;position:absolute;top:0}.eb-seekbar-progress,.eb-seekbar-thumb{background:var(--eb-color-progress,var(--eb-color-primary,#e53935))}.eb-seekbar-thumb{border-radius:50%;height:12px;inset-inline-end:-6px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) scale(0);transition:transform .15s;width:12px}.eb-seekbar:hover .eb-seekbar-thumb{transform:translateY(-50%) scale(1)}.eb-seekbar:hover .eb-seekbar-track{height:6px}.eb-seekbar-tooltip{background:rgba(0,0,0,.8);border-radius:3px;bottom:calc(100% + 8px);color:#fff;font-size:12px;overflow:hidden;padding:4px 8px;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);white-space:nowrap;z-index:50}.eb-seekbar-preview{background:#000;border:none!important;display:block!important;height:68px;inset:auto!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;object-fit:contain;padding:0!important;position:static!important;transform:none!important;width:120px;z-index:auto!important}.eb-chapter-marker{--eb-chapter-marker-x:-50%;background:hsla(0,0%,100%,.6);height:100%;pointer-events:none;position:absolute;top:0;transform:translateX(var(--eb-chapter-marker-x));width:3px}.eb-chapter-marker.eb-chapter-active{background:#fff}.eb-chapter-skip{background:rgba(0,0,0,.7);border:1px solid hsla(0,0%,100%,.4);border-radius:4px;bottom:calc(100% + 4px);color:#fff;cursor:pointer;font-size:13px;inset-inline-end:0;padding:6px 16px;position:absolute}.eb-chapter-skip:hover{background:hsla(0,0%,100%,.2)}.eb-epg-segment{border-inline-end:1px solid hsla(0,0%,100%,.3);height:100%;pointer-events:none;position:absolute;top:0}.eb-epg-segment.eb-epg-current{background:hsla(0,0%,100%,.1)}.eb-icon{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block;flex-shrink:0;height:20px;pointer-events:none;width:20px}.eb-button,.eb-cast,.eb-fullscreen,.eb-live-sync,.eb-pip,.eb-play-pause,.eb-volume-mute{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:4px;color:var(--eb-color-icon,inherit);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:background .15s}.eb-button:hover,.eb-cast:hover,.eb-fullscreen:hover,.eb-live-sync:hover,.eb-pip:hover,.eb-play-pause:hover,.eb-volume-mute:hover{background:hsla(0,0%,100%,.15)}.eb-button:active,.eb-cast:active,.eb-fullscreen:active,.eb-live-sync:active,.eb-pip:active,.eb-play-pause:active,.eb-volume-mute:active{background:hsla(0,0%,100%,.25)}.eb-radio-overlay{align-items:center;background:#000;display:flex;inset:0;justify-content:center;position:absolute;z-index:15}.eb-radio-bars{align-items:flex-end;display:flex;gap:4px;height:40px}.eb-radio-bar{animation:eb-radio-bar-bounce .8s ease-in-out infinite;background:#fff;border-radius:3px;display:block;width:6px}.eb-radio-bar:first-child{animation-delay:0s;height:20px}.eb-radio-bar:nth-child(2){animation-delay:.1s;height:32px}.eb-radio-bar:nth-child(3){animation-delay:.2s;height:40px}.eb-radio-bar:nth-child(4){animation-delay:.3s;height:28px}.eb-radio-bar:nth-child(5){animation-delay:.4s;height:16px}@keyframes eb-radio-bar-bounce{0%,to{opacity:.7;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}.eb-live-sync[hidden]{display:none}.eb-live-synced{color:var(--eb-accent,var(--eb-color-primary,#e53935))}.eb-live-sync__dot,.eb-live-sync__label{display:none}.eb-error-slot,.eb-info-slot,.eb-socials-slot{inset:0;pointer-events:none;position:absolute;z-index:50}.eb-toast-slot{bottom:60px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:50}.eb-toast{background:rgba(0,0,0,.8);border-radius:4px;color:#fff;font-size:13px;padding:8px 20px;pointer-events:auto;white-space:nowrap}.eb-error,.eb-info-overlay,.eb-socials-overlay{align-items:center;background:rgba(0,0,0,.75);color:#fff;display:flex;flex-direction:column;inset:0;justify-content:center;padding:24px;pointer-events:auto;position:absolute;text-align:center;z-index:50}.eb-error[hidden],.eb-info-overlay[hidden],.eb-socials-overlay[hidden]{display:none}.eb-error-message{font-size:16px;margin:0 0 16px}.eb-error-retry{background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3);border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 24px}.eb-error-retry:hover{background:hsla(0,0%,100%,.25)}.eb-info-content{font-size:14px;line-height:1.5;margin-bottom:16px;max-width:400px}.eb-info-close,.eb-socials-close{background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3);border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 24px}.eb-info-close:hover,.eb-socials-close:hover{background:hsla(0,0%,100%,.25)}.eb-socials-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:16px}.eb-socials-link{background:hsla(0,0%,100%,.1);border-radius:4px;color:#fff;font-size:14px;padding:8px 16px;text-decoration:none;text-transform:capitalize}.eb-socials-link:hover{background:hsla(0,0%,100%,.25)}.eb-loading{align-items:center;color:#fff;display:flex;flex-direction:column;gap:8px;justify-content:center;pointer-events:none}.eb-loading[hidden]{display:none}.eb-loading-arc{animation:eb-spin 1.8s linear infinite;border:3px solid hsla(0,0%,100%,.15);border-radius:50%;border-top-color:hsla(0,0%,100%,.9);height:80px;width:80px}.eb-loading-text{font-size:14px}@keyframes eb-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.eb-controls-visible .eb-bottom-bar,.eb-controls-visible .eb-middle-bar,.eb-controls-visible .eb-top-bar{opacity:1;transition:opacity .3s}.eb-controls-hidden .eb-bottom-bar,.eb-controls-hidden .eb-middle-bar,.eb-controls-hidden .eb-top-bar{opacity:0;pointer-events:none;transition:opacity .3s}.eb-ios-native .eb-bottom-bar,.eb-ios-native .eb-error-slot,.eb-ios-native .eb-info-slot,.eb-ios-native .eb-middle-bar,.eb-ios-native .eb-overlay-zone,.eb-ios-native .eb-socials-slot,.eb-ios-native .eb-toast-slot,.eb-ios-native .eb-top-bar{display:none}.eb-player[dir=rtl] .eb-chapter-marker{--eb-chapter-marker-x:50%}.eb-player[dir=rtl] .eb-volume-thumb{--eb-volume-thumb-x:50%}.eb-player,.eb-player video.eb-video{max-height:100%;max-width:100%}