/* LCPlayer default skin. Class names follow the JW Player 8 CSS skin reference. */

.jwplayer {
  --jw-cb-bg: rgba(0, 0, 0, 0);
  --jw-icons: rgba(255, 255, 255, 0.8);
  --jw-icons-active: #fff;
  --jw-text: #fff;
  --jw-progress: #f2f2f2;
  --jw-rail: rgba(255, 255, 255, 0.3);
  --jw-buffer: rgba(255, 255, 255, 0.3);
  --jw-tooltip-bg: #fff;
  --jw-tooltip-text: #000;
  --jw-menu-bg: rgba(0, 0, 0, 0.7);
  position: relative;
  display: block;
  width: 100%;
  min-height: 0;
  background: #000;
  overflow: hidden;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  direction: ltr;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  touch-action: manipulation;
  user-select: none;
  outline: none;
  box-sizing: border-box;
  contain: layout;
}
.jwplayer:focus-visible { outline: 2px solid rgba(255, 255, 255, 0.85); outline-offset: -2px; }
.jwplayer *, .jwplayer *::before, .jwplayer *::after { box-sizing: border-box; }
.jw-reset {
  margin: 0; padding: 0; border: 0;
  color: inherit; background-color: transparent;
  text-align: left; direction: ltr; text-transform: none;
  font-size: inherit; font-family: inherit; font-weight: inherit; line-height: normal; letter-spacing: normal;
  list-style: none; vertical-align: baseline; white-space: nowrap;
}
/* The root carries jw-reset too; this compound rule stops it re-inheriting the host page's font and colour. */
.jwplayer.jw-reset { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 400; line-height: 1; color: #fff; background-color: #000; white-space: normal; }
.jwplayer svg { fill: currentColor; display: block; }

/* Sizing / aspect mode */
.jw-aspect { display: none; }
.jwplayer.jw-flag-aspect-mode { height: auto !important; }
.jwplayer.jw-flag-aspect-mode .jw-aspect { display: block; width: 100%; padding-top: 56.25%; }
.jwplayer.jw-flag-aspect-mode .jw-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.jw-wrapper { position: relative; width: 100%; height: 100%; overflow: hidden; background: #000; }
.jwplayer.jw-flag-fullscreen {
  position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
  width: auto !important; height: auto !important; max-width: none !important; max-height: none !important;
  margin: 0 !important; padding: 0 !important; transform: none !important; z-index: 2147483000;
}
.jwplayer.jw-flag-fullscreen .jw-aspect { display: none; }
.jwplayer.jw-flag-fullscreen .jw-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

/* Media */
.jw-media { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; }
.jw-video { display: block; width: 100%; height: 100%; background: transparent; object-fit: contain; }
.jw-stretch-uniform .jw-video { object-fit: contain; }
.jw-stretch-fill .jw-video { object-fit: cover; }
.jw-stretch-exactfit .jw-video { object-fit: fill; }
.jw-stretch-none .jw-video { object-fit: none; }
.jw-preview {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  background: #000 no-repeat center center; background-size: contain;
  display: none; pointer-events: none;
}
.jw-stretch-fill .jw-preview { background-size: cover; }
.jw-stretch-exactfit .jw-preview { background-size: 100% 100%; }
.jw-stretch-none .jw-preview { background-size: auto; }
.jw-state-idle .jw-preview, .jw-state-complete .jw-preview, .jw-flag-media-audio .jw-preview,
.jw-state-buffering.jw-flag-no-first-frame .jw-preview { display: block; }
.jw-captions { position: absolute; left: 0; right: 0; bottom: 0; pointer-events: none; }
.jw-overlays { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; }

/* Title */
.jw-title {
  position: absolute; top: 0; left: 0; right: 0; padding: 20px 20px 40px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  pointer-events: none; display: none; white-space: normal;
}
.jw-state-idle .jw-title, .jw-state-paused .jw-title, .jw-state-complete .jw-title,
.jw-state-buffering.jw-flag-no-first-frame .jw-title { display: block; }
.jw-title-primary { font-size: 18px; line-height: 1.3; color: #fff; text-shadow: 0 0 6px rgba(0, 0, 0, 0.6); white-space: normal; }
.jw-title-secondary { font-size: 14px; line-height: 1.4; color: rgba(255, 255, 255, 0.85); margin-top: 4px; text-shadow: 0 0 6px rgba(0, 0, 0, 0.6); white-space: normal; }
.jw-title-primary:empty, .jw-title-secondary:empty { display: none; }
.jw-title.jw-hidden { display: none !important; }
.jw-title-primary, .jw-title-secondary { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.jw-flag-user-inactive.jw-state-paused .jw-title { display: none; }

/* Controls layer */
.jw-controls-backdrop {
  position: absolute; left: 0; right: 0; bottom: 0; height: 132px; pointer-events: none;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 60%, rgba(0, 0, 0, 0.55) 100%);
  transition: opacity 0.25s ease;
}
.jw-controls { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; transition: opacity 0.25s ease; }
.jw-controls > * { pointer-events: auto; }
.jw-flag-controls-hidden .jw-controls, .jw-flag-controls-hidden .jw-controls-backdrop,
.jw-error .jw-controls, .jw-error .jw-controls-backdrop, .jw-error .jw-title { display: none; }
.jw-state-playing.jw-flag-user-inactive .jw-controls,
.jw-state-playing.jw-flag-user-inactive .jw-controls-backdrop,
.jw-state-buffering.jw-flag-user-inactive:not(.jw-flag-no-first-frame) .jw-controls,
.jw-state-buffering.jw-flag-user-inactive:not(.jw-flag-no-first-frame) .jw-controls-backdrop { opacity: 0; pointer-events: none; }
.jw-state-playing.jw-flag-user-inactive .jw-controls > *,
.jw-state-buffering.jw-flag-user-inactive:not(.jw-flag-no-first-frame) .jw-controls > * { pointer-events: none; }
.jw-state-playing.jw-flag-user-inactive, .jw-state-playing.jw-flag-user-inactive .jw-media { cursor: none; }
.jw-flag-media-audio .jw-controls, .jw-flag-media-audio .jw-controls-backdrop { opacity: 1 !important; pointer-events: auto; }

/* Display (center) icons */
.jw-display { position: absolute; top: 0; left: 0; right: 0; bottom: 44px; display: flex; align-items: center; justify-content: center; pointer-events: none !important; }
.jw-display-container { display: flex; align-items: center; justify-content: center; pointer-events: none; }
.jw-display-controls { display: flex; align-items: center; justify-content: center; gap: 4%; pointer-events: none; }
.jw-display-icon-container {
  display: flex; align-items: center; justify-content: center;
  width: 100px; height: 100px; border-radius: 50%; pointer-events: auto; cursor: pointer;
  color: var(--jw-icons); transition: transform 0.15s ease, color 0.15s ease, opacity 0.2s ease;
}
.jw-display-icon-container:hover { color: var(--jw-icons-active); transform: scale(1.08); }
.jw-display-icon-container .jw-icon { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.jw-display-icon-display .jw-svg-icon { width: 75px; height: 75px; filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.5)); }
.jw-display-icon-rewind .jw-svg-icon, .jw-display-icon-next .jw-svg-icon { width: 44px; height: 44px; filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.5)); }
.jw-display-icon-rewind, .jw-display-icon-next { display: none; width: 72px; height: 72px; }
.jw-breakpoint-0 .jw-display-icon-container, .jw-breakpoint-1 .jw-display-icon-container { width: 60px; height: 60px; }
.jw-breakpoint-0 .jw-display-icon-display .jw-svg-icon, .jw-breakpoint-1 .jw-display-icon-display .jw-svg-icon { width: 44px; height: 44px; }
.jw-flag-touch.jw-state-paused .jw-display-icon-rewind, .jw-flag-touch.jw-state-paused .jw-display-icon-next.jw-has-next { display: flex; }
.jw-state-playing .jw-display { display: none; }
.jw-state-buffering .jw-display-icon-container { cursor: default; transform: none; }
.jw-display .jw-svg-icon-play, .jw-display .jw-svg-icon-pause, .jw-display .jw-svg-icon-replay, .jw-display .jw-svg-icon-buffer { display: none; }
.jw-state-idle .jw-display .jw-svg-icon-play, .jw-state-paused .jw-display .jw-svg-icon-play { display: block; }
.jw-state-complete .jw-display .jw-svg-icon-replay { display: block; }
.jw-state-buffering .jw-display .jw-svg-icon-buffer { display: block; animation: jw-spin 1s linear infinite; }
@keyframes jw-spin { to { transform: rotate(360deg); } }

