:root {
  --playlist-color: var(--kisskh-theme-player-accent, var(--kisskh-primary-color, var(--kisskh-theme-primary, #9c27b0)));
  --jw-theme-color: var(--kisskh-theme-player-accent, var(--kisskh-primary-color, var(--kisskh-theme-primary, #9c27b0)));
  --jw-main-color: var(--jw-theme-color);
  --jw-icon-color: #ddd;
  --jw-icon-active-color: var(--jw-main-color);
  --jw-progress-color: var(--jw-main-color);
  --jw-buffer-color: rgba(255, 255, 255, 0.2);
  --jw-rail-color: rgba(255, 255, 255, 0.72);
  --jw-controlbar-bg: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 18px, #000 100%);
  --jw-menu-bg: rgba(22, 22, 26, 0.8);
  --jw-knob-shadow-color: color-mix(in srgb, var(--jw-theme-color) 25%, transparent);
  --jw-caption-font-family: "Inter", "Battambang", sans-serif;
  --jw-caption-icon-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2M6 10h3v2H6zm7 6H6v-2h7zm5 0h-3v-2h3zm0-4h-7v-2h7z'/%3E%3C/svg%3E");
  --jw-quality-icon-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 3c-.89-.01-1.75.29-2.46.83-.7.55-1.2 1.31-1.42 2.17H3a.99.99 0 0 0-1 1c0 .26.1.51.29.7A1 1 0 0 0 3 8h2.12a4.003 4.003 0 0 0 6.32 2.16c.71-.55 1.21-1.31 1.43-2.16H21c.26 0 .51-.11.7-.3s.3-.44.3-.7a1 1 0 0 0-.3-.71A.98.98 0 0 0 21 6h-8.13a4.03 4.03 0 0 0-1.42-2.17C10.74 3.29 9.88 2.99 9 3m0 2c.53 0 1.03.21 1.41.58.37.38.59.88.59 1.42 0 .53-.22 1.03-.59 1.41-.38.37-.88.59-1.41.59-.54 0-1.04-.22-1.42-.59a2.016 2.016 0 0 1 0-2.83C7.96 5.21 8.46 5 9 5m6 8c-.89-.01-1.75.29-2.46.83-.7.55-1.2 1.31-1.42 2.17H3a.99.99 0 0 0-1 1c0 .26.1.51.29.7A1 1 0 0 0 3 18h8.12a4.003 4.003 0 0 0 6.32 2.16c.71-.55 1.21-1.31 1.43-2.16H21c.26 0 .51-.11.7-.3s.3-.44.3-.7a1 1 0 0 0-.3-.71.98.98 0 0 0-.7-.29h-2.13a4.03 4.03 0 0 0-1.42-2.17c-.71-.54-1.57-.84-2.45-.83m0 2c.53 0 1.03.21 1.41.58.37.38.59.88.59 1.42 0 .53-.22 1.03-.59 1.41-.38.37-.88.59-1.41.59-.54 0-1.04-.22-1.42-.59a2.016 2.016 0 0 1 0-2.83c.38-.37.88-.58 1.42-.58'/%3E%3C/svg%3E");
  --jw-buffer-icon-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 2A10 10 0 1 0 22 12A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8A8 8 0 0 1 12 20Z' opacity='0.5'/%3E%3Cpath fill='%23fff' d='M20 12h2A10 10 0 0 0 12 2V4A8 8 0 0 1 20 12Z'/%3E%3C/svg%3E");
}

html,
body {
  background: #000;
}

.jwplayer.jw-skin-cs .jw-time-tip {
  word-break: normal;
}

.jwplayer.jw-skin-cs .jw-settings-content-item {
  font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
}

.jwplayer.jw-skin-cs .jw-text-track-display,
.jwplayer.jw-skin-cs .jw-text-track-display .jw-reset,
.jwplayer.jw-skin-cs .jw-text-track-display .jw-text-track-cue,
.jw-text-track-cue.jw-reset {
  font-family: var(--jw-caption-font-family) !important;
  font-weight: 700 !important;
  font-style: normal !important;
  background-color: transparent;
  text-shadow:
    -1px -1px 0 rgb(0, 0, 0),
    0 -1px 0 rgb(0, 0, 0),
    1px -1px 0 rgb(0, 0, 0),
    1px 0 0 rgb(0, 0, 0),
    1px 1px 0 rgb(0, 0, 0),
    0 1px 0 rgb(0, 0, 0),
    -1px 1px 0 rgb(0, 0, 0),
    -1px 0 0 rgb(0, 0, 0) !important;
}

.jwplayer.jw-skin-cs {
  width: 100% !important;
  height: 100% !important;
  background: #000;
}

.jwplayer.jw-skin-cs .jw-icon-rewind.invisible,
.jwplayer.jw-skin-cs .jw-icon-forward.invisible,
.jwplayer.jw-skin-cs .jw-icon-pip,
.jwplayer.jw-skin-cs .jw-rightclick,
.jwplayer.jw-skin-cs.jw-breakpoint-1 .jw-controlbar .jw-button-container > .jw-icon-forward,
.jwplayer.jw-skin-cs.jw-flag-small-player .jw-controlbar .jw-button-container > .jw-icon-forward,
.jwplayer.jw-skin-cs.jw-flag-live .jw-icon-forward,
.jwplayer.jw-skin-cs .jw-reset-text.jw-tooltip.jw-tooltip-settings {
  display: none !important;
}

.jwplayer.jw-skin-cs .playlist-jw-forward-display {
  display: none !important;
}

.jwplayer.jw-skin-cs.jw-flag-live .jw-display-icon-next {
  visibility: hidden !important;
  pointer-events: none !important;
}

.jwplayer.jw-skin-cs .jw-svg-icon-buffer path,
.jwplayer.jw-skin-cs .jw-svg-icon-play path,
.jwplayer.jw-skin-cs .jw-svg-icon-rewind path,
.jwplayer.jw-skin-cs .jw-svg-icon-forward path,
.jwplayer.jw-skin-cs .jw-svg-icon-volume-0 path,
.jwplayer.jw-skin-cs .jw-svg-icon-volume-50 path,
.jwplayer.jw-skin-cs .jw-svg-icon-volume-100 path,
.jwplayer.jw-skin-cs .jw-svg-icon-cc-on path,
.jwplayer.jw-skin-cs .jw-svg-icon-cc-off path,
.jwplayer.jw-skin-cs .jw-svg-icon-settings path,
.jwplayer.jw-skin-cs .jw-svg-icon-fullscreen-on path,
.jwplayer.jw-skin-cs .jw-svg-icon-fullscreen-off path,
.jwplayer.jw-skin-cs .jw-svg-icon-quality-100 path,
.jwplayer.jw-skin-cs .jw-svg-icon-audio-tracks path {
  display: none;
}

.jwplayer.jw-skin-cs .jw-svg-icon-buffer {
  background-image: var(--jw-buffer-icon-image);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.jwplayer.jw-skin-cs.jw-state-buffering .jw-display-icon-display .jw-icon .jw-svg-icon-buffer {
  animation: kisskh-jw-buffer-spin 0.9s linear infinite !important;
  transform-origin: 50% 50%;
  will-change: transform;
}

.jwplayer.jw-skin-cs .jw-display-icon-display .jw-icon .jw-svg-icon-buffer {
  width: clamp(56px, 10vw, 76px) !important;
  height: clamp(56px, 10vw, 76px) !important;
}

@keyframes kisskh-jw-buffer-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.jwplayer.jw-skin-cs .jw-svg-icon-play {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cpath fill='%23fff' d='M32.16 16.08L8.94 4.47A2.07 2.07 0 0 0 6 6.32v23.21a2.06 2.06 0 0 0 3 1.85l23.16-11.61a2.07 2.07 0 0 0 0-3.7Z'/%3E%3Cpath fill='none' d='M0 0h36v36H0z'/%3E%3C/svg%3E") no-repeat center / contain;
  background: currentColor;
}

.jwplayer.jw-skin-cs.jw-state-idle .jw-icon-display .jw-svg-icon-play,
.jwplayer.jw-skin-cs.jw-state-paused .jw-icon-display .jw-svg-icon-play,
.jwplayer.jw-skin-cs.jw-state-complete .jw-icon-display .jw-svg-icon-play {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10' clip-rule='evenodd' opacity='0.35'/%3E%3Cpath fill='%23fff' d='m15.414 13.059l-4.72 2.787C9.934 16.294 9 15.71 9 14.786V9.214c0-.924.934-1.507 1.694-1.059l4.72 2.787c.781.462.781 1.656 0 2.118'/%3E%3C/svg%3E") no-repeat center / contain;
  background: currentColor;
  transition: transform 0.2s ease;
}

.jwplayer.jw-skin-cs.jw-state-idle .jw-display-icon-display,
.jwplayer.jw-skin-cs.jw-state-paused .jw-display-icon-display,
.jwplayer.jw-skin-cs.jw-state-complete .jw-display-icon-display,
.jwplayer.jw-skin-cs.jw-state-loading .jw-display-icon-display,
.jwplayer.jw-skin-cs.jw-state-buffering .jw-display-icon-display,
.jwplayer.jw-skin-cs.jw-state-idle .jw-display-icon-container,
.jwplayer.jw-skin-cs.jw-state-paused .jw-display-icon-container,
.jwplayer.jw-skin-cs.jw-state-complete .jw-display-icon-container,
.jwplayer.jw-skin-cs.jw-state-loading .jw-display-icon-container,
.jwplayer.jw-skin-cs.jw-state-buffering .jw-display-icon-container {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.jwplayer.jw-skin-cs.jw-state-playing .jw-display-icon-display,
.jwplayer.jw-skin-cs.jw-state-playing .jw-display-icon-container {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.jwplayer.jw-skin-cs.jw-state-loading .jw-display-icon-display,
.jwplayer.jw-skin-cs.jw-state-loading .jw-display-icon-container,
.jwplayer.jw-skin-cs.jw-state-buffering .jw-display-icon-display,
.jwplayer.jw-skin-cs.jw-state-buffering .jw-display-icon-container {
  pointer-events: none !important;
}

.jwplayer.jw-skin-cs.jw-state-idle .jw-icon-display:hover .jw-svg-icon-play,
.jwplayer.jw-skin-cs.jw-state-paused .jw-icon-display:hover .jw-svg-icon-play,
.jwplayer.jw-skin-cs.jw-state-complete .jw-icon-display:hover .jw-svg-icon-play {
  transform: scale(1.1);
}

.jwplayer.jw-skin-cs .jw-display-icon-display .jw-icon-display,
.jwplayer.jw-skin-cs .jw-display-icon-container .jw-icon-display,
.jwplayer.jw-skin-cs .jw-icon-display {
  color: var(--jw-main-color) !important;
  fill: var(--jw-main-color) !important;
  stroke: var(--jw-main-color) !important;
}

.jwplayer.jw-skin-cs .jw-icon-display:hover .jw-svg-icon-play,
.jwplayer.jw-skin-cs .jw-icon-playback:hover .jw-svg-icon-play,
.jwplayer.jw-skin-cs .jw-icon-playback:focus .jw-svg-icon-play,
.jwplayer.jw-skin-cs .jw-icon-rewind:hover .jw-svg-icon-rewind,
.jwplayer.jw-skin-cs .jw-icon-rewind:focus .jw-svg-icon-rewind,
.jwplayer.jw-skin-cs .jw-icon-forward:hover .jw-svg-icon-forward,
.jwplayer.jw-skin-cs .jw-icon-forward:focus .jw-svg-icon-forward,
.jwplayer.jw-skin-cs .jw-icon-volume:hover .jw-button-color,
.jwplayer.jw-skin-cs .jw-icon-cc:hover .jw-button-color,
.jwplayer.jw-skin-cs .jw-icon-settings:hover .jw-button-color,
.jwplayer.jw-skin-cs .jw-icon-fullscreen:hover .jw-button-color {
  color: var(--jw-icon-active-color) !important;
}

.jwplayer.jw-skin-cs .jw-svg-icon-rewind {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M11.99 5V2.21c0-.45-.54-.67-.85-.35L7.35 5.65c-.2.2-.2.51 0 .71l3.79 3.79a.5.5 0 0 0 .85-.35V7c3.73 0 6.68 3.42 5.86 7.29c-.47 2.27-2.31 4.1-4.57 4.57c-3.57.75-6.75-1.7-7.23-5.01a.984.984 0 0 0-.98-.85c-.6 0-1.08.53-1 1.13c.62 4.39 4.8 7.64 9.53 6.72c3.12-.61 5.63-3.12 6.24-6.24c.99-5.13-2.9-9.61-7.85-9.61m-1.1 11h-.85v-3.26l-1.01.31v-.69l1.77-.63h.09zm4.28-1.76c0 .32-.03.6-.1.82s-.17.42-.29.57s-.28.26-.45.33s-.37.1-.59.1s-.41-.03-.59-.1s-.33-.18-.46-.33s-.23-.34-.3-.57s-.11-.5-.11-.82v-.74c0-.32.03-.6.1-.82s.17-.42.29-.57s.28-.26.45-.33s.37-.1.59-.1s.41.03.59.1s.33.18.46.33s.23.34.3.57s.11.5.11.82zm-.85-.86c0-.19-.01-.35-.04-.48s-.07-.23-.12-.31s-.11-.14-.19-.17s-.16-.05-.25-.05s-.18.02-.25.05s-.14.09-.19.17s-.09.18-.12.31s-.04.29-.04.48v.97c0 .19.01.35.04.48s.07.24.12.32s.11.14.19.17s.16.05.25.05s.18-.02.25-.05s.14-.09.19-.17s.09-.19.11-.32s.04-.29.04-.48v-.97z'/%3E%3C/svg%3E") no-repeat center / contain;
  background: currentColor;
}

.jwplayer.jw-skin-cs .jw-svg-icon-forward {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18.92 13c-.5 0-.91.37-.98.86a6.006 6.006 0 0 1-7.42 4.96c-2.25-.54-3.91-2.27-4.39-4.53A6.014 6.014 0 0 1 12 7v2.79c0 .45.54.67.85.35l3.79-3.79c.2-.2.2-.51 0-.71l-3.79-3.79a.5.5 0 0 0-.85.36V5c-4.94 0-8.84 4.48-7.84 9.6c.6 3.11 2.9 5.5 5.99 6.19c4.83 1.08 9.15-2.2 9.77-6.67c.09-.59-.4-1.12-1-1.12m-8.02 3v-4.27h-.09l-1.77.63v.69l1.01-.31V16zm3.42-4.22c-.18-.07-.37-.1-.59-.1s-.41.03-.59.1s-.33.18-.45.33s-.23.34-.29.57s-.1.5-.1.82v.74c0 .32.04.6.11.82s.17.42.3.57s.28.26.46.33s.37.1.59.1s.41-.03.59-.1s.33-.18.45-.33s.22-.34.29-.57s.1-.5.1-.82v-.74c0-.32-.04-.6-.11-.82s-.17-.42-.3-.57s-.29-.26-.46-.33m.01 2.57c0 .19-.01.35-.04.48s-.06.24-.11.32s-.11.14-.19.17s-.16.05-.25.05s-.18-.02-.25-.05s-.14-.09-.19-.17s-.09-.19-.12-.32s-.04-.29-.04-.48v-.97c0-.19.01-.35.04-.48s.06-.23.12-.31s.11-.14.19-.17s.16-.05.25-.05s.18.02.25.05s.14.09.19.17s.09.18.12.31s.04.29.04.48v.97z'/%3E%3C/svg%3E") no-repeat center / contain;
  background: currentColor;
}

.jwplayer.jw-skin-cs .playlist-jw-forward-bar {
  display: inline-flex !important;
}

html .jwplayer .jw-display .jw-display-icon-rewind,
html .jwplayer .jw-display .jw-display-icon-next,
html .jwplayer .jw-display-icon-rewind,
html .jwplayer .jw-display-icon-next,
.jwplayer.jw-skin-cs .jw-display-icon-rewind,
.jwplayer.jw-skin-cs .jw-display-icon-next {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.jwplayer.jw-skin-cs .jw-svg-icon-volume-0 {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M1.5 11h3l2.586 2.586a1.414 1.414 0 0 0 2.414-1V3.414a1.414 1.414 0 0 0-2.414-1L4.5 5h-3A1.5 1.5 0 0 0 0 6.5v3A1.5 1.5 0 0 0 1.5 11m10.78-5.28a.75.75 0 1 0-1.06 1.06L12.44 8l-1.22 1.22a.75.75 0 1 0 1.06 1.06l1.22-1.22l1.22 1.22a.75.75 0 1 0 1.06-1.06L14.56 8l1.22-1.22a.75.75 0 0 0-1.06-1.06L13.5 6.94z'/%3E%3C/svg%3E") no-repeat center / contain;
  background: currentColor;
}

.jwplayer.jw-skin-cs .jw-svg-icon-volume-50 {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M1.5 11h3l2.586 2.586a1.414 1.414 0 0 0 2.414-1V3.414a1.414 1.414 0 0 0-2.414-1L4.5 5h-3A1.5 1.5 0 0 0 0 6.5v3A1.5 1.5 0 0 0 1.5 11m10.525-.032c-.247.333-.727.33-1.02.037c-.293-.292-.284-.764-.06-1.112A3.5 3.5 0 0 0 11.5 8c0-.697-.204-1.346-.555-1.892c-.224-.348-.233-.82.06-1.113s.773-.296 1.02.038C12.638 5.863 13 6.889 13 8a4.98 4.98 0 0 1-.975 2.968'/%3E%3C/svg%3E") no-repeat center / contain;
  background: currentColor;
}

.jwplayer.jw-skin-cs .jw-svg-icon-volume-100 {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M1.5 11h3l2.586 2.586a1.414 1.414 0 0 0 2.414-1V3.414a1.414 1.414 0 0 0-2.414-1L4.5 5h-3A1.5 1.5 0 0 0 0 6.5v3A1.5 1.5 0 0 0 1.5 11m12.662 2.103c-.265.319-.743.317-1.036.024c-.292-.293-.288-.766-.031-1.09A6.47 6.47 0 0 0 14.5 8a6.47 6.47 0 0 0-1.405-4.036c-.257-.325-.261-.797.032-1.09c.292-.293.77-.295 1.035.024A7.97 7.97 0 0 1 16 8c0 1.94-.69 3.718-1.838 5.103m-2.138-2.135c-.246.333-.726.33-1.019.037c-.293-.292-.284-.764-.06-1.112A3.5 3.5 0 0 0 11.5 8c0-.697-.204-1.346-.555-1.892c-.224-.348-.233-.82.06-1.113s.773-.296 1.02.038C12.638 5.863 13 6.889 13 8a4.98 4.98 0 0 1-.976 2.968'/%3E%3C/svg%3E") no-repeat center / contain;
  background: currentColor;
}

.jwplayer.jw-skin-cs .jw-svg-icon-cc-on {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M20 4H4c-1.103 0-2 .897-2 2v12c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2m-9 6H8v4h3v2H8c-1.103 0-2-.897-2-2v-4c0-1.103.897-2 2-2h3zm7 0h-3v4h3v2h-3c-1.103 0-2-.897-2-2v-4c0-1.103.897-2 2-2h3z'/%3E%3C/svg%3E") no-repeat center / contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M20 4H4c-1.103 0-2 .897-2 2v12c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2m-9 6H8v4h3v2H8c-1.103 0-2-.897-2-2v-4c0-1.103.897-2 2-2h3zm7 0h-3v4h3v2h-3c-1.103 0-2-.897-2-2v-4c0-1.103.897-2 2-2h3z'/%3E%3C/svg%3E") no-repeat center / contain;
  background: currentColor;
}

.jwplayer.jw-skin-cs .jw-svg-icon-cc-off {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M6 10v4c0 1.103.897 2 2 2h3v-2H8v-4h3V8H8c-1.103 0-2 .897-2 2m7 0v4c0 1.103.897 2 2 2h3v-2h-3v-4h3V8h-3c-1.103 0-2 .897-2 2'/%3E%3Cpath fill='%23fff' d='M20 4H4c-1.103 0-2 .897-2 2v12c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2M4 18V6h16l.002 12z'/%3E%3C/svg%3E") no-repeat center / contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M6 10v4c0 1.103.897 2 2 2h3v-2H8v-4h3V8H8c-1.103 0-2 .897-2 2m7 0v4c0 1.103.897 2 2 2h3v-2h-3v-4h3V8h-3c-1.103 0-2 .897-2 2'/%3E%3Cpath fill='%23fff' d='M20 4H4c-1.103 0-2 .897-2 2v12c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2M4 18V6h16l.002 12z'/%3E%3C/svg%3E") no-repeat center / contain;
  background: currentColor;
}

.jwplayer.jw-skin-cs .jw-settings-captions::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: auto;
  flex: 0 0 24px;
  background: currentColor;
  mask: var(--jw-caption-icon-image) no-repeat center / contain;
  -webkit-mask: var(--jw-caption-icon-image) no-repeat center / contain;
}

.jwplayer.jw-skin-cs .jw-settings-captions .jw-svg-icon-cc-on,
.jwplayer.jw-skin-cs .jw-settings-captions .jw-svg-icon-cc-off {
  mask: var(--jw-caption-icon-image) no-repeat center / contain;
  -webkit-mask: var(--jw-caption-icon-image) no-repeat center / contain;
  background: currentColor;
}

.jwplayer.jw-skin-cs .jw-svg-icon-settings {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 15.5A3.5 3.5 0 0 1 8.5 12A3.5 3.5 0 0 1 12 8.5a3.5 3.5 0 0 1 3.5 3.5a3.5 3.5 0 0 1-3.5 3.5m7.43-2.53c.04-.32.07-.64.07-.97s-.03-.66-.07-1l2.11-1.63c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.31-.61-.22l-2.49 1c-.52-.39-1.06-.73-1.69-.98l-.37-2.65A.506.506 0 0 0 14 2h-4c-.25 0-.46.18-.5.42l-.37 2.65c-.63.25-1.17.59-1.69.98l-2.49-1c-.22-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64L4.57 11c-.04.34-.07.67-.07 1s.03.65.07.97l-2.11 1.66c-.19.15-.25.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1.01c.52.4 1.06.74 1.69.99l.37 2.65c.04.24.25.42.5.42h4c.25 0 .46-.18.5-.42l.37-2.65c.63-.26 1.17-.59 1.69-.99l2.49 1.01c.22.08.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64z'/%3E%3C/svg%3E") no-repeat center / contain;
  background: currentColor;
}

.jwplayer.jw-skin-cs .jw-svg-icon-fullscreen-on {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18.5 5.5H16a1.5 1.5 0 0 1 0-3h3A2.5 2.5 0 0 1 21.5 5v3a1.5 1.5 0 0 1-3 0zM8 5.5H5.5V8a1.5 1.5 0 1 1-3 0V5A2.5 2.5 0 0 1 5 2.5h3a1.5 1.5 0 1 1 0 3m0 13H5.5V16a1.5 1.5 0 0 0-3 0v3A2.5 2.5 0 0 0 5 21.5h3a1.5 1.5 0 0 0 0-3m8 0h2.5V16a1.5 1.5 0 0 1 3 0v3a2.5 2.5 0 0 1-2.5 2.5h-3a1.5 1.5 0 0 1 0-3'/%3E%3C/svg%3E") no-repeat center / contain;
  background: currentColor;
}

.jwplayer.jw-skin-cs .jw-svg-icon-fullscreen-off {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M17.5 6.5H20a1.5 1.5 0 0 1 0 3h-3A2.5 2.5 0 0 1 14.5 7V4a1.5 1.5 0 0 1 3 0zM4 6.5h2.5V4a1.5 1.5 0 1 1 3 0v3A2.5 2.5 0 0 1 7 9.5H4a1.5 1.5 0 1 1 0-3m0 11h2.5V20a1.5 1.5 0 0 0 3 0v-3A2.5 2.5 0 0 0 7 14.5H4a1.5 1.5 0 0 0 0 3m16 0h-2.5V20a1.5 1.5 0 0 1-3 0v-3a2.5 2.5 0 0 1 2.5-2.5h3a1.5 1.5 0 0 1 0 3'/%3E%3C/svg%3E") no-repeat center / contain;
  background: currentColor;
}

.jwplayer.jw-skin-cs .jw-svg-icon-quality-100 {
  mask: var(--jw-quality-icon-image) no-repeat center / contain;
  -webkit-mask: var(--jw-quality-icon-image) no-repeat center / contain;
  background: currentColor !important;
}

.jwplayer.jw-skin-cs .jw-svg-icon-audio-tracks {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 256 256'%3E%3Cpath fill='%23fff' d='M49.3 201.4v5.2C27.6 206.7 10 189 10 167.3c0-5.8 1.3-11.2 3.4-16.2C11.2 143.8 10 136 10 128c0-43.4 35.2-78.7 78.7-78.7 43.4 0 78.6 35.2 78.6 78.7 0 8.1-1.2 15.8-3.4 23.2 2.2 4.9 3.4 10.4 3.4 16.2 0 21.7-17.6 39.3-39.3 39.3V128c9.8 0 18.7 3.5 25.6 9.4.4-3.1.7-6.2.7-9.4 0-36.2-29.4-65.6-65.5-65.6S23.1 91.8 23.1 128c0 3.2.2 6.3.6 9.4 6.9-5.9 15.8-9.4 25.6-9.4zM154.2 49.3v26.2H246V49.3zm26.3 39.4v26.2H246V88.7zm13.1 39.3v26.2H246V128z'/%3E%3C/svg%3E") no-repeat center / contain;
  background: currentColor;
}

.jwplayer .jw-controls {
  transition: opacity 120ms ease;
}

.jwplayer.jw-skin-cs .jw-controlbar {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 18px, #000 100%) !important;
}

.jwplayer.jw-skin-cs .jw-controls {
  background: transparent !important;
}

.jwplayer.jw-skin-cs .jw-slider-time {
  background: #000 !important;
  z-index: 2;
}

.jw-logo {
  width: 100px !important;
  height: 41px !important;
}

.jw-button-color,
.jwplayer .jw-button-color,
.jwplayer .jw-icon.jw-button-color .jw-svg-icon,
.jwplayer .jw-icon-inline.jw-button-color .jw-svg-icon {
  color: var(--jw-icon-color) !important;
}

.jwplayer .jw-button-color:hover:not(.jw-icon-cast),
.jwplayer .jw-button-color:focus:not(.jw-icon-cast),
.jwplayer .jw-button-color[aria-expanded="true"]:not(.jw-icon-cast),
.jwplayer .jw-settings-content-item.jw-settings-item-active {
  color: var(--jw-icon-active-color) !important;
  fill: var(--jw-icon-active-color) !important;
  background-color: transparent !important;
}

.jwplayer .jw-toggle,
.jwplayer .jw-toggle.jw-off:hover,
.jwplayer .jw-icon.jw-active,
.jwplayer .jw-icon.jw-button-color:hover,
.jwplayer .jw-icon.jw-button-color:focus,
.jwplayer .jw-option.jw-active-option,
.jwplayer .jw-settings-content-item:hover,
.jwplayer .jw-settings-content-item:focus,
.jwplayer .jw-settings-content-item.jw-settings-item-active,
.jwplayer .jw-display-icon-container:hover .jw-icon-display {
  color: var(--jw-main-color) !important;
  fill: var(--jw-main-color) !important;
  stroke: var(--jw-main-color) !important;
}

.jwplayer.jw-skin-cs:not(.jw-state-idle) .jw-icon-display:hover .jw-svg-icon-play,
.jwplayer.jw-skin-cs:not(.jw-state-idle) .jw-icon-display:focus .jw-svg-icon-play,
.jwplayer.jw-skin-cs .jw-icon-playback:hover .jw-svg-icon-play,
.jwplayer.jw-skin-cs .jw-icon-playback:focus .jw-svg-icon-play,
.jwplayer.jw-skin-cs .jw-icon-rewind:hover .jw-svg-icon-rewind,
.jwplayer.jw-skin-cs .jw-icon-rewind:focus .jw-svg-icon-rewind,
.jwplayer.jw-skin-cs .jw-icon-forward:hover .jw-svg-icon-forward,
.jwplayer.jw-skin-cs .jw-icon-forward:focus .jw-svg-icon-forward,
.jwplayer.jw-skin-cs .jw-icon-volume:hover :is(.jw-svg-icon-volume-0, .jw-svg-icon-volume-50, .jw-svg-icon-volume-100),
.jwplayer.jw-skin-cs .jw-icon-volume:focus :is(.jw-svg-icon-volume-0, .jw-svg-icon-volume-50, .jw-svg-icon-volume-100),
.jwplayer.jw-skin-cs .jw-icon-cc:hover :is(.jw-svg-icon-cc-on, .jw-svg-icon-cc-off),
.jwplayer.jw-skin-cs .jw-icon-cc:focus :is(.jw-svg-icon-cc-on, .jw-svg-icon-cc-off),
.jwplayer.jw-skin-cs .jw-icon-settings:hover .jw-svg-icon-settings,
.jwplayer.jw-skin-cs .jw-icon-settings:focus .jw-svg-icon-settings,
.jwplayer.jw-skin-cs .jw-icon-fullscreen:hover :is(.jw-svg-icon-fullscreen-on, .jw-svg-icon-fullscreen-off),
.jwplayer.jw-skin-cs .jw-icon-fullscreen:focus :is(.jw-svg-icon-fullscreen-on, .jw-svg-icon-fullscreen-off),
.jwplayer.jw-skin-cs .jw-settings-quality[aria-expanded="true"] .jw-svg-icon-quality-100,
.jwplayer.jw-skin-cs .jw-settings-quality.jw-open .jw-svg-icon-quality-100,
.jwplayer.jw-skin-cs .jw-settings-quality.jw-active .jw-svg-icon-quality-100,
.jwplayer.jw-skin-cs .jw-settings-quality:hover .jw-svg-icon-quality-100,
.jwplayer.jw-skin-cs .jw-settings-quality:focus .jw-svg-icon-quality-100,
.jwplayer.jw-skin-cs .jw-settings-audioTracks:hover .jw-svg-icon-audio-tracks,
.jwplayer.jw-skin-cs .jw-settings-audioTracks:focus .jw-svg-icon-audio-tracks {
  background: var(--jw-icon-active-color) !important;
}

.jwplayer.jw-skin-cs.jw-state-idle .jw-display-icon-container:hover .jw-icon-display,
.jwplayer.jw-skin-cs.jw-state-paused .jw-display-icon-container:hover .jw-icon-display,
.jwplayer.jw-skin-cs.jw-state-complete .jw-display-icon-container:hover .jw-icon-display,
.jwplayer.jw-skin-cs.jw-state-idle .jw-display-icon-container:focus .jw-icon-display,
.jwplayer.jw-skin-cs.jw-state-paused .jw-display-icon-container:focus .jw-icon-display,
.jwplayer.jw-skin-cs.jw-state-complete .jw-display-icon-container:focus .jw-icon-display {
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
}

.jwplayer.jw-skin-cs.jw-state-idle .jw-icon-display:hover .jw-svg-icon-play,
.jwplayer.jw-skin-cs.jw-state-paused .jw-icon-display:hover .jw-svg-icon-play,
.jwplayer.jw-skin-cs.jw-state-complete .jw-icon-display:hover .jw-svg-icon-play,
.jwplayer.jw-skin-cs.jw-state-idle .jw-icon-display:focus .jw-svg-icon-play,
.jwplayer.jw-skin-cs.jw-state-paused .jw-icon-display:focus .jw-svg-icon-play,
.jwplayer.jw-skin-cs.jw-state-complete .jw-icon-display:focus .jw-svg-icon-play {
  background: #fff !important;
}

.jwplayer .jw-color-active,
.jwplayer .jw-color-active-hover:hover {
  color: var(--jw-main-color) !important;
  stroke: var(--jw-main-color) !important;
  border-color: var(--jw-main-color) !important;
}

.jwplayer .jw-display-icon-container,
.jwplayer .jw-display-icon-container:hover,
.jwplayer .jw-display-icon-container:focus,
.jwplayer .jw-display-icon-container:active,
.jwplayer .jw-icon:hover,
.jwplayer .jw-icon:focus,
.jwplayer .jw-icon:active,
.jwplayer .jw-icon[aria-expanded="true"],
.jwplayer .jw-dock-button:hover,
.jwplayer .jw-dock-button:focus,
.jwplayer .jw-dock-button:active,
.jwplayer .jw-skip.jw-skippable:hover,
.jwplayer .jw-skip.jw-skippable:focus,
.jwplayer .jw-skip.jw-skippable:active {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

.jw-progress,
.jw-progress.jw-reset {
  background: var(--jw-progress-color) !important;
  background-color: var(--jw-progress-color) !important;
  background-image: linear-gradient(90deg, var(--jw-progress-color), var(--jw-progress-color)) !important;
  opacity: 1 !important;
}

.jwplayer.jw-skin-cs .jw-slider-time.jw-background-color.jw-reset.jw-slider-horizontal,
.jwplayer.jw-skin-cs .jw-slider-horizontal.jw-background-color.jw-reset {
  align-items: center;
  min-height: 10px !important;
}

.jwplayer.jw-skin-cs .jw-slider-time.jw-background-color.jw-reset.jw-slider-horizontal .jw-slider-container,
.jwplayer.jw-skin-cs .jw-slider-horizontal.jw-background-color.jw-reset .jw-slider-container {
  height: 2px !important;
  border-radius: 999px;
  background: transparent !important;
  transform: none !important;
  overflow: visible;
}

.jwplayer.jw-skin-cs .jw-slider-time.jw-background-color.jw-reset.jw-slider-horizontal .jw-timesegment-resetter,
.jwplayer.jw-skin-cs .jw-slider-horizontal.jw-chapter-slider-time .jw-slider-container .jw-timesegment-resetter {
  height: 2px !important;
  background: transparent !important;
  background-image: none !important;
  transform: none !important;
}

.jwplayer.jw-skin-cs .jw-slider-time.jw-background-color.jw-reset.jw-slider-horizontal .jw-timesegment-background,
.jwplayer.jw-skin-cs .jw-slider-horizontal.jw-chapter-slider-time .jw-slider-container .jw-timesegment-background {
  background-color: rgb(0 0 0 / 0%) !important;
}

.jw-buffer,
.jw-horizontal-volume-container .jw-buffer,
.jw-slider-time .jw-buffer {
  background-color: var(--jw-buffer-color) !important;
  border-radius: 999px;
}

.jwplayer.jw-skin-cs .jw-buffer.jw-reset,
.jwplayer.jw-skin-cs .jw-slider-time .jw-buffer.jw-reset {
  background: var(--jw-buffer-color) !important;
  background-color: var(--jw-buffer-color) !important;
  background-image: none !important;
  opacity: 1 !important;
}

.jw-slider-time .jw-progress,
.jw-slider-time .jw-buffer,
.jw-slider-time .jw-rail {
  border-radius: 999px;
}

.jw-slider-horizontal .jw-progress,
.jw-slider-horizontal .jw-progress.jw-reset,
.jw-slider-vertical .jw-progress,
.jw-slider-vertical .jw-progress.jw-reset,
.jw-slider-volume .jw-progress,
.jw-slider-volume .jw-progress.jw-reset,
.jwplayer .jw-progress,
.jwplayer .jw-progress.jw-reset {
  background: var(--jw-progress-color) !important;
  background-color: var(--jw-progress-color) !important;
  background-image: linear-gradient(90deg, var(--jw-progress-color), var(--jw-progress-color)) !important;
  opacity: 1 !important;
}

.jw-slider-horizontal .jw-knob,
.jw-slider-vertical .jw-knob {
  background: var(--jw-main-color) !important;
  background-color: var(--jw-main-color) !important;
}

.jwplayer.jw-skin-cs .jw-slider-time .jw-rail {
  height: 2px !important;
  background: linear-gradient(to right, var(--jw-rail-color) 2px, transparent 2px) repeat-x left center / 6px 2px !important;
  background-color: transparent !important;
  opacity: 1 !important;
  border-radius: 999px;
  z-index: 1 !important;
}

.jwplayer.jw-skin-cs .jw-slider-time .jw-progress,
.jwplayer.jw-skin-cs .jw-slider-time .jw-progress.jw-reset {
  height: 2px !important;
  background: var(--jw-progress-color) !important;
  background-color: var(--jw-progress-color) !important;
  background-image: linear-gradient(90deg, var(--jw-progress-color), var(--jw-progress-color)) !important;
  opacity: 1 !important;
  z-index: 3 !important;
}

.jwplayer.jw-skin-cs .jw-slider-time .jw-buffer {
  height: 2px !important;
  background: var(--jw-buffer-color) !important;
  background-color: var(--jw-buffer-color) !important;
  background-image: none !important;
  opacity: 1 !important;
  z-index: 2 !important;
}

.jw-knob {
  width: 7px !important;
  height: 7px !important;
}

.jw-flag-dragging .jw-slider-time .jw-knob,
.jw-icon-volume:active .jw-slider-volume .jw-knob,
.jw-slider-time:active .jw-knob,
.jw-slider-time:focus .jw-knob {
  box-shadow: 0 0 0 6px var(--jw-knob-shadow-color) !important;
}

.jw-volume-tip {
  padding: 16px 0;
  max-width: 50px;
  margin: 0 auto;
}

.jw-settings-menu {
  background: var(--jw-menu-bg) !important;
  border-radius: 5px;
  backdrop-filter: blur(8px);
}

.jw-settings-content-item {
  font-size: 15px !important;
}

@media (max-width: 1024px) {
  .jwplayer.jw-skin-cs .jw-display-icon-next,
  .jwplayer.jw-skin-cs .playlist-jw-forward-display {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .jwplayer.jw-skin-cs.jw-state-idle .jw-display-icon-rewind,
  .jwplayer.jw-skin-cs.jw-state-paused .jw-display-icon-rewind,
  .jwplayer.jw-skin-cs.jw-state-complete .jw-display-icon-rewind {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .jwplayer.jw-skin-cs .jw-display-icon-rewind {
    transform: translateX(calc(-1 * clamp(22px, 7vw, 34px))) !important;
  }

  .jwplayer.jw-skin-cs .jw-display-icon-rewind .jw-display-icon-container {
    width: clamp(28px, 8vw, 38px) !important;
    height: clamp(28px, 8vw, 38px) !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 999px !important;
    color: #fff !important;
  }

  .jwplayer.jw-skin-cs .jw-display .jw-svg-icon-rewind {
    width: clamp(22px, 6vw, 30px) !important;
    height: clamp(22px, 6vw, 30px) !important;
  }

  .jwplayer.jw-skin-cs.jw-state-loading .jw-display-icon-rewind,
  .jwplayer.jw-skin-cs.jw-state-buffering .jw-display-icon-rewind,
  .jwplayer.jw-skin-cs.jw-state-playing .jw-display-icon-rewind,
  .jwplayer.jw-skin-cs.jw-state-playing.jw-flag-user-inactive .jw-display-icon-rewind {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

.plyr {
  --plyr-color-main: var(--playlist-color);
}

.plyr__captions {
  font-family: var(--jw-caption-font-family);
  font-weight: 700;
  text-shadow:
    -1px -1px 0 rgb(0, 0, 0),
    0 -1px 0 rgb(0, 0, 0),
    1px -1px 0 rgb(0, 0, 0),
    1px 0 0 rgb(0, 0, 0),
    1px 1px 0 rgb(0, 0, 0),
    0 1px 0 rgb(0, 0, 0),
    -1px 1px 0 rgb(0, 0, 0),
    -1px 0 0 rgb(0, 0, 0);
}
