.audio-player{position: fixed;bottom: 0;right: 0;left: 0;z-index: 10;}
.audio-player.vjs-controls-disabled{height: 0;display: none;}
.audio-player .vjs-controls-disabled{max-height: 0;}

.audio-player .caption-wrapper{position: absolute;right: 0;left: 0;bottom: 50px;display: none;}
.audio-player .caption-wrapper.active{display: block;}
.audio-player.disabled .caption-wrapper.active{display: none;}
.audio-player .caption-wrapper .caption-details{display: flex;align-items: center;justify-content: center;background-color: var(--black);height: 48px;}
.audio-player .caption-wrapper .caption-details p{color: var(--white);}
.audio-player .caption-wrapper .caption-details p a{color: var(--white);text-decoration: underline;text-decoration-style: dashed;text-underline-offset: 8px;}

.audio-player .menu-control{display: block;position: absolute;bottom: 49px;background-color: var(--dark-4);color: var(--light-1);right: 0;width: 100%;max-width:720px;height: 0;padding: 0;overflow: hidden;user-select: none;z-index: 1;}
.audio-player .menu-control.active{height: auto;}
.audio-player.disabled .menu-control.active{height: 0;}
.audio-player .menu-control .swiper{max-height: 50vh;padding: 216px 24px 32px 35px;}
.audio-player .menu-control .swiper .swiper-wrapper{height: auto;}
.audio-player .menu-control .swiper .swiper-scrollbar{right: auto;left: 0;width: 10px;background-color: var(--dark-3);}
.audio-player .menu-control .swiper .swiper-scrollbar .swiper-scrollbar-drag{border-radius: unset;background-color: var(--gray-3);}