/* Control bar */
.jw-controlbar {
  position: absolute; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column;
  background: var(--jw-cb-bg); padding: 0; z-index: 1;
}
.jw-button-container { display: flex; align-items: center; height: 44px; padding: 0 4px; width: 100%; }
.jw-icon {
  position: relative; display: flex; align-items: center; justify-content: center; flex: 0 0 auto;
  color: var(--jw-icons); cursor: pointer; outline: none;
}
.jw-icon-inline { width: 44px; height: 44px; }
.jw-icon-inline .jw-svg-icon { width: 24px; height: 24px; }
.jw-button-color { color: var(--jw-icons); }
.jw-button-color:hover, .jw-button-color:focus-visible, .jw-icon:hover, .jw-icon:focus-visible { color: var(--jw-icons-active); }
.jw-icon:focus-visible, .jw-slider-time:focus-visible, .jw-slider-volume:focus-visible, .jw-autostart-mute:focus-visible { outline: 2px solid rgba(255, 255, 255, 0.85); outline-offset: -2px; border-radius: 3px; }
.jw-icon-playback .jw-svg-icon-pause, .jw-icon-playback .jw-svg-icon-replay { display: none; }
.jw-state-playing .jw-icon-playback .jw-svg-icon-play, .jw-state-buffering .jw-icon-playback .jw-svg-icon-play { display: none; }
.jw-state-playing .jw-icon-playback .jw-svg-icon-pause, .jw-state-buffering .jw-icon-playback .jw-svg-icon-pause { display: block; }
.jw-state-complete .jw-icon-playback .jw-svg-icon-play { display: none; }
.jw-state-complete .jw-icon-playback .jw-svg-icon-replay { display: block; }
.jw-icon-next { display: none; }
.jw-icon-next.jw-has-next { display: flex; }
.jw-icon-fullscreen .jw-svg-icon-fullscreen-on { display: none; }
.jw-flag-fullscreen .jw-icon-fullscreen .jw-svg-icon-fullscreen-off { display: none; }
.jw-flag-fullscreen .jw-icon-fullscreen .jw-svg-icon-fullscreen-on { display: block; }
.jw-flag-no-fullscreen .jw-icon-fullscreen { display: none; }
.jw-icon-volume .jw-svg-icon-volume-0, .jw-icon-volume .jw-svg-icon-volume-50 { display: none; }
.jw-icon-volume.jw-volume-mid .jw-svg-icon-volume-100, .jw-icon-volume.jw-off .jw-svg-icon-volume-100 { display: none; }
.jw-icon-volume.jw-volume-mid .jw-svg-icon-volume-50 { display: block; }
.jw-icon-volume.jw-off .jw-svg-icon-volume-0 { display: block; }
.jw-icon-volume.jw-off .jw-svg-icon-volume-50 { display: none; }
.jw-text { display: flex; align-items: center; height: 44px; padding: 0 6px; color: var(--jw-text); font-size: 13px; font-weight: normal; font-variant-numeric: tabular-nums; cursor: default; }
.jw-text-duration::before { content: "/"; padding-right: 6px; color: rgba(255, 255, 255, 0.6); }
.jw-text-elapsed { padding-right: 0; }
.jw-spacer { flex: 1 1 auto; min-width: 4px; }
.jw-button-image { width: 24px; height: 24px; background: no-repeat center center; background-size: contain; }
.jw-button-container .jw-icon-cc { display: none; }
.jw-button-container .jw-icon-cc.jw-has-captions { display: flex; }
.jw-icon-cc .jw-svg-icon-cc-on { display: none; }
.jw-icon-cc.jw-captions-on .jw-svg-icon-cc-on { display: block; }
.jw-icon-cc.jw-captions-on .jw-svg-icon-cc-off { display: none; }

