.video-player-wrapper.position-fixed .inside-player .vjs-video-custom.video-js{position: fixed;top: 12px;left: 12px;width: 320px;height: 180px;z-index: 99;padding: 0;overflow: hidden;border-radius: 4px;opacity: 1;}
.video-player-wrapper.showing .inside-player .vjs-video-custom.video-js{top: -100%;opacity: 0;}
.video-player-wrapper.position-fixed .inside-player {background-color: var(--dark-4);}
.vjs-video-custom.video-js{transition: top 0.25s;}
.vjs-video-custom:not(.vjs-has-started) .vjs-control-bar{opacity: 0;}
.vjs-video-custom.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{height: 0;opacity: 1;padding: 0;}
.vjs-video-custom .vjs-control-bar{height: 48px;background-color: rgba(0,0,0,60%);display: flex;backdrop-filter: blur(5px);z-index: 1;}

.vjs-video-custom.video-js.wating-before-play .vjs-big-play-button{display: none;}
.vjs-video-custom.video-js .vjs-big-play-button{top: calc(50% - 25px);transform:translateY(-50%);left: 0;background-color: var(--yellow);border: none;border-radius: unset;width: 70px;height: 67px;}
.vjs-video-custom .vjs-big-play-button svg{fill: #fff;}

.video-player-wrapper:not(.has-list) .vjs-video-custom.video-js .vjs-control-bar .vjs-previous,
.video-player-wrapper:not(.has-list) .vjs-video-custom.video-js .vjs-control-bar .vjs-next{display: none;}
.vjs-video-custom.video-js .vjs-control-bar .vjs-current-time{left: 0;top: 0;line-height: 26px;padding: 0 8px;}
.vjs-video-custom.video-js .vjs-control-bar .vjs-duration{right: 0;top: 0;line-height: 26px;padding: 0 8px;}
.vjs-video-custom.video-js.vjs-user-inactive.vjs-paused .vjs-control-bar .vjs-current-time{left: 0 !important;}
.vjs-video-custom.video-js.vjs-user-inactive.vjs-paused .vjs-control-bar .vjs-duration{right: 0 !important;}
.vjs-video-custom.video-js.vjs-user-inactive.vjs-playing .vjs-control-bar .vjs-current-time{top: -22px;background-color: rgba(0,0,0,50%);height: 19px;border-radius: 0 3px 0 0;}
.vjs-video-custom.video-js.vjs-user-inactive.vjs-playing .vjs-control-bar .vjs-duration{top: -22px;background-color: rgba(0,0,0,50%);height: 19px;border-radius: 3px 0 0 0;}

.vjs-video-custom.video-js .vjs-play-control:before {color: var(--white);}

.vjs-video-custom.video-js .vjs-control.vjs-progress-control{position: absolute;bottom: 100%;height: auto;width: 100%;}
.vjs-video-custom.video-js .vjs-progress-control:hover .vjs-progress-holder{height: 6px;}

.video-player-wrapper .inside-player{position: relative;display: inline-block;}
.video-player-wrapper .inside-player .download-box{position: absolute;bottom: 0;left: 0;display: flex;background: rgba(0,0,0,60%);width: 100%;backdrop-filter: blur(5px);z-index: 1;}
.video-player-wrapper .inside-player .vjs-custom.vjs-has-started ~ .download-box{display: none;}
.video-player-wrapper .inside-player .download-box button{height: 50px;width: 50px;background-color: #333;color: #fff;border: none;}
.video-player-wrapper .inside-player .download-box .downloads-list{position: relative;display: flex; margin-right: 16px; align-items: center;}
html[dir="ltr"] .video-player-wrapper .inside-player .download-box .downloads-list{padding-right: 0; margin-left: 16px;; }
.video-player-wrapper .inside-player .download-box .downloads-list:before{content: attr(data-title);color: var(--yellow);text-align: start;}
html[dir="ltr"] .video-player-wrapper .inside-player .download-box .downloads-list:before{right: auto;left: 16px;}
.video-player-wrapper .inside-player .download-box .downloads-list li a{color: #fff; background-color: #333;padding: 4px 16px;margin: 0 8px;user-select: none;}
.video-player-wrapper .inside-player .download-box .downloads-list li a:hover{background-color: #666;}




/* ------------------------------- start controlbar on oisition-fixed ------------------------------- */

.video-player-wrapper.position-fixed .vjs-video-custom.video-js .vjs-control-bar{background-color: unset;backdrop-filter: unset;width: 100%;padding-bottom: 4px;height: 100%;align-items: flex-end;}
.video-player-wrapper.position-fixed .vjs-video-custom.video-js .vjs-control-bar .vjs-progress-control{top: auto;bottom: 0;}
.video-player-wrapper.position-fixed .vjs-video-custom.video-js .vjs-control-bar>.vjs-control:not(.vjs-progress-control),
.video-player-wrapper.position-fixed .vjs-video-custom.video-js .vjs-control-bar>.vjs-control .vjs-mute-control{width: 38px;height: 38px;}
.video-player-wrapper.position-fixed .vjs-video-custom.video-js .vjs-control-bar>.vjs-control.vjs-play-control{position: absolute;top: 0;bottom: 6px;right: 0;left: 0;width: auto;height: auto;display: flex;align-items: center;justify-content: left;}
.video-player-wrapper.position-fixed .vjs-video-custom.video-js .vjs-control-bar>.vjs-control.vjs-play-control svg{width: 38px;height: 38px;backdrop-filter: blur(3px);background-color: rgba(0,0,0,30%);}
.video-player-wrapper.position-fixed .vjs-video-custom.video-js .vjs-control-bar>.vjs-control.vjs-volume-panel{position: absolute;top: 50%;right: 0;transform: translateY(-100%);backdrop-filter: blur(3px);background-color: rgba(0,0,0,30%);}
.video-player-wrapper.position-fixed .vjs-video-custom.video-js .vjs-control-bar>.vjs-fullscreen-control{position: absolute;top: 50%;right: 0;transform:translateY(0%);backdrop-filter: blur(3px);background-color: rgba(0,0,0,30%);transition: 0.25s;}
.video-player-wrapper.position-fixed .vjs-custom .vjs-play-control.vjs-ended:before{font-size: 23px;}


.video-player-wrapper.position-fixed .vjs-video-custom.video-js .vjs-control-bar .vjs-control.vjs-current-time{position: absolute;bottom: 6px;top: auto;background-color: rgba(0,0,0,50%);height: 19px;border-radius: 0 3px 0 0;}
.video-player-wrapper.position-fixed .vjs-video-custom.video-js .vjs-control-bar .vjs-control.vjs-duration{position: absolute;bottom: 6px;top: auto;background-color: rgba(0,0,0,50%);height: 19px;border-radius: 3px 0 0 0;}

.video-player-wrapper.position-fixed .vjs-video-custom.video-js.vjs-playing.vjs-user-inactive .vjs-control-bar .vjs-control.vjs-current-time,
.video-player-wrapper.position-fixed .vjs-video-custom.video-js.vjs-playing.vjs-user-inactive .vjs-control-bar .vjs-control.vjs-duration{bottom: -20px;}

.video-player-wrapper.position-fixed .vjs-video-custom.video-js .vjs-control-bar>:not(.vjs-play-control,.vjs-volume-panel,.vjs-progress-control,.vjs-duration,.vjs-current-time,.vjs-fullscreen-control),
.video-player-wrapper.position-fixed .vjs-video-custom.video-js .vjs-control-bar>.vjs-volume-panel .vjs-volume-control{display: none;}
.video-player-wrapper.position-fixed .vjs-video-custom.video-js .vjs-control-bar>.vjs-play-control,
.video-player-wrapper.position-fixed .vjs-video-custom.video-js .vjs-control-bar>.vjs-volume-panel{transition: 0.25s;}

.video-player-wrapper.position-fixed .vjs-video-custom.video-js.vjs-user-inactive.vjs-playing .vjs-control-bar>.vjs-fullscreen-control,
.video-player-wrapper.position-fixed .vjs-video-custom.video-js.vjs-user-inactive.vjs-playing .vjs-control-bar>.vjs-play-control,
.video-player-wrapper.position-fixed .vjs-video-custom.video-js.vjs-user-inactive.vjs-playing .vjs-control-bar>.vjs-volume-panel{opacity: 0;}

/* ------------------------------- end controlbar on oisition-fixed ------------------------------- */




/* ------------------------------- start Play list ------------------------------- */

.video-player-wrapper{display: flex;}
.video-player-wrapper .inside-player{width: calc(100% - 370px);transition: 0.25s;}
.video-player-wrapper.wide-view .inside-player{width: 100%;}
.video-player-wrapper:not(.has-list) .inside-player{width: 100%;}

.video-player-wrapper:not(.has-list) .play-list{display: none;}
.video-player-wrapper.wide-view .play-list{width: 0;}
.video-player-wrapper .play-list{display: flex;flex-direction:column;height: 399px;width: 370px;background-color: var(--dark-4);overflow: hidden;}
.video-player-wrapper.position-fixed .play-list{height: 100% !important;}
.video-player-wrapper .play-list .play-list-header{display: flex;justify-content:space-between;border-bottom: 1px solid var(--light-1);margin: 12px;margin-right: 36px;padding: 12px 0;}
.video-player-wrapper .play-list .play-list-header .title-list{}
.video-player-wrapper .play-list .play-list-header .title-list a{color: var(--light-1);}
.video-player-wrapper .play-list .play-list-header .autoplay-video-list{display: flex;}
.video-player-wrapper .play-list .play-list-header .autoplay-video-list label{color: var(--light-1);font-size: 11px;}
/* .video-player-wrapper .play-list .play-list-header .autoplay-video-list #autoplayVideoList{-webkit-appearance: none; appearance: none;background: var(--gray-3); width: 48px; height: 18px; border: none;padding: 2px;cursor: pointer;display: flex;align-items: center; justify-content: flex-end;transition: 0.25s;}
.video-player-wrapper .play-list .play-list-header .autoplay-video-list #autoplayVideoList:checked{justify-content: flex-start;}
.video-player-wrapper .play-list .play-list-header .autoplay-video-list #autoplayVideoList:before{content:"";width: 22px;height: 14px;background-color: var(--dark-4);transition: 0.25s;}
.video-player-wrapper .play-list .play-list-header .autoplay-video-list #autoplayVideoList:checked:before{background-color: var(--yellow);}
.video-player-wrapper .play-list .play-list-header .autoplay-video-list #autoplayVideoList:after{content:"| | |";position: absolute;color: var(--gray-3);transform: translate(5px,1px); font-size: 11px; }
.video-player-wrapper .play-list .play-list-header .autoplay-video-list #autoplayVideoList:checked:after{color: var(--white);transform: translate(-5px,1px);} */


.video-player-wrapper .play-list .swiper{margin: 0;width: 370px;}
.video-player-wrapper .play-list .swiper .swiper-wrapper{}
.video-player-wrapper .play-list .swiper .swiper-wrapper .swiper-slide{height: auto;}
.video-player-wrapper .play-list .swiper-vertical>.swiper-scrollbar{right: auto;left: 0;background-color: var(--gray-2);width: 12px;border-radius: 0;}
.video-player-wrapper .play-list .swiper-vertical>.swiper-scrollbar .swiper-scrollbar-drag{background-color: var(--yellow);border-radius: 0;}
.video-player-wrapper .play-list .swiper .swiper-wrapper .swiper-slide article{position: relative;display: flex;padding: 4px 36px 4px 24px;transition: 0.25s;}
.video-player-wrapper .play-list .swiper .swiper-wrapper .swiper-slide article:before{content: attr(data-order);position: absolute;right: 12px;top: 50%;transform:translateY(-50%);color: var(--light-1);}
.video-player-wrapper .play-list .swiper .swiper-wrapper .swiper-slide article.selected,
.video-player-wrapper .play-list .swiper .swiper-wrapper .swiper-slide article:hover{background-color: var(--gray-1);}
.video-player-wrapper .play-list .swiper .swiper-wrapper .swiper-slide article .thumbnail-wrapper{display: flex;align-items: center;width: 114px;}
.video-player-wrapper .play-list .swiper .swiper-wrapper .swiper-slide article .thumbnail-wrapper .thumbnail{}
.video-player-wrapper .play-list .swiper .swiper-wrapper .swiper-slide article .thumbnail-wrapper .thumbnail a{}
.video-player-wrapper .play-list .swiper .swiper-wrapper .swiper-slide article .thumbnail-wrapper .thumbnail a img{}
.video-player-wrapper .play-list .swiper .swiper-wrapper .swiper-slide article .video-wrapper{position: absolute;height: 1px;width: 1px;overflow: hidden;}
.video-player-wrapper .play-list .swiper .swiper-wrapper .swiper-slide article .details-wrapper{width: calc(100% - 114px);padding-right: 8px;}
.video-player-wrapper .play-list .swiper .swiper-wrapper .swiper-slide article .details-wrapper{position: static;display: flex;flex-wrap:wrap;}
.video-player-wrapper .play-list .swiper .swiper-wrapper .swiper-slide article .details-wrapper .title{}
.video-player-wrapper .play-list .swiper .swiper-wrapper .swiper-slide article .details-wrapper .title a{color: var(--light-1);display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.video-player-wrapper .play-list .swiper .swiper-wrapper .swiper-slide article .details-wrapper .title a:after{content:"";position: absolute;top: 0;bottom: 0;right: 0;left: 0;}
.video-player-wrapper .play-list .swiper .swiper-wrapper .swiper-slide article .details-wrapper .download{color: var(--yellow);background-color: unset;font-size:11px;border:none;padding: 0;cursor: pointer;order: 2;margin-right: auto;border: 1px solid var(--yellow);height: 20px;padding: 0 4px;line-height: 21px;z-index: 1;}
.video-player-wrapper .play-list .swiper .swiper-wrapper .swiper-slide article .details-wrapper ul.downloads-list{display: none;}
.video-player-wrapper .play-list .swiper .swiper-wrapper .swiper-slide article .details-wrapper .download.active ~ ul.downloads-list{position: absolute; top: calc(100% - 8px); left: 24px; display: block; background-color: var(--gray-2); z-index: 2;}
.video-player-wrapper .play-list .swiper .swiper-wrapper .swiper-slide article .details-wrapper ul.downloads-list{}
.video-player-wrapper .play-list .swiper .swiper-wrapper .swiper-slide article .details-wrapper ul.downloads-list li{}
.video-player-wrapper .play-list .swiper .swiper-wrapper .swiper-slide article .details-wrapper ul.downloads-list li a{color: var(--light-1);font-size: 11px;text-align: center;padding: 0 4px;transition: 0.25s;}
.video-player-wrapper .play-list .swiper .swiper-wrapper .swiper-slide article .details-wrapper ul.downloads-list li a:hover{color: var(--yellow);}
.video-player-wrapper .play-list .swiper .swiper-wrapper .swiper-slide article .details-wrapper .duration{display: block;color: var(--gray-3);}
.video-player-wrapper .play-list .swiper .swiper-wrapper .swiper-slide article .details-wrapper .keyword{display: none;}

/* ------------------------------- end Play List ------------------------------- */



/* ------------------------------- start Keywords ------------------------------- */

.video-player-wrapper .inside-player>.keywords-wrapper{display: none;}
.video-player-wrapper .inside-player>.keywords-wrapper.active{display: block;}
.video-player-wrapper .inside-player>.keywords-wrapper .keyword{position: absolute;z-index: 1;}
.video-player-wrapper .inside-player>.keywords-wrapper .keyword:hover:before,
.video-player-wrapper .inside-player>.keywords-wrapper .keyword.show:before{position: absolute;content: attr(data-keyword);display: block;top: 20px;left: 50%;transform: translateX(-50%);font: var(--font-body);color: var(--light-3);background-color: rgba(0, 0, 0, 0.5);white-space: nowrap;padding: 0 8px;border-radius: 4px;backdrop-filter: blur(2px);z-index: 1;}
.video-player-wrapper .inside-player>.keywords-wrapper .keyword:hover:after,
.video-player-wrapper .inside-player>.keywords-wrapper .keyword.show:after{position: absolute;content: "";display: block;top: 16px;left: 50%;transform: translateX(-50%) rotate(-135deg);backdrop-filter: blur(2px);border: 4px solid rgba(0, 0, 0, 0.5);border-top-color: rgba(0, 0, 0, 0);border-left-color: rgba(0, 0, 0, 0);}

/* ------------------------------- end Keywords ------------------------------- */




/* ------------------------------- start caption ------------------------------- */

.video-player-wrapper .inside-player .caption-wrapper{position: absolute;right: 0;left: 0;bottom: 50px;display: none;transition: 0.25s;}
.video-player-wrapper .inside-player .caption-wrapper.active-keyword{bottom: 90px;}
.video-player-wrapper .inside-player .vjs-video-custom.vjs-has-started.vjs-user-inactive.vjs-playing .caption-wrapper{bottom: 10px;}
.video-player-wrapper .inside-player .vjs-video-custom.vjs-has-started.vjs-user-inactive.vjs-playing .caption-wrapper.active-keyword{bottom: 40px;}
.video-player-wrapper .inside-player .caption-wrapper.active{display: block;}
.video-player-wrapper .inside-player .caption-wrapper .caption-details{display: flex;align-items: center;justify-content: center;height: 48px;}
.video-player-wrapper .inside-player .caption-wrapper .caption-details p{color: var(--white);background-color: rgb(0 0 0 / 40%);padding: 0 8px;backdrop-filter: blur(3px);}
.video-player-wrapper .caption-wrapper .caption-details p a{color: var(--white);text-decoration: underline;text-decoration-style: dashed;text-underline-offset: 8px;}

/* ------------------------------- end caption ------------------------------- */




/* ------------------------------- start noteBox ------------------------------- */

.video-player-wrapper .inside-player .note-box-wrapper{position: absolute; top: 14px; left: 14px; display: none;height:fit-content;background-color: rgba(0,0,0,0.5); padding: 8px; backdrop-filter: blur(2px); }
.video-player-wrapper .inside-player .note-box-wrapper.active{display: block;}

/* ------------------------------- end noteBox ------------------------------- */




/* ------------------------------- start responsive bottuns ------------------------------- */

.vjs-video-custom.video-js:not(.has-menu) .vjs-control-bar>.vjs-control-bar-menu,
.vjs-video-custom.video-js:not(.has-download) .vjs-control-bar>.vjs-download,
.vjs-video-custom.video-js:not(.has-caption) .vjs-control-bar>.vjs-subs-caps-button-custom,
.vjs-video-custom.video-js:not(.has-changeQuality) .vjs-control-bar>.vjs-resolution-change,
.vjs-video-custom.video-js:not(.has-wideView) .vjs-control-bar>.vjs-wide-view,
.vjs-video-custom.video-js:not(.has-fullscreenControl) .vjs-control-bar>.vjs-fullscreen-control,
.vjs-video-custom.video-js:not(.has-embed) .vjs-control-bar>.vjs-embed,
.vjs-video-custom.video-js:not(.has-keyword) .vjs-control-bar>.vjs-keyword{display: none;}

.vjs-video-custom.video-js.has-download .vjs-control-bar .vjs-control-bar-menu .vjs-download,
.vjs-video-custom.video-js.has-caption .vjs-control-bar .vjs-control-bar-menu .vjs-subs-caps-button-custom,
.vjs-video-custom.video-js.has-changeQuality .vjs-control-bar .vjs-control-bar-menu .vjs-resolution-change,
.vjs-video-custom.video-js.has-wideView .vjs-control-bar .vjs-control-bar-menu .vjs-wide-view,
.vjs-video-custom.video-js.has-fullscreenControl .vjs-control-bar .vjs-control-bar-menu .vjs-fullscreen-control,
.vjs-video-custom.video-js.has-embed .vjs-control-bar .vjs-control-bar-menu .vjs-embed,
.vjs-video-custom.video-js.has-keyword .vjs-control-bar .vjs-control-bar-menu .vjs-keyword{display: none;}

/* ------------------------------- end responsive bottuns ------------------------------- */




/* ------------------------------- start vjs-main-menu ------------------------------- */

.vjs-video-custom.video-js .vjs-control.vjs-control-bar-menu{direction: rtl;}
.vjs-video-custom.video-js .vjs-control.vjs-control-bar-menu .vjs-main-menu{position: absolute;bottom: 50px;right: 0;padding: 0;background-color: #333;min-width:150px;max-height: 0;transition: 0.25s;overflow: hidden;}
.vjs-video-custom.video-js .vjs-control.vjs-control-bar-menu .vjs-main-menu.active-sub-menu {overflow-y: hidden !important;}
/* .vjs-video-custom.video-js .vjs-control.vjs-control-bar-menu .vjs-main-menu.active-sub-menu .vjs-control:not(.active){display: none;} */
.vjs-video-custom.video-js .vjs-control.vjs-control-bar-menu .vjs-main-menu>div{display: flex;flex-direction: column;transition: 0.25s;}
.vjs-video-custom.video-js .vjs-control.vjs-control-bar-menu:not(.active) .vjs-main-menu>div{opacity: 0;transition: 0s;}
.vjs-video-custom.video-js .vjs-control.vjs-control-bar-menu .vjs-main-menu.active-sub-menu>div{transform: translateX(-100%);}
.vjs-video-custom.video-js .vjs-control.vjs-control-bar-menu.active .vjs-main-menu{overflow-y: auto;max-height: 200px; scrollbar-color: var(--yellow) transparent;}
.vjs-video-custom.video-js .vjs-control.vjs-control-bar-menu.active .vjs-main-menu::-webkit-scrollbar {width: 10px;}
.vjs-video-custom.video-js .vjs-control.vjs-control-bar-menu.active .vjs-main-menu::-webkit-scrollbar-thumb {background-color: var(--yellow); background-clip: padding-box; }
.vjs-video-custom.video-js .vjs-control.vjs-control-bar-menu.active .vjs-main-menu::-webkit-scrollbar-track {background-color: transparent; }
.vjs-video-custom.video-js .vjs-control.vjs-control-bar-menu.active .vjs-main-menu::-webkit-scrollbar-button {height: 0;}

.vjs-video-custom.video-js .vjs-control.vjs-control-bar-menu .vjs-main-menu .vjs-control{width: 100%;height: 48px;text-align: right;}
.vjs-video-custom.video-js .vjs-control.vjs-control-bar-menu .vjs-main-menu .vjs-control:after{content: attr(title);position: absolute;right: 0;top: 0;bottom: 0;display: flex;align-items:center;justify-content: flex-end;transition: 0.25s;padding-right: 48px;}
.vjs-video-custom.video-js .vjs-control.vjs-control-bar-menu .vjs-main-menu .vjs-control.active:after,
.vjs-video-custom.video-js .vjs-control.vjs-control-bar-menu .vjs-main-menu .vjs-control.vjs-subs-caps-button-custom.show-caption:after,
.vjs-video-custom.video-js .vjs-control.vjs-control-bar-menu .vjs-main-menu .vjs-control:hover:after{color: var(--yellow);}
.vjs-video-custom.video-js .vjs-control-bar>.vjs-control.active>button>svg .fill,
.vjs-video-custom.video-js .vjs-control-bar>.vjs-control:hover>button>svg .fill,
.vjs-video-custom.video-js .vjs-control.vjs-control-bar-menu .vjs-main-menu .vjs-control.active svg .fill,
.vjs-video-custom.video-js .vjs-control.vjs-control-bar-menu .vjs-main-menu .vjs-control:hover svg .fill{fill: var(--yellow);}
.vjs-video-custom.video-js .vjs-control.vjs-control-bar-menu .vjs-main-menu button.vjs-control{z-index: 1;cursor: pointer;}
.video-player-wrapper:not(.has-list) .vjs-video-custom.video-js .vjs-wide-view{display: none;}
.vjs-video-custom.video-js .vjs-control.vjs-control-bar-menu .vjs-main-menu .vjs-control>button{position: relative;width: 100%;height: 48px;padding: 0;text-align: right;z-index: 1;cursor: pointer;}
.vjs-video-custom.video-js .vjs-control.vjs-control-bar-menu .vjs-main-menu .vjs-control svg{width: 48px;height: 48px;}

.vjs-video-custom.video-js .vjs-control-bar .vjs-control .vjs-control .vjs-menu{width: 100%;top: 0;bottom: auto;z-index: 10;transform: translatex(100%);}
.vjs-video-custom.video-js .vjs-control-bar .vjs-control .vjs-control.active .vjs-menu{width: 100%;}

.vjs-video-custom.video-js .vjs-control-bar .vjs-control .vjs-control.vjs-embed.active .embed-section{top: 0;z-index: 10;flex-direction: column;width: 100%;transform: translatex(100%);}


.vjs-video-custom.video-js .vjs-control-bar .vjs-control .vjs-control .vjs-menu .title{cursor: pointer;}
.vjs-video-custom.video-js .vjs-control-bar .vjs-control .vjs-control.vjs-embed.active .embed-section .title{position: relative; display: block; color: var(--yellow); padding: 16px 32px 8px 8px; font-size: 13px; text-align: right;cursor: pointer;}
.vjs-video-custom.video-js .vjs-control-bar .vjs-control .vjs-control.vjs-embed .embed-section{background-color: var(--dark-4);}
.vjs-video-custom.video-js .vjs-control-bar .vjs-control .vjs-control.vjs-embed .embed-section .embed-code{background-color: var(--gray-1);height: 100%;}
.vjs-video-custom.video-js .vjs-control-bar .vjs-control .vjs-control.vjs-embed .embed-section .embed-code code{white-space: unset;direction: ltr;text-align: left;}
.vjs-video-custom.video-js .vjs-control-bar .vjs-control .vjs-control.vjs-embed .embed-section .embed-code code:after{bottom: calc(100% + 8px);}
.vjs-video-custom.video-js .vjs-control-bar .vjs-control .vjs-control .vjs-menu .title{cursor: pointer;}
.vjs-video-custom.video-js .vjs-control-bar .vjs-control .vjs-control.vjs-embed.active .embed-section .title:before,
.vjs-video-custom.video-js .vjs-control-bar .vjs-control .vjs-control .vjs-menu .title:before{content: "\e212";font: normal 18px/24px 'khamenei_ir icon' ;position: absolute;right: 12px;}

/* ------------------------------- end vjs-main-menu ------------------------------- */






/* ------------------------------- start wating-before-play ------------------------------- */

.vjs-video-custom.video-js .wating-before-play{position: absolute;top: 0; bottom: 50px; right: 0; left: 0;width: 100%; display: flex; flex-direction: column; align-items: center;justify-content: center; z-index: 10; cursor: pointer; }
.vjs-video-custom.video-js .wating-before-play.disable{display: none;}
.vjs-video-custom.video-js .wating-before-play svg{width: 70px;fill: none;stroke-width: 2;transform: rotate(-90deg);}
.vjs-video-custom.video-js .wating-before-play svg circle:not([stroke-dasharray]){}
.vjs-video-custom.video-js .wating-before-play svg circle[stroke-dasharray]{stroke: var(--yellow);}
.vjs-video-custom.video-js .wating-before-play i{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

/* ------------------------------- end wating-before-play ------------------------------- */





/* ------------------------------- start remaining-time-wrapper ------------------------------- */

.vjs-video-custom .remaining-time-wrapper{position: absolute;bottom: 0;right: 32px;background-color: rgba(0,0,0,0.5);backdrop-filter:blur(3px);padding: 8px 12px;transition: 0.25s;opacity: 0;z-index: 0;}
/* .vjs-video-custom .remaining-time-wrapper.playingnow{background-color: var(--yellow);} */
.vjs-video-custom .remaining-time-wrapper.active{bottom: 58px;opacity: 1;z-index: 0;}
.vjs-video-custom .remaining-time-wrapper .next-video{}
.vjs-video-custom .remaining-time-wrapper .next-video span:before{color: var(--yellow);}
/* .vjs-video-custom .remaining-time-wrapper.playingnow .next-video span{color: var(--gray-3);} */
/* .vjs-video-custom .remaining-time-wrapper.playingnow .next-video span:before{color: var(--white);} */

/* ------------------------------- start remaining-time-wrapper ------------------------------- */









/* ------------------------------- start remaining-time-wrapper ------------------------------- */

.vjs-video-custom.video-js .vjs-control.vjs-progress-control:after{content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 1;}

.vjs-video-custom.video-js .vjs-control-bar .vjs-thumbnail-preview{position: absolute;display: none;bottom: calc(100% + 42px);width: 142px;height: 80px;transform: translateX(-50%);left: 10%;border: 2px solid #eee; box-shadow: 1px -1px 8px 0px #000; transition: opacity 0.25s, transform 0.25s;background-color: var(--dark-1);}
.vjs-video-custom.video-js .vjs-control-bar .vjs-thumbnail-preview.hidden{display: block;opacity : 0;transform: translate(-50%, 42px);}
.vjs-video-custom.video-js .vjs-control-bar .vjs-thumbnail-preview.show{display: block;opacity : 1;transform: translate(-50%, 0px);}
.vjs-video-custom.video-js .vjs-control-bar .vjs-thumbnail-preview span{display: block;width: 100%;height: 100%;background-size: calc(142px * 10);}

/* ------------------------------- end wating-before-play ------------------------------- */