.video_section{width:100%;margin:auto;position:relative;box-shadow:0 0 5px rgb(0 0 0 / .2);border-radius:10px;overflow:hidden;height:100%;background:#fff}.np_video_poster{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;filter:brightness(.7);background-size:cover}video.np_video{display:flex;filter:brightness(1);transition:all 0.5s ease-in-out;width:100%;height:100%}video.np_video.paused{filter:brightness(.7)}.video_play_btn{position:absolute;display:flex;align-items:center;width:100%;height:100%;top:0;left:0;z-index:10;justify-content:center;color:#FFF;opacity:.6;font-size:75px}.video_play_btn i{cursor:pointer}.controls_section{position:absolute;width:100%;bottom:0;left:0;display:flex;height:30px;flex-direction:row-reverse;align-items:center;color:#fff;background:#2b333f73;transform:translateY(35px);opacity:0;transition:all 0.5s ease-in-out}.controls_section.active{transform:translateY(0);opacity:1;transition:all 0.5s ease-in-out}.control_play_btn{width:40px;display:flex;justify-content:center;align-items:center;font-size:15px;cursor:pointer}.video_timeline_container{flex-grow:1;height:4px;background:#fff;margin:0 10px;position:relative;cursor:pointer;transition:height 0.2s ease-in-out}.video_timeline_container:hover{height:6px;transition:height 0.2s ease-in-out}.elapsed_bar{background:#CC1822;height:100%;width:0;margin-right:auto}.time_pointer_dot{background:#CC1822;position:absolute;left:0;width:9px;height:9px;border-radius:5px;top:-2.5px;z-index:10;transform:translateX(-4.5px);box-shadow:0 0 3px 0 #000;transition:width 0.2s ease-in-out,height 0.2s ease-in-out,border-radius 0.2s ease-in-out}.video_timeline_container:hover .time_pointer_dot{width:12px;height:12px;border-radius:6px;transition:width 0.2s ease-in-out,height 0.2s ease-in-out,border-radius 0.2s ease-in-out}.volume_section{display:flex;align-items:center;height:200%;width:25px;justify-content:center;position:relative}.volume_bar_section{position:absolute;bottom:50px;width:25px;left:0;border-radius:15px;background:#2b333f73;padding:15px 0;display:none}.volume_bar_container{width:3px;background:#fff;margin:auto;position:relative;cursor:pointer;height:90px}.current_volume{background:#CC1822;height:100%;width:100%;position:absolute;bottom:0;left:0}.current_volume_dot{background:#CC1822;position:absolute;bottom:100%;width:10px;height:10px;border-radius:5px;left:-3.5px;transform:translateY(4.5px);box-shadow:0 0 3px 0 #000}.elapsed_time{height:30px;line-height:30px;width:45px;text-align:left;margin-left:5px;display:none;direction:ltr}.fullscreen_control{display:flex;height:30px;align-items:center;justify-content:center;width:35px;cursor:pointer}.fullscreen_video.video_section{width:100vw;height:100vh;position:fixed;top:0;left:0;background:#000;z-index:200}.fullscreen_video video.np_video{width:100%;height:100%}.speed_section{font-family:cursive;position:relative;width:40px;height:200%;font-size:13px;display:flex;align-items:center;justify-content:center;cursor:pointer;display:none}.speed_options{position:absolute;bottom:50px;right:0;background:#343434dd;border-radius:10px;padding:5px;display:none}.speed_options.active{display:flex}.each_option{margin:3px;line-height:1.2;padding:3px;width:40px;text-align:center;font-size:12px;border-radius:7px;border:solid 2px #fff0}.each_option:hover{border-color:#CC1822}.each_option.active{background:#CC1822}.mouseTime{position:absolute;bottom:23px;background:#343434dd;border-radius:10px;line-height:1.2;padding:7px 5px 5px;transform:translateX(-50%);display:none}.mouseLine{position:absolute;width:3px;height:100%;background:#000;bottom:0;display:none;z-index:5}