/* Time slider */
.jw-slider-time { position: relative; width: 100%; height: 17px; padding: 0 10px; display: flex; align-items: center; cursor: pointer; touch-action: none; outline: none; }
.jw-slider-horizontal .jw-slider-container { position: relative; width: 100%; height: 5px; }
.jw-slider-time:hover .jw-slider-container, .jw-slider-time:focus-visible .jw-slider-container, .jw-flag-dragging .jw-slider-time .jw-slider-container { height: 7px; }
.jw-rail, .jw-buffer, .jw-progress { position: absolute; top: 0; left: 0; height: 100%; border-radius: 3px; }
.jw-rail { width: 100%; background: var(--jw-rail); }
.jw-buffer { width: 0; background: var(--jw-buffer); }
.jw-progress { width: 0; background: var(--jw-progress); }
.jw-knob {
  position: absolute; top: 50%; left: 0; width: 13px; height: 13px; margin: -6.5px 0 0 -6.5px; border-radius: 50%;
  background: var(--jw-progress); box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); opacity: 0; transition: opacity 0.15s ease, transform 0.1s ease;
}
.jw-slider-time:hover .jw-knob, .jw-slider-time:focus-visible .jw-knob, .jw-flag-dragging .jw-knob { opacity: 1; }
.jw-flag-dragging .jw-knob { transform: scale(1.15); }
.jw-slider-horizontal .jw-cue { position: absolute; top: 0; width: 6px; height: 100%; margin-left: -3px; background: rgba(33, 33, 33, 0.9); cursor: pointer; }
.jw-slider-time .jw-overlay { position: absolute; bottom: 100%; left: 0; pointer-events: none; display: none; }
.jw-slider-time:hover .jw-overlay, .jw-flag-dragging .jw-slider-time .jw-overlay { display: block; }
.jw-flag-touch .jw-slider-time .jw-overlay { display: none; }
.jw-slider-time .jw-tooltip { position: absolute; bottom: 4px; transform: translateX(-50%); }
.jw-slider-time .jw-tooltip::after { display: none; }
.jw-flag-touch .jw-slider-time { height: 24px; }
.jw-flag-touch .jw-slider-time .jw-slider-container { height: 7px; }