.audio-player .menu-control article{position: absolute;left: 34px;right: 24px;padding-top: 32px;;background-color: var(--dark-4);z-index: 2;}
.audio-player .menu-control article .audio-details{display: flex;align-items: center;margin-bottom: 12px;}
.audio-player .menu-control article .audio-details time{width: 70px;}
.audio-player .menu-control article .audio-details .title{position: relative;margin-right: 24px;width: calc(100% - 96px - 60px - 96px);}
html[dir="ltr"] .audio-player .menu-control article .audio-details .title{margin-right: 0;margin-left: 24px;}
.audio-player .menu-control article .audio-details .title a{display: block;font: var(--font-card-title-larg);color: var(--light-1);padding-left: 12px;}
html[dir="ltr"] .audio-player .menu-control article .audio-details .title a{padding-left: 0;padding-right: 12px;}
.audio-player .menu-control article .audio-details .label{position: relative;display: flex;flex-direction: column;width: 72px;height: 60px;margin-right: auto;margin-left: 24px;}
html[dir="ltr"] .audio-player .menu-control article .audio-details .label{margin-left: 0;margin-right: 24px;}
.audio-player .menu-control article .audio-details .label label{display: flex;align-items: center;justify-content:center;background-color:var(--dark-3);color: var(--light-1);height: 50%;overflow: hidden;white-space: nowrap;}
.audio-player .menu-control article .audio-details .label .download{display: flex;align-items: center;justify-content:center;background-color: var(--gray-3);color: var(--light-1);height: 50%;border: none;cursor: pointer;}
.audio-player .menu-control article .audio-details .label .download i{font-size: 15px;margin-left: 4px;}
.audio-player .menu-control article .audio-details .label .downloads-list{position: absolute;top: 60px;right: 0;left: 0;display: none;z-index: 2;background-color: var(--gray-1);text-align: center;}
.audio-player .menu-control article .audio-details .label .downloads-list.active{display: block;}
.audio-player .menu-control article .audio-details .label .downloads-list:before{content: "کیفیت"; display: block; text-align: center; color: var(--yellow); font-size: 10px; line-height: 32px;}
.audio-player .menu-control article .audio-details .label .downloads-list li a{display: block;font-size: 10px;color: var(--light-1);transition: 0.25s;}
.audio-player .menu-control article .audio-details .label .downloads-list li a:hover{background-color: var(--gray-3);}
.audio-player .menu-control article .audio-details .audio-control{width: 60px;}
.audio-player .menu-control article .audio-details .audio-control .play-button{display: block;width: 60px;height: 60px;background-color: var(--yellow);border: none;cursor: pointer;}
.audio-player .menu-control article .audio-details .audio-control .play-button svg {stroke: #fff;stroke-width: 1px;animation-name: path;fill: none;width: 36px;}
.audio-player .menu-control article .audio-details .audio-control .play-button svg path {transition: transform 0.2s ease-out, d 0.2s ease-out, opacity 0.15s ease-out 0.15s;}
.audio-player .menu-control article .audio-details .audio-control .play-button path:nth-child(1) {d: path('M1 24 21.56 12.66A.76.76 0 0021.61 11.37L21.25 11.17C20.9 10.9767 20.55 10.7833 20.2 10.59L1.08.07A.76.76 0 000 .81V23.25A.76.76 0 001 24Z');transition-delay: 0.15s;transform: translateX(3px);}
.audio-player .menu-control article .audio-details .audio-control .play-button.playing path:nth-child(1) {d: path('M1.35 24 9.35 24A1 1 0 009.69 23.47L9.69.45C9.69.21 9.61 0 9.26 0L1.26 0A1.2 1.2 0 000 1.23V22.72A1.23 1.23 0 001.35 24Z');transition-delay: 0s;transform: translateX(0);}
.audio-player .menu-control article .audio-details .audio-control .play-button path:nth-child(2) {transform: translateX(0px);opacity: 0;}
.audio-player .menu-control article .audio-details .audio-control .play-button.playing path:nth-child(2) {transform: translateX(15px);opacity: 1;transition-delay: 0.15s;}




.audio-player .menu-control article .waveform-audio-player{position: relative;direction:rtl;display: flex;justify-content: end;cursor:pointer;margin-bottom: var(--margin-botom-card-in-section);margin-top: 24px;}
.audio-player .menu-control article .waveform-audio-player:after{content: "";position: absolute;top: 0;right: 0;left: 0;height: 50px;}
.audio-player .menu-control article .waveform-audio-player .main-wave-form-wrapper{overflow: hidden;width: 100%;direction: ltr;}
.audio-player .menu-control article .waveform-audio-player .main-wave-form-wrapper #mainWaveForm{display: block;}
.audio-player .menu-control article .waveform-audio-player .playing-wave-form-wrapper{position: absolute;width: 100%;overflow: hidden;display: flex;justify-content: flex-end;}

.audio-player .menu-control article .waveform-audio-player .audio-time{position: absolute;display: flex;justify-content: space-between;left: 0; right: 0;bottom: 30px;font-size:11px;line-height: 16px;height: 14px;user-select: none;}
.audio-player .menu-control article .waveform-audio-player .audio-time .duration{background-color: var(--black);color: var(--light-1);padding: 0 2px;border-radius:3px;}
.audio-player .menu-control article .waveform-audio-player .audio-time .current-time{background-color: #210400;color: var(--yellow);padding: 0 2px;border-radius:3px;}

.audio-player .interior-group{border-color: var(--gray-3);}
.audio-player .interior-group .inside-group{padding-right: 144px;}
.audio-player .interior-group .header-group span{color: var(--light-1);}
.audio-player .audio-list ul li .audio-title{color: var(--light-1);}
.audio-player .audio-list ul li time{color: var(--gray-5);}
.audio-player .audio-list ul li:not(:last-child){border-bottom-color: var(--gray-3);}
.audio-player .audio-list ul li .play-button i,.audio-player .audio-list ul li .download i{color: var(--gray-5);}

.audio-player .menu-control article .waveform-audio-player .keywords-wrapper .keyword{position: absolute;top: 50px;color: var(--yellow);border-top: 2px solid var(--yellow);white-space: nowrap;height: 30px;}
.audio-player .menu-control article .waveform-audio-player .keywords-wrapper .keyword:hover:after,
.audio-player .menu-control article .waveform-audio-player .keywords-wrapper .keyword.show:after{content: attr(data-keyword);}
.audio-player .menu-control article .waveform-audio-player .keywords-wrapper .keyword:after{position: absolute; top: 15px; right: 5px; color: var(--white); font-size: 11px; line-height: 14px; background-color: rgba(0,0,0,0.5); padding: 0 3px;padding-top: 2px; border-radius: 3px; }
.audio-player .menu-control article .waveform-audio-player .keywords-wrapper .keyword:before{content: "";position: absolute;height: 30px;width: 1px;background-color: var(--yellow);}



.vjs-audio-custom.video-js .vjs-big-play-button{display: none;}

.audio-player.disabled .vjs-audio-custom{border: none;}
.vjs-audio-custom{width: 100%;height: 50px;border-top: 1px solid var(--light-1);border-bottom: 1px solid var(--light-1);}
.vjs-audio-custom .vjs-control-bar{background-color: var(--light-3);}
.vjs-audio-custom .vjs-control-bar .vjs-previous{order: 0;}
.vjs-audio-custom .vjs-control-bar .vjs-play-control{order: 0;}
.vjs-audio-custom .vjs-control-bar .vjs-next{order: 0;}
.vjs-audio-custom .vjs-control-bar .vjs-volume-panel{order: 0;}
.vjs-audio-custom .vjs-control-bar .vjs-current-time{order: 0;}
.vjs-audio-custom .vjs-control-bar .vjs-time-divider{display: none;}
.vjs-audio-custom .vjs-control-bar .vjs-progress-control{order: 0;}
.vjs-audio-custom .vjs-control-bar .vjs-duration{order: 1;}
.vjs-audio-custom .vjs-control-bar .vjs-download{order: 2;}
.vjs-audio-custom .vjs-control-bar .vjs-picture-in-picture-control{display: none;}
.vjs-audio-custom .vjs-control-bar .vjs-fullscreen-control{display: none;}
.vjs-audio-custom .vjs-control-bar .vjs-embed{order: 3;}
.vjs-audio-custom .vjs-control-bar .vjs-keyword{order: 1;}
.vjs-audio-custom .vjs-control-bar .vjs-control-bar-menu{order: 5;}
.vjs-audio-custom .vjs-control-bar .vjs-subs-caps-button{order: 4;}
.vjs-audio-custom .vjs-control-bar .vjs-subs-caps-button-custom{order: 4;}


.vjs-audio-custom .vjs-control svg{stroke: var(--gray-4);}
.vjs-audio-custom .vjs-control-bar .vjs-duration, .vjs-audio-custom .vjs-control-bar .vjs-current-time{color: var(--yellow);}
.vjs-audio-custom .vjs-volume-bar{background-color: var(--gray-3);}
.vjs-audio-custom.video-js .vjs-progress-holder .vjs-load-progress div{background-color: var(--gray-3);}
.vjs-audio-custom .vjs-progress-control .vjs-progress-holder{background-color: var(--light-1);}

.vjs-audio-custom.video-js .vjs-control.active .vjs-menu + svg, .vjs-audio-custom.video-js .vjs-control.active .vjs-main-menu + svg, .vjs-audio-custom.video-js .vjs-control-bar-menu.active>svg, .vjs-audio-custom.video-js .vjs-subs-caps-button.active, .vjs-audio-custom.video-js .vjs-keyword.active, .vjs-audio-custom.video-js .vjs-embed.active{background-color: var(--gray-3);}
.vjs-audio-custom.video-js .vjs-control-bar-menu.active svg{background-color: var(--dark-4);}
.vjs-audio-custom.video-js .vjs-control.active .vjs-menu {background-color: var(--gray-3);}
.vjs-audio-custom.video-js .vjs-control.active .vjs-menu .vjs-menu-content li a{display: block;color: var(--white);padding: 0 4px;font-size:10px;line-height:30px}



.vjs-audio-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: -1;}
.vjs-audio-custom .remaining-time-wrapper.active{bottom: 100%;opacity: 1;z-index: -1;}
.vjs-audio-custom .remaining-time-wrapper .next-audio span:before{color: var(--yellow);}
.vjs-audio-custom .remaining-time-wrapper .next-audio button{border: 1px solid var(--yellow);font-size: 10px;line-height: 20px;margin-right: 24px;cursor:pointer;transition: 0.25s;}
html[dir="ltr"] .vjs-audio-custom .remaining-time-wrapper .next-audio button{margin-right: 0;margin-left: 24px;}
.vjs-audio-custom .remaining-time-wrapper .next-audio button:hover{background-color: var(--yellow);}
.vjs-audio-custom .remaining-time-wrapper.playingnow .next-audio button{display: none;}