@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;900&family=Kantumruy+Pro:ital,wght@0,400..700;1,400..700&family=Kantumruy:wght@400;700&display=swap");
/*! Video Playlist v2.1.3 */
:root, body, .jwplayer, #video-playlist, #embed-player, [data-post-id] {
  --playlist-font:"Inter","Kantumruy Pro","Kantumruy",sans-serif;--playlist-color:#00c58a;--primary-dark-color:#171c1f;--secondary-dark-color:#101416;--white-color:rgb(255,255,255);--border-color:rgba(255,255,255,0.05);--shadow:0 3px 3px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);--icon-buffer: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.4'/%3E%3Cpath fill='%23fff' d='M20 12h2A10 10 0 0 0 12 2V4A8 8 0 0 1 20 12Z'%3E%3CanimateTransform attributeName='transform' dur='0.75s' from='0 12 12' repeatCount='indefinite' to='360 12 12' type='rotate'/%3E%3C/path%3E%3C/svg%3E");--icon-big-play: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;--icon-play:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 4.5C6.45 4.15 5.75 4.55 5.75 5.2V18.8c0 .65.7 1.05 1.25.7l12-6.8c.55-.32.55-1.1 0-1.42l-12-6.78z'/%3E%3C/svg%3E") no-repeat center / contain;--icon-pause:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5.5' y='4' width='4.5' height='16' rx='2.25' fill='%23000'/%3E%3Crect x='14' y='4' width='4.5' height='16' rx='2.25' fill='%23000'/%3E%3C/svg%3E") no-repeat center / contain;--icon-volume-0:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3.5 9.5 A 1 1 0 0 0 2.5 10.5 L2.5 13.5 A 1 1 0 0 0 3.5 14.5 L6.5 14.5 L11.2 18.7 A 1 1 0 0 0 13 18 L13 6 A 1 1 0 0 0 11.2 5.3 L6.5 9.5 Z'/%3E%3Cpath d='M16 9 L21 14 M21 9 L16 14' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain;--icon-volume-50:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3.5 9.5 A 1 1 0 0 0 2.5 10.5 L2.5 13.5 A 1 1 0 0 0 3.5 14.5 L6.5 14.5 L11.2 18.7 A 1 1 0 0 0 13 18 L13 6 A 1 1 0 0 0 11.2 5.3 L6.5 9.5 Z'/%3E%3Cpath d='M15.5 8.5 A 5 5 0 0 1 15.5 15.5' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain;--icon-volume-100:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3.5 9.5 A 1 1 0 0 0 2.5 10.5 L2.5 13.5 A 1 1 0 0 0 3.5 14.5 L6.5 14.5 L11.2 18.7 A 1 1 0 0 0 13 18 L13 6 A 1 1 0 0 0 11.2 5.3 L6.5 9.5 Z'/%3E%3Cpath d='M15.5 8.5 A 5 5 0 0 1 15.5 15.5' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M18.5 5.5 A 9 9 0 0 1 18.5 18.5' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain;--icon-cc-on:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='4.5' width='20' height='15' rx='3.5' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' d='M9.5 9.5 A 2.5 2.5 0 0 0 7 12 A 2.5 2.5 0 0 0 9.5 14.5 M16.5 9.5 A 2.5 2.5 0 0 0 14 12 A 2.5 2.5 0 0 0 16.5 14.5'/%3E%3C/svg%3E") no-repeat center / contain;--icon-cc-off:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='4.5' width='20' height='15' rx='3.5' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' d='M9.5 9.5 A 2.5 2.5 0 0 0 7 12 A 2.5 2.5 0 0 0 9.5 14.5 M16.5 9.5 A 2.5 2.5 0 0 0 14 12 A 2.5 2.5 0 0 0 16.5 14.5'/%3E%3C/svg%3E") no-repeat center / contain;--icon-settings:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' clip-rule='evenodd' d='M12 15.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7zm-1.55-13.3a.75.75 0 0 1 .75-.7h1.6a.75.75 0 0 1 .75.7l.28 1.94c.48.2.93.47 1.34.8l1.77-.92a.75.75 0 0 1 .93.26l.8 1.38a.75.75 0 0 1-.18.96l-1.5 1.33c.1.51.15 1.04.15 1.57s-.05 1.06-.15 1.57l1.5 1.33a.75.75 0 0 1 .18.96l-.8 1.38a.75.75 0 0 1-.93.26l-1.77-.92c-.41.33-.86.6-1.34.8l-.28 1.94a.75.75 0 0 1-.75.7h-1.6a.75.75 0 0 1-.75-.7l-.28-1.94a6.5 6.5 0 0 1-1.34-.8l-1.77.92a.75.75 0 0 1-.93-.26l-.8-1.38a.75.75 0 0 1 .18-.96l1.5-1.33A6.7 6.7 0 0 1 7.2 12c0-.53.05-1.06.15-1.57L5.85 9.1a.75.75 0 0 1-.18-.96l.8-1.38a.75.75 0 0 1 .93-.26l1.77.92c.41-.33.86-.6 1.34-.8l.28-1.94z'/%3E%3C/svg%3E") no-repeat center / contain;--icon-fullscreen-on:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14h5v5'/%3E%3Cpath d='M20 10h-5V5'/%3E%3Cpath d='M14 10l6-6'/%3E%3Cpath d='M10 14l-6 6'/%3E%3C/svg%3E") no-repeat center / contain;--icon-fullscreen-off:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 4h5v5'/%3E%3Cpath d='M9 20H4v-5'/%3E%3Cpath d='M20 4l-7 7'/%3E%3Cpath d='M4 20l7-7'/%3E%3C/svg%3E") no-repeat center / contain;--icon-quality-100: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='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.5 6h9.75M10.5 6a1.5 1.5 0 1 1-3 0m3 0a1.5 1.5 0 1 0-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-9.75 0h9.75'/%3E%3C/svg%3E") no-repeat center / contain;--icon-cc-episode:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M3.5 3A2.5 2.5 0 0 0 1 5.5v5A2.5 2.5 0 0 0 3.5 13h9a2.5 2.5 0 0 0 2.5-2.5v-5A2.5 2.5 0 0 0 12.5 3zm5.676 2.703a1.8 1.8 0 0 1 2.078.343a.5.5 0 0 1-.708.708a.795.795 0 0 0-.922-.157C9.337 6.741 9 7.135 9 8s.337 1.26.624 1.403a.795.795 0 0 0 .922-.157a.5.5 0 0 1 .708.708c-.55.55-1.382.691-2.078.343C8.463 9.941 8 9.135 8 8s.463-1.94 1.176-2.297m-1.922.343a.5.5 0 0 1-.708.708a.8.8 0 0 0-.922-.157C5.337 6.741 5 7.135 5 8s.337 1.26.624 1.403a.8.8 0 0 0 .922-.157a.5.5 0 1 1 .708.708c-.55.55-1.382.691-2.078.343C4.463 9.941 4 9.135 4 8s.463-1.94 1.176-2.297a1.795 1.795 0 0 1 2.078.343'/%3E%3C/svg%3E") no-repeat center;--icon-clock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain;--icon-clock-animation: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,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z'/%3E%3Crect width='2' height='7' x='11' y='6' fill='%23fff' rx='1'%3E%3CanimateTransform attributeName='transform' dur='9s' repeatCount='indefinite' type='rotate' values='0 12 12;360 12 12'/%3E%3C/rect%3E%3Crect width='2' height='9' x='11' y='11' fill='%23fff' rx='1'%3E%3CanimateTransform attributeName='transform' dur='0.75s' repeatCount='indefinite' type='rotate' values='0 12 12;360 12 12'/%3E%3C/rect%3E%3C/svg%3E") no-repeat center / contain
}
#video-playlist, #embed-player {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.playlist-container{background:#000000;border:0.25rem solid #252b30;border-radius:0.25rem}.playlist-container.col-x2{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:stretch}.playlist-container.col-x2 .embed-container{position:relative;width:100%;height:auto;aspect-ratio:16/9;padding-top:0;overflow:hidden;background:#000000}.playlist-container.col-x2 .playlist-wrapper{display:flex;flex-direction:column;height:100%;max-height:100%;min-height:0;overflow:hidden;background:var(--secondary-dark-color)}div:has(.is-horizontal) .playlist-container{border:0;border-radius:0}.embed-container{position:relative;height:0;padding-top:56.25%;overflow:hidden;background:#000000}.embed-container iframe,.embed-container .embed-responsive,.video-advertise{position:absolute;inset:0;width:100%;height:100%;border:0}.embed-container .embed-responsive.invisible,.video-advertise.invisible{display:none}.embed-container .embed-responsive.not-visible{visibility:hidden;opacity:0}.cs-poster{position:absolute;inset:0;z-index:10;width:100%;height:100%;background:#000000;cursor:pointer}.cs-poster.uc{cursor:auto}.cs-poster::after{content:'';position:absolute;inset:auto 0 0 0;z-index:5;height:30%;background:linear-gradient(to bottom,rgba(0,0,0,0),#000000)}.cs-poster .cs-cover{display:block;width:100%;height:100%;object-fit:contain;image-rendering:-webkit-optimize-contrast;filter:brightness(0.5) saturate(1.3)}.cs-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex}.cs-play-icon .play-circle{width:5rem;height:5rem;color:var(--white-color);transition:transform 0.2s ease}.cs-play-icon:hover .play-circle{transform:scale(1.1)}.toggle-upcoming{position:absolute;top:1rem;right:1rem;z-index:1;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.25rem;background:rgba(255,255,255,0.24);cursor:pointer;outline:0;border:0;box-shadow:0 1px 4px rgba(0,0,0,0.16);border-radius:0.25rem}.toggle-upcoming svg{width:1.25rem;height:1.25rem;color:var(--white-color);transition:all 0.17s ease}.toggle-upcoming:hover svg{color:var(--playlist-color)}.upcoming-overlay{position:absolute;inset:0;display:grid;place-items:center;place-content:center;gap:1.5rem;padding:1rem;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(0.25rem);backdrop-filter:blur(0.25rem);transition:opacity 0.5s ease,visibility 0.5s ease}.upcoming-overlay.invisible{visibility:hidden;opacity:0}.upcoming-episode{display:flex;flex-direction:column;gap:1rem;font-family:var(--playlist-font);font-size:1.125rem;font-weight:700;color:var(--white-color);text-align:center;text-shadow:0 2px 3px rgba(0,0,0,1)}.upcoming-episode .episode-title{letter-spacing:0.125rem}.upcoming-episode .episode-status{letter-spacing:0.25rem}.countdown-episode{display:flex;align-items:center;justify-content:center;gap:2rem;padding:1.5rem 0 0;font-family:var(--playlist-font);font-size:1.25rem;font-weight:900;color:var(--playlist-color);text-align:center;text-transform:uppercase;text-shadow:0 2px 3px rgba(0,0,0,1);border-top:1px solid var(--border-color)}.countdown-episode.expired{color:#34a853;line-height:1.6}.countdown-episode .time-segment{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.countdown-timer,.skip-ad{position:absolute;bottom:20%;right:2rem;z-index:1;display:none;align-items:center;justify-content:center;padding:0.5rem 0.75rem;font-family:var(--playlist-font);font-size:0.875rem;font-weight:400;background:rgba(0,0,0,0.65);color:var(--white-color);-webkit-user-select:none;user-select:none;border-radius:0.25rem;transition:all 0.17s ease}.skip-ad{cursor:pointer;border:0;outline:none}.countdown-timer.show,.skip-ad.show{display:flex}.skip-ad .next-ad{margin:0 -0.25rem 0 -0.125rem}.skip-ad:hover{color:var(--playlist-color)}.click-ad{position:absolute;inset:0;width:100%;height:100%;-webkit-tap-highlight-color:transparent}.loader-ad{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader-ad.invisible{display:none}.loader-ad svg{width:1.5rem;height:1.5rem;color:var(--playlist-color);animation:rotate 2s linear infinite}.loader-ad circle{animation:dash 1.5s ease-in-out infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.loading-overlay{position:absolute;inset:0;z-index:5;width:100%;height:100%;background:transparent;pointer-events:none}.loading-overlay.invisible{display:none}.loading-dots-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem}.loading-dots{transform:translateX(calc(-50% - 2.4rem))}.loading-dots .loading-dot{position:absolute;width:0.75rem;height:0.75rem;background:var(--playlist-color);border-radius:50%;animation-timing-function:linear}.loading-dots .loading-dot-1{left:0.5rem;animation:loading-dot-scale 0.6s infinite}.loading-dots .loading-dot-2{left:0.5rem;animation:loading-dot-translate 0.6s infinite}.loading-dots .loading-dot-3{left:2rem;animation:loading-dot-translate 0.6s infinite}.loading-dots .loading-dot-4{left:3.5rem;animation:loading-dot-scale-end 0.6s infinite}.loading-message{font-family:var(--playlist-font);font-size:1rem;font-weight:600;color:var(--white-color);-webkit-user-select:none;user-select:none}@keyframes loading-dot-scale{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes loading-dot-scale-end{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes loading-dot-translate{0%{transform:translate(0,0)}100%{transform:translate(1.5rem,0)}}.loader-spinner-container{display:flex;align-items:center;justify-content:center;margin:2.5rem 0}.loader-spinner{width:2rem;height:2rem;color:var(--playlist-color);animation:rotate-outer 1.4s linear infinite}.loader-spinner svg{animation:color-anim 1.4s infinite}.loader-spinner circle{stroke:currentColor;stroke-width:3.6;stroke-dasharray:5rem,12.5rem;stroke-dashoffset:0;animation:rotate-inner 1.4s ease-in-out infinite}@keyframes rotate-outer{0%{transform-origin:50% 50%}100%{transform:rotate(360deg)}}@keyframes rotate-inner{0%{stroke-dasharray:1px,12.5rem;stroke-dashoffset:0}50%{stroke-dasharray:6.25rem,12.5rem;stroke-dashoffset:-15px}100%{stroke-dasharray:6.25rem,12.5rem;stroke-dashoffset:-125px}}@keyframes color-anim{0%{color:#4285f4}25%{color:#ea4335}50%{color:#f9bb2d}75%{color:#34a853}}.loading-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;color:var(--white-color)}.loading-circle.invisible{visibility:hidden;opacity:0}.loading-circle svg{width:5rem;height:5rem}.playlist-wrapper{display:flex;flex-direction:column;background:var(--secondary-dark-color)}.banner-container{padding:1rem;border-top:1px solid var(--border-color)}.is-horizontal .banner-container{border-top:0}.banner-container img{display:block;width:100%;max-width:100%;height:auto;border-radius:0.375rem}.episode-container{height:auto;max-height:8.25rem;padding:1rem;overflow-y:auto;border-top:1px solid var(--border-color)}.is-horizontal .episode-container{flex:1 1 0;min-height:0;max-height:100%;overflow-y:auto}.is-horizontal:not(:has(.banner-container)) .episode-container{border-top:0}.episode-container::-webkit-scrollbar{width:0.25rem}.episode-container::-webkit-scrollbar-track{background:var(--primary-dark-color);border-radius:0.625rem}.episode-container::-webkit-scrollbar-thumb{background:var(--playlist-color);border-radius:0.625rem}.episode-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;counter-reset:numCounter}.is-horizontal .episode-list{grid-template-columns:repeat(4,minmax(0,1fr))}.episode-list .episode-item{position:relative;display:flex;align-items:center;justify-content:center;padding:0.625rem;overflow:hidden;font-family:var(--playlist-font);font-size:1rem;font-weight:500;background:var(--primary-dark-color);color:var(--white-color);text-align:center;cursor:pointer;box-shadow:var(--shadow);border-radius:0.25rem;transition:all 0.35s ease}.episode-list .episode-item::before{content:counter(numCounter,decimal-leading-zero);counter-increment:numCounter}.episode-list .episode-item.active,.episode-list .episode-item:hover{color:var(--playlist-color)}div[data-cc-icon="true"] .episode-list .episode-item::after,div[data-has-server-cc-icon="true"] .episode-list .episode-item::after{content:'';position:absolute;top:0;right:0.125rem;z-index:5;width:0.875rem;height:0.875rem;-webkit-mask:var(--icon-cc-episode);mask:var(--icon-cc-episode);background:var(--white-color);opacity:0.85}div[data-cc-icon="true"] .episode-list .episode-item.active::after,div[data-has-server-cc-icon="true"] .episode-list .episode-item.active::after{background:var(--playlist-color);opacity:1}div[data-cc-icon="true"] .episode-list .episode-item.uc::after,div[data-cc-icon="true"] .episode-list .episode-item.uc[data-animation-icon="true"]::after,div[data-has-server-cc-icon="true"] .episode-list .episode-item.uc::after,div[data-has-server-cc-icon="true"] .episode-list .episode-item.uc[data-animation-icon="true"]::after,.episode-list .episode-item.uc::after,.episode-list .episode-item.uc[data-animation-icon="true"]::after{content:'';position:absolute;top:0.125rem;right:0.125rem;z-index:5;width:0.75rem;height:0.75rem;-webkit-mask:var(--icon-clock);mask:var(--icon-clock);background:var(--white-color);opacity:0.85}div[data-cc-icon="true"] .episode-list .episode-item.uc[data-animation-icon="true"]::after,div[data-has-server-cc-icon="true"] .episode-list .episode-item.uc[data-animation-icon="true"]::after,.episode-list .episode-item.uc[data-animation-icon="true"]::after{-webkit-mask:var(--icon-clock-animation);mask:var(--icon-clock-animation)}div[data-cc-icon="true"] .episode-list .episode-item.uc.active::after,div[data-has-server-cc-icon="true"] .episode-list .episode-item.uc.active::after,.episode-list .episode-item.uc.active::after{-webkit-mask:var(--icon-clock-animation);mask:var(--icon-clock-animation);background:var(--playlist-color);opacity:1}.control-container{display:flex;align-items:center;justify-content:center;gap:0.625rem;padding:1.5rem;border-top:1px solid var(--border-color)}.control-container .scroll-up,.control-container .cs-previous,.control-container .cs-counter,.control-container .cs-next,.control-container .scroll-down{display:flex;align-items:center;justify-content:center;height:2.5rem;line-height:2.5rem;padding:0 0.75rem;overflow:hidden;font-family:var(--playlist-font);font-size:0.875rem;font-weight:700;background:var(--primary-dark-color);color:var(--white-color);text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow);border-radius:0.25rem}.control-container .cs-previous .prev-text,.control-container .scroll-up .up-text{margin:0 0.375rem 0 0}.control-container .cs-next .next-text,.control-container .scroll-down .down-text{margin:0 0 0 0.375rem}.control-container .cs-counter{cursor:not-allowed;-webkit-user-select:none;user-select:none}.is-horizontal .control-container{display:flex;align-items:center;justify-content:center;gap:0.35rem;padding:0.75rem 0.5rem;border-top:1px solid var(--border-color)}.is-horizontal .control-container .scroll-up .up-text,.is-horizontal .control-container .scroll-down .down-text{display:none!important}.is-horizontal .control-container .cs-counter{height:2.25rem;line-height:2.25rem;padding:0 0.5rem;font-size:0.8rem;white-space:nowrap}.control-container button{outline:none;border:0;transition:all 0.35s ease}.is-horizontal .control-container button{height:2.25rem;line-height:2.25rem;padding:0 0.5rem;font-size:0.8rem;white-space:nowrap}.is-horizontal .control-container button svg{width:1.15rem;height:1.15rem}.control-container button:hover{color:var(--playlist-color)}.switch-server{display:flex;align-items:center;justify-content:center;margin:1.5rem 0}.switch-btn{display:flex;align-items:center;justify-content:center;gap:0.25rem;padding:0.75rem 2rem;font-family:var(--playlist-font);font-size:1rem;font-weight:600;background:var(--playlist-color);color:var(--white-color);text-align:center;cursor:pointer;border:0;box-shadow:0 1px 2px rgba(0,0,0,0.3),0 1px 3px 1px rgba(0,0,0,0.15);border-radius:0.25rem;transition:all 0.65s ease}.switch-btn:hover{background:var(--primary-dark-color)}.jwplayer.jw-skin-cs.jw-state-idle .jw-logo,.jwplayer.jw-skin-csg.jw-state-idle .jw-logo{opacity:0}.jwplayer.jw-skin-cs .jw-svg-icon-buffer{color:var(--playlist-color)}.jwplayer.jw-skin-csg.jw-state-buffering .jw-display-icon-display .jw-icon .jw-svg-icon-buffer{animation:none!important}.jwplayer.jw-skin-cs .jw-settings-content-item,.jwplayer.jw-skin-csg .jw-settings-content-item{font-family:var(--playlist-font)}.jwplayer.jw-skin-cs .jw-text-track-display .jw-text-track-cue{font-family:var(--playlist-font);font-weight:600;text-shadow:2px 2px 3px rgb(34,34,34),2px 2px 4px rgb(34,34,34),2px 2px 5px rgb(34,34,34)!important}.jwplayer.jw-skin-csg .jw-text-track-display .jw-text-track-cue{font-family:var(--playlist-font);font-weight:600;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 .jw-controlbar .jw-button-container > .jw-icon-rewind,.jwplayer.jw-skin-csg .jw-controlbar .jw-button-container > .jw-icon-rewind,.jwplayer .jw-cs-icon-rewind.invisible,.jwplayer .jw-cs-icon-forward.invisible,.jwplayer.jw-flag-live .jw-cs-icon-rewind,.jwplayer.jw-flag-live .jw-cs-icon-forward{display:none!important}.jwplayer.jw-skin-cs.jw-flag-live .jw-display-icon-next,.jwplayer.jw-skin-csg.jw-flag-live .jw-display-icon-next{visibility:hidden}.jwplayer.jw-skin-csg.jw-breakpoint-1 .jw-display .jw-svg-icon-rewind,.jwplayer.jw-skin-csg.jw-breakpoint-1 .jw-display .jw-svg-icon-forward{width:2.5rem;height:2.5rem;line-height:2.5rem}.jwplayer.jw-skin-csg .jw-svg-icon-buffer path,.jwplayer.jw-skin-csg .jw-svg-icon-play path,.jwplayer.jw-skin-csg .jw-svg-icon-pause path,.jwplayer.jw-skin-csg .jw-svg-icon-volume-0 path,.jwplayer.jw-skin-csg .jw-svg-icon-volume-50 path,.jwplayer.jw-skin-csg .jw-svg-icon-volume-100 path,.jwplayer.jw-skin-csg .jw-svg-icon-cc-on path,.jwplayer.jw-skin-csg .jw-svg-icon-cc-off path,.jwplayer.jw-skin-csg .jw-svg-icon-settings path,.jwplayer.jw-skin-csg .jw-svg-icon-fullscreen-on path,.jwplayer.jw-skin-csg .jw-svg-icon-fullscreen-off path,.jwplayer.jw-skin-csg .jw-svg-icon-quality-100 path{display:none}.jwplayer.jw-skin-csg .jw-svg-icon-buffer{background-image:var(--icon-buffer);background-size:contain;background-repeat:no-repeat}.jwplayer.jw-skin-csg.jw-state-idle .jw-icon-display .jw-svg-icon-play{-webkit-mask:var(--icon-big-play);mask:var(--icon-big-play);background:var(--white-color);transition:transform 0.2s ease}.jwplayer.jw-skin-csg.jw-state-idle .jw-icon-display:hover .jw-svg-icon-play{transform:scale(1.1)}.jwplayer.jw-skin-csg .jw-svg-icon-play{-webkit-mask:var(--icon-play);mask:var(--icon-play);background:var(--white-color)}.jwplayer.jw-skin-csg:not(.jw-state-idle) .jw-icon-display:hover .jw-svg-icon-play,.jwplayer.jw-skin-csg:not(.jw-state-idle) .jw-icon-display:focus .jw-svg-icon-play,.jwplayer.jw-skin-csg .jw-icon-playback:hover .jw-svg-icon-play,.jwplayer.jw-skin-csg .jw-icon-playback:focus .jw-svg-icon-play{background:var(--playlist-color)}.jwplayer.jw-skin-csg .jw-svg-icon-pause{-webkit-mask:var(--icon-pause);mask:var(--icon-pause);background:var(--white-color)}.jwplayer.jw-skin-csg .jw-icon-display:hover .jw-svg-icon-pause,.jwplayer.jw-skin-csg .jw-icon-display:focus .jw-svg-icon-pause,.jwplayer.jw-skin-csg .jw-icon-playback:hover .jw-svg-icon-pause,.jwplayer.jw-skin-csg .jw-icon-playback:focus .jw-svg-icon-pause{background:var(--playlist-color)}.jwplayer.jw-skin-csg .jw-svg-icon-volume-0{-webkit-mask:var(--icon-volume-0);mask:var(--icon-volume-0);background:var(--white-color)}.jwplayer.jw-skin-csg .jw-icon-volume:hover .jw-svg-icon-volume-0,.jwplayer.jw-skin-csg .jw-icon-volume:focus .jw-svg-icon-volume-0{background:var(--playlist-color)}.jwplayer.jw-skin-csg .jw-svg-icon-volume-50{-webkit-mask:var(--icon-volume-50);mask:var(--icon-volume-50);background:var(--white-color)}.jwplayer.jw-skin-csg .jw-icon-volume:hover .jw-svg-icon-volume-50,.jwplayer.jw-skin-csg .jw-icon-volume:focus .jw-svg-icon-volume-50{background:var(--playlist-color)}.jwplayer.jw-skin-csg .jw-svg-icon-volume-100{-webkit-mask:var(--icon-volume-100);mask:var(--icon-volume-100);background:var(--white-color)}.jwplayer.jw-skin-csg .jw-icon-volume:hover .jw-svg-icon-volume-100,.jwplayer.jw-skin-csg .jw-icon-volume:focus .jw-svg-icon-volume-100{background:var(--playlist-color)}.jwplayer.jw-skin-csg .jw-svg-icon-cc-on{-webkit-mask:var(--icon-cc-on);mask:var(--icon-cc-on);background:var(--white-color)}.jwplayer.jw-skin-csg .jw-icon-cc:hover .jw-svg-icon-cc-on,.jwplayer.jw-skin-csg .jw-icon-cc:focus .jw-svg-icon-cc-on{background:var(--playlist-color)}.jwplayer.jw-skin-csg .jw-svg-icon-cc-off{-webkit-mask:var(--icon-cc-off);mask:var(--icon-cc-off);background:var(--white-color)}.jwplayer.jw-skin-csg .jw-icon-cc:hover .jw-svg-icon-cc-off,.jwplayer.jw-skin-csg .jw-icon-cc:focus .jw-svg-icon-cc-off,.jwplayer.jw-skin-csg .jw-settings-captions:hover .jw-svg-icon-cc-off,.jwplayer.jw-skin-csg .jw-settings-captions:focus .jw-svg-icon-cc-off{background:var(--playlist-color)}.jwplayer.jw-skin-csg .jw-svg-icon-settings{-webkit-mask:var(--icon-settings);mask:var(--icon-settings);background:var(--white-color)}.jwplayer.jw-skin-csg .jw-icon-settings:hover .jw-svg-icon-settings,.jwplayer.jw-skin-csg .jw-icon-settings:focus .jw-svg-icon-settings{background:var(--playlist-color)}.jwplayer.jw-skin-csg .jw-svg-icon-fullscreen-on{-webkit-mask:var(--icon-fullscreen-on);mask:var(--icon-fullscreen-on);background:var(--white-color)}.jwplayer.jw-skin-csg .jw-icon-fullscreen:hover .jw-svg-icon-fullscreen-on,.jwplayer.jw-skin-csg .jw-icon-fullscreen:focus .jw-svg-icon-fullscreen-on{background:var(--playlist-color)}.jwplayer.jw-skin-csg .jw-svg-icon-fullscreen-off{-webkit-mask:var(--icon-fullscreen-off);mask:var(--icon-fullscreen-off);background:var(--white-color)}.jwplayer.jw-skin-csg .jw-icon-fullscreen:hover .jw-svg-icon-fullscreen-off,.jwplayer.jw-skin-csg .jw-icon-fullscreen:focus .jw-svg-icon-fullscreen-off{background:var(--playlist-color)}.jwplayer.jw-skin-csg .jw-svg-icon-quality-100{-webkit-mask:var(--icon-quality-100);mask:var(--icon-quality-100);background:var(--white-color)}.jwplayer.jw-skin-csg .jw-settings-quality:hover .jw-svg-icon-quality-100,.jwplayer.jw-skin-csg .jw-settings-quality:focus .jw-svg-icon-quality-100{background:var(--playlist-color)}@media (max-width:55rem){.playlist-container.col-x2{grid-template-columns:1fr}.playlist-container.col-x2 .playlist-wrapper{height:auto;max-height:20rem}}@media (max-width:42.5rem){.banner-container,.episode-container{padding:0.5rem}.episode-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:0.5rem}.control-container .scroll-up .up-text,.control-container .scroll-down .down-text{display:none}}@media (max-width:33.75rem){.upcoming-episode,.countdown-episode,.countdown-episode.expired{font-size:1rem}.control-container .cs-previous,.control-container .cs-next,.control-container .scroll-up,.control-container .scroll-down{height:2.25rem;line-height:2.25rem}.control-container .cs-previous .prev-text,.control-container .cs-next .next-text,.control-container .cs-counter{display:none}}@media (max-width:30rem){.toggle-upcoming{top:0.75rem;right:0.75rem}.countdown-episode{gap:1rem;padding:0;font-size:0.875rem;border-top:0}.cs-play-icon .play-circle,.loading-circle svg{width:4rem;height:4rem}}@media (max-width:23.75rem){.control-container{padding:1.25rem 0.875rem}}
.jwplayer [button="jw-cs-icon-rewind"],
.jwplayer [button="jw-cs-icon-forward"],
.jwplayer .jw-cs-icon-rewind,
.jwplayer .jw-cs-icon-forward {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.25rem !important;
  height: 100% !important;
  cursor: pointer !important;
  color: var(--white-color, #ffffff) !important;
  transition: color 0.15s ease, transform 0.15s ease !important;
  font-family: inherit !important;
  speak: none !important;
}

.jwplayer [button="jw-cs-icon-rewind"]::before,
.jwplayer [button="jw-cs-icon-forward"]::before,
.jwplayer .jw-cs-icon-rewind::before,
.jwplayer .jw-cs-icon-forward::before,
.jwplayer [button="jw-cs-icon-rewind"]::after,
.jwplayer [button="jw-cs-icon-forward"]::after,
.jwplayer .jw-cs-icon-rewind::after,
.jwplayer .jw-cs-icon-forward::after {
  content: none !important;
  display: none !important;
}

.jwplayer [button="jw-cs-icon-rewind"]:hover,
.jwplayer [button="jw-cs-icon-forward"]:hover,
.jwplayer .jw-cs-icon-rewind:hover,
.jwplayer .jw-cs-icon-forward:hover {
  color: var(--playlist-color) !important;
  transform: scale(1.1) !important;
}

.jwplayer [button="jw-cs-icon-rewind"] .jw-button-image,
.jwplayer [button="jw-cs-icon-forward"] .jw-button-image,
.jwplayer .jw-cs-icon-rewind .jw-button-image,
.jwplayer .jw-cs-icon-forward .jw-button-image {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  background: transparent !important;
}

.jwplayer [button="jw-cs-icon-rewind"] svg,
.jwplayer [button="jw-cs-icon-forward"] svg,
.jwplayer .jw-cs-icon-rewind svg,
.jwplayer .jw-cs-icon-forward svg {
  width: 1.25rem !important;
  height: 1.25rem !important;
  display: block !important;
  margin: auto !important;
}

/* ==========================================================
   UNIFIED CS PLAYER LAYOUT (DESKTOP & MOBILE)
   Matches https://www.rithisethtes.com/p/cs-player.html 100%
   ========================================================== */

/* ==========================================================
   1. UNIVERSAL BASE RULES (Player, Iframes, Video)
   ========================================================== */
.embed-container iframe,
.embed-container .jwplayer,
.embed-container .embed-responsive {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
}

.episode-container::-webkit-scrollbar {
  width: 0.375rem !important;
}
.episode-container::-webkit-scrollbar-track {
  background: #16181a !important;
  border-radius: 0.375rem !important;
}
.episode-container::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.35) !important;
  border-radius: 0.375rem !important;
}