/* Volume slider popover */
.jw-icon-volume .jw-overlay {
  position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); padding-bottom: 6px;
  display: none; pointer-events: auto;
}
.jw-icon-volume:hover .jw-overlay, .jw-icon-volume:focus-within .jw-overlay, .jw-icon-volume.jw-open .jw-overlay { display: block; }
.jw-flag-touch .jw-icon-volume .jw-overlay, .jw-flag-horizontal-volume .jw-icon-volume .jw-overlay { display: none !important; }
.jw-slider-volume.jw-slider-vertical {
  position: relative; width: 40px; height: 110px; padding: 10px 0; background: rgba(0, 0, 0, 0.75); border-radius: 3px;
  display: flex; justify-content: center; cursor: pointer; touch-action: none; outline: none;
}
.jw-slider-vertical .jw-slider-container { position: relative; width: 5px; height: 100%; }
.jw-slider-vertical .jw-rail, .jw-slider-vertical .jw-buffer, .jw-slider-vertical .jw-progress { position: absolute; left: 0; bottom: 0; top: auto; width: 100%; height: 100%; border-radius: 3px; }
.jw-slider-vertical .jw-progress { height: 0; }
.jw-slider-vertical .jw-knob { top: auto; bottom: 0; left: 50%; margin: 0 0 -6.5px -6.5px; opacity: 1; }
.jw-slider-volume.jw-slider-horizontal { display: none; position: relative; width: 90px; height: 44px; padding: 0 8px; align-items: center; cursor: pointer; touch-action: none; outline: none; }
.jw-flag-horizontal-volume .jw-slider-volume.jw-slider-horizontal { display: flex; }
.jw-flag-horizontal-volume .jw-slider-volume .jw-knob { opacity: 1; }
.jw-flag-touch .jw-slider-volume.jw-slider-horizontal { display: none; }

