.video-player-section{flex-flow:column;width:100%;height:calc(100% - 150px);margin:auto 0;display:flex}.video-player-section>div:first-child{width:100%;height:calc(100% - 150px)!important}@media screen and (max-width:780px){.video-player-section>div:first-child{height:100%!important}}.video-player-section video{background-color:#2229;width:100%;max-height:100%}.video-player-controls{direction:ltr}.button-container{flex-direction:row;justify-content:center;align-items:center;margin:20px;display:flex}.close-video-player{color:#fff;cursor:pointer;z-index:120;position:absolute;top:40px;right:40px}@media screen and (max-width:780px){.button-container{margin:0!important}.close-video-player{z-index:120;background:#333;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex;top:20px;right:30px}}.button-container .play-pause-btn{cursor:pointer;width:48px;height:48px;margin:6px}.button-container .play-pause-btn svg{max-width:48px;max-height:48px}.button-container .forward-btn,.button-container .rewind-btn{cursor:pointer;width:25px;height:25px}.sickbar-slider-container{padding:0 25px;display:flex}.video-sickbar-slider{-webkit-appearance:none;cursor:pointer;background:linear-gradient(90deg,#fff 0% 4%,#b6b6b669 4% 100%);outline:none;width:100%;height:5px;transition:background .45s ease-in}.video-sickbar-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:ew-resize;cursor:pointer;background:#fff0;border-radius:50%;width:10px;height:10px}.video_control_footer{color:#fff;justify-content:center;padding:20px 10px;font-size:16px;display:flex}.video_control_footer span{padding:0 10px}
.slider-container{direction:rtl;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.video-container video{width:100%;height:auto}.slider-btn{cursor:pointer;z-index:1;color:#ffffffba;direction:ltr;background-color:#959595c2;border:1px solid #837b7be3;border-radius:50%;width:46px;padding:10px;font-size:24px;transition:all .8s;position:absolute;top:40%;overflow:hidden;transform:translateY(-50%)}.prev-btn{left:10px}.prev-btn:hover svg{animation:.3s forwards themeNextArrow}.next-btn{right:10px;transform:translateY(-50%)rotate(180deg)}.next-btn:hover svg{animation:.3s forwards themeNextArrow}
.audio-player{direction:ltr;background:#444;border-radius:10px;align-items:center;width:100%;height:100px;padding:18px;display:flex}.audio-player .prev-play-next-buttons{align-items:center;padding:0 10px;display:flex}.audio-player .play-button{margin:0 10px}.close-audio-player{cursor:pointer;margin-left:auto;margin-right:10px}.progress-timing-section{width:100%;margin:auto 45px 0 10px;position:relative}.progress-timing-section input{width:100%}.audio-title-timing-section{color:#fff;z-index:11;justify-content:end;align-items:center;padding-top:7px;font-size:12px;display:flex}.audio-title-timing-section .audio-title-section{cursor:pointer;align-items:center;display:flex}.audio-title-timing-section .current-total-time-section{align-items:center;margin:0 0 0 20px;padding-top:5px;font-family:AirArabia Normal;display:flex}.audio-title-timing-section .audio-title-section .audio-title-arrow{margin:3px 10px 0 0;display:block}.diabled img{filter:grayscale();opacity:.5;cursor:not-allowed}.play-pause{box-sizing:border-box;cursor:pointer;background:0 0;border:10px solid #0000;border-left:15px solid #444;border-right-width:0;width:0;height:15px;margin:0 0 0 4px;transition:all .1s}.play-pause.paused{border-style:double;border-width:0 0 0 13px;margin:0}.play-pause:hover{border-color:#0000 #0000 #0000 #404040}.play-pause-button{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 10px;padding:10px;display:flex}.prev-button,.next-button{cursor:pointer}.sickbar-slider-container{padding:0;display:flex}.audio-sickbar-slider{-webkit-appearance:none;cursor:pointer;background:linear-gradient(90deg,#fff 0% 4%,#b6b6b669 4% 100%);outline:none;width:100%;height:5px;transition:background .45s ease-in}.audio-sickbar-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:ew-resize;cursor:pointer;background:#fff0;border-radius:50%;width:10px;height:10px}.audio-player-list-section{z-index:11;background:#333;border-radius:10px;margin-top:20px;bottom:20px}.audio-list-section ul{margin:0 auto;padding:10px 20px}.audio-list-section ul li{color:#fff;text-align:right;cursor:pointer;margin:0 auto;padding:5px 40px 5px 20px;font-size:15px;list-style:none}.audio-list-section ul li.active{background-color:#424242;background-image:url(../media/active-song-icon.0i86r7924uae0.png);background-position:right 16px center;background-repeat:no-repeat;border-radius:10px}@media screen and (max-width:780px){.audio-player{margin:0}.audio-player .prev-play-next-buttons{padding:0}.close-audio-player{margin-right:0;padding:10px}.progress-timing-section{margin:auto 16px 0 10px}.prev-button,.next-button{cursor:pointer;width:15px;height:15px}.prev-button img,.next-button img{width:100%;height:100%}.play-pause-button{width:35px;height:35px}.play-pause{border-width:7px 0 7px 12px;height:14px}.audio-title-timing-section{font-size:11px;bottom:-8px}.audio-player-list-section{position:relative}}