/* ==========================================================
   2. VERTICAL LAYOUT (រក្សានៅដដែល - Stacked Layout)
   ========================================================== */
.playlist-container.is-vertical,
.playlist-container:not(.is-horizontal):not(.col-x2) {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: 1fr !important;
  background: #0b0b0b !important;
  border: 0.25rem solid #212223 !important;
  border-radius: 0.375rem !important;
  overflow: hidden !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.playlist-container.is-vertical .embed-container,
.playlist-container:not(.is-horizontal):not(.col-x2) .embed-container {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  padding-top: 0 !important;
  background: #000000 !important;
  overflow: hidden !important;
}

.playlist-container.is-vertical .playlist-wrapper,
.playlist-container:not(.is-horizontal):not(.col-x2) .playlist-wrapper {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  background: #0b0b0b !important;
}

.playlist-container.is-vertical .episode-container,
.playlist-container:not(.is-horizontal):not(.col-x2) .episode-container {
  width: 100% !important;
  height: auto !important;
  max-height: 13rem !important;
  overflow-y: auto !important;
  padding: 1rem !important;
  box-sizing: border-box !important;
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  background: #0b0b0b !important;
}

.playlist-container.is-vertical .episode-list,
.playlist-container:not(.is-horizontal):not(.col-x2) .episode-list {
  display: grid !important;
  grid-template-columns: var(--vpl-grid-desktop, repeat(5, 1fr)) !important;
  gap: 0.75rem !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  box-sizing: border-box !important;
}

@media (max-width: 520px) {
  .playlist-container.is-vertical .episode-container,
  .playlist-container:not(.is-horizontal):not(.col-x2) .episode-container {
    padding: 0.5rem !important;
    max-height: 11rem !important;
  }
  .playlist-container.is-vertical .episode-list,
  .playlist-container:not(.is-horizontal):not(.col-x2) .episode-list {
    grid-template-columns: var(--vpl-grid-mobile, repeat(4, 1fr)) !important;
    gap: 0.5rem !important;
  }
}

/* ==========================================================
   3. HORIZONTAL LAYOUT (FIXED: 2 Columns Side-by-Side)
   ========================================================== */
.playlist-container.col-x2,
.playlist-container.is-horizontal,
.video-playlist-wrapper.is-horizontal .playlist-container {
  display: grid !important;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) !important;
  align-items: stretch !important;
  flex-direction: row !important;
  background: #0b0b0b !important;
  border: 0.25rem solid #212223 !important;
  border-radius: 0.375rem !important;
  overflow: hidden !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.playlist-container.col-x2 .embed-container,
.playlist-container.is-horizontal .embed-container {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  padding-top: 0 !important;
  overflow: hidden !important;
  background: #000000 !important;
}

.playlist-container.col-x2 .playlist-wrapper,
.playlist-container.is-horizontal .playlist-wrapper {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  width: 100% !important;
  overflow: hidden !important;
  background: #101416 !important;
  border-left: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-top: none !important;
}

.playlist-container.col-x2 .banner-container,
.playlist-container.is-horizontal .banner-container {
  border-top: 0 !important;
  padding: 0.75rem !important;
}

.playlist-container.col-x2 .episode-container,
.playlist-container.is-horizontal .episode-container {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  max-height: 100% !important;
  height: auto !important;
  overflow-y: auto !important;
  padding: 0.75rem !important;
  box-sizing: border-box !important;
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  background: transparent !important;
}

.playlist-container.col-x2 .episode-list,
.playlist-container.is-horizontal .episode-list {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0.5rem !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  box-sizing: border-box !important;
}

/* Horizontal Responsive: Collapse to 1 column on <= 55rem (880px) */
@media (max-width: 55rem) {
  .playlist-container.col-x2,
  .playlist-container.is-horizontal,
  .video-playlist-wrapper.is-horizontal .playlist-container {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: 1fr !important;
  }
  .playlist-container.col-x2 .playlist-wrapper,
  .playlist-container.is-horizontal .playlist-wrapper {
    height: auto !important;
    max-height: 20rem !important;
    border-left: none !important;
  }
  .playlist-container.col-x2 .episode-container,
  .playlist-container.is-horizontal .episode-container {
    max-height: 12rem !important;
    flex: none !important;
  }
  .playlist-container.col-x2 .episode-list,
  .playlist-container.is-horizontal .episode-list {
    grid-template-columns: var(--vpl-grid-mobile, repeat(4, 1fr)) !important;
    gap: 0.5rem !important;
  }
}

/* Episode Cards */
.playlist-container .episode-item,
.episode-item {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0.625rem 0.5rem !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  background: var(--vpl-ep-bg, #16181a) !important;
  color: var(--vpl-ep-text, #ffffff) !important;
  text-align: center !important;
  cursor: pointer !important;
  box-shadow: 0 0.125em 0.25em 0 rgba(0, 0, 0, 0.24) !important;
  border-radius: 0.375rem !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  transition: all 0.25s ease !important;
  box-sizing: border-box !important;
  text-decoration: none !important;
  line-height: normal !important;
}

.playlist-container .episode-item:hover,
.episode-item:hover {
  color: var(--playlist-color, #e7000b) !important;
  background: var(--vpl-ep-bg, #1c1f23) !important;
  filter: brightness(1.18);
  border-color: rgba(255, 255, 255, 0.15) !important;
}

.playlist-container .episode-item.is-active,
.playlist-container .episode-item.active,
.episode-item.is-active,
.episode-item.active {
  color: var(--playlist-color, #e7000b) !important;
  background: var(--vpl-ep-bg, #16181a) !important;
  border: 1px solid var(--playlist-color, #e7000b) !important;
  font-weight: 700 !important;
}

.episode-item::before,
.episode-item:hover::before,
.episode-item.is-active::before,
.episode-item.active::before,
.playlist-container .episode-item.is-active::before,
.playlist-container .episode-item.active::before {
  color: inherit !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Paywall Locked Episode Styling & Lock Icon */
.playlist-container .episode-item.is-locked,
.episode-item.is-locked {
  position: relative !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
}
.playlist-container .episode-item.is-locked .vpl-lock-svg,
.episode-item.is-locked .vpl-lock-svg,
.playlist-container .episode-item.is-locked .vpl-lock-svg path,
.episode-item.is-locked .vpl-lock-svg path {
  fill: var(--vpl-lock-color, #f59e0b) !important;
  color: var(--vpl-lock-color, #f59e0b) !important;
}
.playlist-container .episode-item.is-locked .vpl-lock-svg,
.episode-item.is-locked .vpl-lock-svg {
  position: absolute !important;
  top: 4px !important;
  right: 4px !important;
  width: 12px !important;
  height: 12px !important;
  display: block !important;
  pointer-events: none !important;
}

/* Episode Skeleton Pulse Animation */
@keyframes vplPulse {
  0%, 100% { opacity: 0.22; }
  50% { opacity: 0.6; }
}
.episode-item.vpl-skeleton {
  background: rgba(255, 255, 255, 0.08) !important;
  color: transparent !important;
  cursor: wait !important;
  border-color: rgba(255, 255, 255, 0.04) !important;
}

/* CC Subtitle Badge */
.episode-item[data-cc-icon="true"]::after,
.episode-item.has-cc::after {
  content: "CC" !important;
  position: absolute !important;
  top: 3px !important;
  right: 4px !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  padding: 1px 3px !important;
  border-radius: 2px !important;
  background: var(--vpl-cc-bg, rgba(255, 255, 255, 0.25)) !important;
  color: #ffffff !important;
  pointer-events: none !important;
  transition: all 0.25s ease !important;
}
.episode-item.is-active[data-cc-icon="true"]::after,
.episode-item.is-active.has-cc::after,
.episode-item:hover[data-cc-icon="true"]::after {
  background: var(--playlist-color, #e7000b) !important;
  color: #000000 !important;
}

/* Hide broken or empty poster images */
.cs-poster .cs-cover:not([src]),
.cs-poster .cs-cover[src=""],
.cs-poster .cs-cover[src="#"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Completely HIDE Bottom Navigation Controls Everywhere */
.playlist-container .control-container,
.playlist-container.col-x2 .control-container,
.playlist-container.is-horizontal .control-container,
.playlist-container.is-vertical .control-container,
.control-container,
.episode-navigation {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

/* Video Player Control Bar & Progress Bar Base (Takes Primary Color) */
.jwplayer .jw-progress,
.jwplayer .jw-knob,
.jwplayer .jw-slider-horizontal .jw-progress,
.jwplayer .jw-slider-horizontal .jw-knob,
.jwplayer .jw-slider-time .jw-progress,
.jwplayer .jw-slider-time .jw-knob,
.jwplayer .jw-slider-volume .jw-progress,
.jwplayer .jw-slider-volume .jw-knob,
.jwplayer.jw-skin-csg .jw-slider-horizontal .jw-progress,
.jwplayer.jw-skin-csg .jw-slider-horizontal .jw-knob,
.jwplayer.jw-skin-cs .jw-slider-horizontal .jw-progress,
.jwplayer.jw-skin-cs .jw-slider-horizontal .jw-knob,
.jwplayer.jw-skin-csg .jw-slider-time .jw-progress,
.jwplayer.jw-skin-csg .jw-slider-time .jw-knob,
.jwplayer.jw-skin-cs .jw-slider-time .jw-progress,
.jwplayer.jw-skin-cs .jw-slider-time .jw-knob,
.jwplayer.jw-skin-csg .jw-progress,
.jwplayer.jw-skin-csg .jw-knob,
.jwplayer.jw-skin-cs .jw-progress,
.jwplayer.jw-skin-cs .jw-knob,
.jw-skin-csg .jw-progress,
.jw-skin-csg .jw-knob,
.jw-skin-cs .jw-progress,
.jw-skin-cs .jw-knob,
.jw-slider-horizontal .jw-progress,
.jw-slider-horizontal .jw-knob,
.jw-slider-time .jw-progress,
.jw-slider-time .jw-knob,
.jwplayer [class*="jw-progress"],
.jwplayer [class*="jw-knob"] {
  background: var(--playlist-color, #e7000b) !important;
  background-color: var(--playlist-color, #e7000b) !important;
  border-color: var(--playlist-color, #e7000b) !important;
  color: var(--playlist-color, #e7000b) !important;
  fill: var(--playlist-color, #e7000b) !important;
}
.jwplayer .jw-buffer,
.jwplayer .jw-slider-horizontal .jw-buffer,
.jwplayer .jw-slider-time .jw-buffer,
.jwplayer.jw-skin-csg .jw-slider-horizontal .jw-buffer,
.jwplayer.jw-skin-cs .jw-slider-horizontal .jw-buffer,
.jw-skin-csg .jw-buffer,
.jw-skin-cs .jw-buffer {
  background: var(--playlist-color, #e7000b) !important;
  background-color: var(--playlist-color, #e7000b) !important;
  opacity: 0.35 !important;
}
.jwplayer,
.jwplayer.jw-skin-csg,
.jwplayer.jw-skin-cs {
  --jw-color-active: var(--playlist-color, #e7000b) !important;
  --jw-accent-color: var(--playlist-color, #e7000b) !important;
  --jw-color-progress: var(--playlist-color, #e7000b) !important;
  --jw-color-knob: var(--playlist-color, #e7000b) !important;
}
.jwplayer .jw-controlbar [button="jw-cs-icon-rewind"]:hover,
.jwplayer .jw-controlbar [button="jw-cs-icon-forward"]:hover,
.jwplayer .jw-controlbar .jw-cs-icon-rewind:hover,
.jwplayer .jw-controlbar .jw-cs-icon-forward:hover {
  color: var(--playlist-color, #e7000b) !important;
}

/* Rewind 10 & Forward 10 Buttons in Desktop Control Bar */
.jwplayer [button="jw-cs-icon-rewind"],
.jwplayer [button="jw-cs-icon-forward"],
.jwplayer .jw-cs-icon-rewind,
.jwplayer .jw-cs-icon-forward {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.25rem !important;
  height: 100% !important;
  cursor: pointer !important;
  color: #ffffff !important;
  transition: color 0.15s ease !important;
}
.jwplayer [button="jw-cs-icon-rewind"] svg,
.jwplayer [button="jw-cs-icon-forward"] svg,
.jwplayer .jw-cs-icon-rewind svg,
.jwplayer .jw-cs-icon-forward svg {
  width: 1.25rem !important;
  height: 1.25rem !important;
  display: block !important;
  margin: auto !important;
}

/* Completely HIDE all JWPlayer native display controls & icons on all devices (prevents duplicate square bent 10 icons) */
.jwplayer .jw-display-icon-container,
.jwplayer .jw-display-controls,
.jwplayer .jw-display-icon-rewind,
.jwplayer .jw-display-icon-next,
.jwplayer .jw-display-icon-display,
.jwplayer .jw-display .jw-icon-rewind,
.jwplayer .jw-display .jw-icon-forward,
.jwplayer .jw-display [button="jw-cs-icon-rewind"],
.jwplayer .jw-display [button="jw-cs-icon-forward"],
.jwplayer .jw-svg-icon-rewind,
.jwplayer .jw-svg-icon-forward,
.jwplayer :is(.jw-display-icon-rewind, .jw-display-icon-next, .jw-svg-icon-rewind, .jw-svg-icon-forward) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Center Mobile Overlay Controls (Hidden on Desktop) */
@media (min-width: 769px) {
  .vpl-mobile-center-controls {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

/* Mobile Controls (<= 768px) */
@media (max-width: 768px) {
  /* Hide rewind/forward from bottom bar on mobile (handled by center overlay) */
  .jwplayer [button="jw-cs-icon-rewind"],
  .jwplayer [button="jw-cs-icon-forward"],
  .jwplayer .jw-cs-icon-rewind,
  .jwplayer .jw-cs-icon-forward {
    display: none !important;
  }

  .vpl-mobile-center-controls {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 36px !important;
    z-index: 25 !important;
    pointer-events: auto !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, visibility 0.25s ease !important;
  }
  .vpl-mobile-center-controls.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
  }
  .vpl-center-btn {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.8)) !important;
    transition: transform 0.15s ease !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  .vpl-center-btn:active {
    transform: scale(0.9) !important;
  }
  .vpl-center-btn .vpl-svg-play,
  .vpl-center-btn .vpl-svg-play path,
  .vpl-center-btn .vpl-svg-pause,
  .vpl-center-btn .vpl-svg-pause rect {
    fill: #ffffff !important;
    color: #ffffff !important;
  }
  .cs-play-icon .play-circle-bg,
  .cs-play-icon .play-triangle-desktop {
    display: none !important;
  }
  .cs-play-icon .play-triangle-mobile {
    display: block !important;
    fill: #ffffff !important;
  }
  .cs-play-icon .play-circle {
    width: 3rem !important;
    height: 3rem !important;
    color: #ffffff !important;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.8)) !important;
  }
}

/* Video Loading Styles */
.loading-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 25 !important;
  width: 100% !important;
  height: 100% !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
}
.loading-overlay.invisible {
  display: none !important;
}
.loading-dots-container {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 1.25rem !important;
}

/* 1. Circular Spinner */
.vpl-loader-spinner {
  width: 46px !important;
  height: 46px !important;
  animation: vplRotate 1.5s linear infinite !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.vpl-loader-spinner svg {
  width: 100% !important;
  height: 100% !important;
  transform: rotate(-90deg) !important;
}
.vpl-spinner-bg {
  stroke: rgba(255, 255, 255, 0.15) !important;
}
.vpl-spinner-spin {
  stroke: var(--playlist-color, #00c58a) !important;
  stroke-linecap: round !important;
  stroke-dasharray: 90, 150 !important;
  stroke-dashoffset: 0 !important;
  animation: vplDash 1.5s ease-in-out infinite !important;
}

/* 2. Wave / Equalizer Bars */
.vpl-loader-wave {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  height: 36px !important;
}
.vpl-wave-bar {
  width: 4px !important;
  height: 100% !important;
  background: var(--playlist-color, #00c58a) !important;
  border-radius: 3px !important;
  animation: vplWave 1.2s ease-in-out infinite !important;
  box-shadow: 0 0 8px rgba(0, 197, 138, 0.4) !important;
}
.vpl-wave-bar:nth-child(1) { animation-delay: -1.1s !important; }
.vpl-wave-bar:nth-child(2) { animation-delay: -1.0s !important; }
.vpl-wave-bar:nth-child(3) { animation-delay: -0.9s !important; }
.vpl-wave-bar:nth-child(4) { animation-delay: -0.8s !important; }
.vpl-wave-bar:nth-child(5) { animation-delay: -0.7s !important; }

/* 3. Bouncing Dots */
.vpl-loader-dots {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  height: 24px !important;
}
.vpl-dot {
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  background: var(--playlist-color, #00c58a) !important;
  animation: vplBounce 1.4s ease-in-out infinite both !important;
  box-shadow: 0 0 6px rgba(0, 197, 138, 0.4) !important;
}
.vpl-dot:nth-child(1) { animation-delay: -0.32s !important; }
.vpl-dot:nth-child(2) { animation-delay: -0.16s !important; }
.vpl-dot:nth-child(3) { animation-delay: 0s !important; }
.vpl-dot:nth-child(4) { animation-delay: 0.16s !important; }

/* 4. Ripple / Pulse Glow */
.vpl-loader-ripple {
  position: relative !important;
  width: 50px !important;
  height: 50px !important;
}
.vpl-ripple-circle {
  position: absolute !important;
  inset: 0 !important;
  border: 3px solid var(--playlist-color, #00c58a) !important;
  border-radius: 50% !important;
  opacity: 1 !important;
  animation: vplRipple 1.4s cubic-bezier(0, 0.2, 0.8, 1) infinite !important;
  box-shadow: 0 0 10px rgba(0, 197, 138, 0.5) !important;
}
.vpl-ripple-circle:nth-child(2) {
  animation-delay: -0.7s !important;
}

/* 5. Dual Ring Orbit */
.vpl-loader-dual-ring {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  border: 4px solid var(--playlist-color, #00c58a) !important;
  border-color: var(--playlist-color, #00c58a) transparent var(--playlist-color, #00c58a) transparent !important;
  animation: vplDualRing 1.2s linear infinite !important;
  box-shadow: 0 0 12px rgba(0, 197, 138, 0.35) !important;
}

@keyframes vplRotate {
  100% { transform: rotate(360deg); }
}
@keyframes vplDash {
  0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; }
  50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; }
  100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; }
}
@keyframes vplWave {
  0%, 40%, 100% { transform: scaleY(0.3); opacity: 0.5; }
  20% { transform: scaleY(1); opacity: 1; }
}
@keyframes vplBounce {
  0%, 80%, 100% { transform: scale(0.6); opacity: 0.4; }
  40% { transform: scale(1.1); opacity: 1; }
}
@keyframes vplRipple {
  0% { transform: scale(0.1); opacity: 1; }
  100% { transform: scale(1.2); opacity: 0; }
}
@keyframes vplDualRing {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* ========================================================
   Play Icon Styles (ម៉ូត Play Button - Cinema Collection)
   ======================================================== */
.cs-play-icon .vpl-play-icon-minimal,
.cs-play-icon .vpl-play-icon-cinema {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  color: #ffffff !important;
}

.cs-play-icon .vpl-play-icon-minimal svg,
.cs-play-icon .vpl-play-icon-cinema svg {
  width: 4.8rem !important;
  height: 4.8rem !important;
  color: #ffffff !important;
  fill: #ffffff !important;
  filter: drop-shadow(0 4px 18px rgba(0, 0, 0, 0.85)) !important;
  transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), filter 0.25s ease, color 0.2s ease !important;
}

.cs-play-icon:hover .vpl-play-icon-minimal svg,
.cs-poster:hover .vpl-play-icon-minimal svg,
.cs-play-icon:hover .vpl-play-icon-cinema svg,
.cs-poster:hover .vpl-play-icon-cinema svg {
  transform: scale(1.2) !important;
  filter: drop-shadow(0 6px 26px rgba(255, 255, 255, 0.65)) drop-shadow(0 2px 10px rgba(0, 0, 0, 0.9)) !important;
}

.cs-play-icon:active .vpl-play-icon-minimal svg,
.cs-poster:active .vpl-play-icon-minimal svg,
.cs-play-icon:active .vpl-play-icon-cinema svg,
.cs-poster:active .vpl-play-icon-cinema svg {
  transform: scale(0.95) !important;
}

.cs-play-icon .vpl-play-cinema-outline svg {
  width: 5rem !important;
  height: 5rem !important;
}

@media (max-width: 30rem) {
  .cs-play-icon .vpl-play-icon-minimal svg,
  .cs-play-icon .vpl-play-icon-cinema svg {
    width: 3.6rem !important;
    height: 3.6rem !important;
  }
  .cs-play-icon .vpl-play-cinema-outline svg {
    width: 3.8rem !important;
    height: 3.8rem !important;
  }
}