/* Tooltips */
.jw-tooltip {
  position: absolute; bottom: calc(100% + 2px); left: 50%; transform: translateX(-50%);
  background: var(--jw-tooltip-bg); color: var(--jw-tooltip-text); border-radius: 3px;
  padding: 0; opacity: 0; visibility: hidden; transition: opacity 0.1s ease; pointer-events: none; z-index: 2; white-space: nowrap;
}
.jw-tooltip::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border: 5px solid transparent; border-top-color: var(--jw-tooltip-bg); }
.jw-tooltip .jw-text { height: auto; padding: 6px 8px; font-size: 12px; line-height: 1; color: var(--jw-tooltip-text); }
.jw-icon-inline:hover > .jw-tooltip, .jw-icon-inline:focus-visible > .jw-tooltip, .jw-tooltip.jw-open { opacity: 1; visibility: visible; }
.jw-flag-touch .jw-tooltip { display: none; }
.jw-icon-inline:first-child > .jw-tooltip { left: 0; transform: none; }
.jw-icon-inline:first-child > .jw-tooltip::after { left: 22px; }
.jw-icon-inline:last-child > .jw-tooltip { left: auto; right: 0; transform: none; }
.jw-icon-inline:last-child > .jw-tooltip::after { left: auto; right: 17px; margin-left: 0; }

/* Error */
.jw-error-msg {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 90%;
  display: flex; align-items: center; gap: 12px; padding: 12px 18px; background: rgba(0, 0, 0, 0.7); border-radius: 4px;
  color: #fff; white-space: normal; z-index: 3;
}
.jw-error-msg .jw-icon { width: 30px; height: 30px; color: #fff; cursor: default; flex: 0 0 auto; }
.jw-error-msg .jw-icon .jw-svg-icon { width: 30px; height: 30px; }
.jw-error-text { font-size: 14px; line-height: 1.4; white-space: normal; }
.jw-error-text .jw-error-code { display: block; font-size: 12px; color: rgba(255, 255, 255, 0.7); margin-top: 4px; }
.jw-error .jw-preview { display: block; filter: brightness(0.5); }
.jw-error .jw-media { cursor: default; }

/* Logo */
.jw-logo { position: absolute; width: 100px; max-width: 30%; max-height: 30%; z-index: 2; pointer-events: auto; opacity: 1; transition: opacity 0.3s ease; }
.jw-logo img { display: block; width: 100%; height: auto; }
.jw-logo-top-left { top: var(--jw-logo-margin, 8px); left: var(--jw-logo-margin, 8px); }
.jw-logo-top-right { top: var(--jw-logo-margin, 8px); right: var(--jw-logo-margin, 8px); }
.jw-logo-bottom-left { bottom: calc(61px + var(--jw-logo-margin, 8px)); left: var(--jw-logo-margin, 8px); }
.jw-logo-bottom-right { bottom: calc(61px + var(--jw-logo-margin, 8px)); right: var(--jw-logo-margin, 8px); }
.jw-flag-touch .jw-logo-bottom-left, .jw-flag-touch .jw-logo-bottom-right { bottom: calc(68px + var(--jw-logo-margin, 8px)); }
.jw-logo { transition: opacity 0.3s ease, bottom 0.25s ease; }
.jw-logo-control-bar { position: relative; width: 24px; height: 24px; margin: 0 6px; }
.jw-logo-control-bar img { max-height: 24px; width: auto; }
.jw-logo.jw-logo-hidden { opacity: 0; pointer-events: none; }
.jw-flag-user-inactive.jw-state-playing .jw-logo-bottom-left, .jw-flag-user-inactive.jw-state-playing .jw-logo-bottom-right { bottom: var(--jw-logo-margin, 8px); }

/* Autostart muted badge */
.jw-autostart-mute {
  position: absolute; top: 16px; left: 16px; display: none; align-items: center; gap: 8px; height: 40px; padding: 0 14px 0 10px;
  background: rgba(0, 0, 0, 0.7); color: #fff; border-radius: 20px; cursor: pointer; z-index: 3; font-size: 14px; pointer-events: auto;
}
.jw-autostart-mute .jw-svg-icon { width: 24px; height: 24px; }
.jw-flag-autostart-muted .jw-autostart-mute { display: flex; }
.jw-autostart-mute:hover { background: rgba(0, 0, 0, 0.85); }

/* Breakpoints */
.jw-breakpoint-0 .jw-text-duration, .jw-breakpoint-0 .jw-controlbar .jw-icon-rewind, .jw-breakpoint-0 .jw-title-secondary,
.jw-breakpoint-1 .jw-controlbar .jw-icon-rewind, .jw-breakpoint-1 .jw-title-secondary { display: none; }
.jw-breakpoint-0 .jw-icon-inline { width: 36px; }
.jw-breakpoint-0 .jw-text, .jw-breakpoint-1 .jw-text { font-size: 12px; padding: 0 4px; }
.jw-breakpoint-0 .jw-title-primary, .jw-breakpoint-1 .jw-title-primary { font-size: 15px; }
.jw-breakpoint-0 .jw-title, .jw-breakpoint-1 .jw-title { padding: 12px 12px 30px; }
.jw-breakpoint-7 .jw-title-primary { font-size: 22px; }
.jw-breakpoint-7 .jw-title-secondary { font-size: 16px; }
.jw-breakpoint-0 .jw-controls-backdrop, .jw-breakpoint-1 .jw-controls-backdrop { height: 90px; }

/* Controlbar-only (very short players) */
.jw-flag-controlbar-only .jw-display, .jw-flag-controlbar-only .jw-title, .jw-flag-controlbar-only .jw-preview { display: none !important; }
.jw-flag-controlbar-only .jw-controls-backdrop { height: 100%; background: #000; }
.jw-flag-controlbar-only .jw-slider-time { display: none; }

/* Audio only */
.jw-flag-media-audio .jw-display { bottom: 44px; }
.jw-flag-media-audio.jw-state-playing .jw-display { display: flex; }
.jw-flag-media-audio.jw-state-playing .jw-display .jw-svg-icon-pause { display: block; }

/* Hover states on non-touch */
.jw-flag-touch .jw-display-icon-container:hover { transform: none; }

/* Logo hide-while-playing + CSS-only fullscreen fallback */
.jw-flag-user-inactive.jw-state-playing .jw-logo.jw-logo-hide { opacity: 0; pointer-events: none; }
html.jw-flag-fullscreen-doc, html.jw-flag-fullscreen-doc body { overflow: hidden !important; }

/* Windows High Contrast / forced-colors: system colours for the chrome, outlines for focus */
@media (forced-colors: active) {
  .jw-controlbar, .jw-slider-volume.jw-slider-vertical, .jw-tooltip, .jw-error-msg, .jw-autostart-mute { background: Canvas; forced-color-adjust: none; }
  .jw-controls-backdrop { display: none; }
  .jw-icon, .jw-button-color, .jw-display-icon-container { color: ButtonText; }
  .jw-icon:hover, .jw-icon:focus-visible { color: Highlight; }
  .jw-display-icon-container { background: Canvas; border: 1px solid ButtonText; }
  .jw-text, .jw-tooltip .jw-text, .jw-error-text, .jw-autostart-mute { color: CanvasText; }
  .jw-rail, .jw-buffer { background: GrayText; }
  .jw-progress, .jw-knob { background: Highlight; }
  .jw-icon:focus-visible, .jwplayer:focus-visible, .jw-slider-time:focus-visible, .jw-slider-volume:focus-visible { outline: 2px solid Highlight; }
}

/* Reduced motion: no hover growth or fades; the buffering spinner turns slowly so it still reads as activity */
@media (prefers-reduced-motion: reduce) {
  .jw-controls, .jw-controls-backdrop, .jw-display-icon-container, .jw-knob, .jw-tooltip, .jw-logo { transition: none; }
  .jw-display-icon-container:hover { transform: none; }
  .jw-state-buffering .jw-display .jw-svg-icon-buffer { animation-duration: 3s; }
}