@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.navbar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 34px}.navbar .left_nav{display:flex;align-items:center;justify-content:center;gap:20px}.navbar .left_nav #bar_span{width:40px;height:40px;background:#27272700;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s}.navbar .left_nav #bar{font-size:2rem;color:#fff;font-weight:500;cursor:pointer;position:relative}.navbar .left_nav #bar_span:hover{background:#272727}.navbar .left_nav .logo{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:flex-start}.navbar .left_nav .logo img{width:120px}.navbar .left_nav .logo span{font-size:.82rem;color:#444;font-family:roboto;line-height:1;position:absolute;top:0;right:0;transform:translate(15px,-5px)}.search_field{display:flex;align-items:center;justify-content:center;width:600px;height:40px;background-color:#222;overflow:hidden;border-radius:50px}.search_field #icon{font-size:1.5rem}.search_field .field{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.search_field .field #icon{position:absolute;top:0;left:0;transform:translate(20px)}.search_field .field input{position:relative;flex:1;width:100%;height:95%;background-color:#0f0f0f;border:none;outline:none;color:#fff;padding:0 20px;font-size:1rem;font-family:Poppins;border-radius:50px 0 0 50px}.search_field .field input:focus{border:1px solid blue}.srh_btn{width:70px;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}.right_nav{display:flex;align-items:center;justify-content:center;gap:35px}.right_nav #icon{font-size:1.8rem;font-weight:500;cursor:pointer}.right_nav img{width:35px;height:35px;border-radius:50px;margin-top:5px;cursor:pointer}.video-list{display:grid;grid-template-columns:1fr 1fr 1fr;padding:20px 40px;gap:40px}.video-item{width:auto;height:auto;background:#49494900;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:10px;justify-content:center;gap:10px;font-family:Poppins;border:1px solid #333}.video-item:hover{background-color:#121212;cursor:pointer}.video-item img{width:300px;border-radius:5px}.video-item h3{text-align:center}.container{font-family:Poppins;width:100%;min-height:89.6vh;background-color:#121212;display:flex;align-items:center;justify-content:center}.video_container{font-family:Poppins;position:relative;width:900px;margin:auto;height:100%;border-radius:5px;overflow:hidden;box-shadow:0 0 5px #e1e1e13d;z-index:10}.video_container .main-video{position:relative;width:100%;height:100%;outline:none}.video_container .controls{position:absolute;bottom:0;left:0;height:50px;width:100%;background-color:#000000b3;box-shadow:0 0 40px 10px #00000040;opacity:1}.video_container .controls.hide{opacity:0;pointer-events:none}.video_container .controls .progress-area{width:95%;height:5px;margin:auto;background-color:#f0f0f0;cursor:pointer}.controls .progress-area .progress-bar{position:relative;pointer-events:none;width:0%;background-color:#e1ae00;height:inherit;border-radius:inherit}.controls .progress-area .progress-bar:before{content:"";position:absolute;width:14px;height:14px;border-radius:50%;right:-5px;top:50%;transform:translateY(-50%);background-color:#e1ae00}.controls .controls-list{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;width:97%;height:46px;margin:0 auto}.controls .controls-list .controls-left,.controls .controls-list .controls-right{display:flex;align-items:center;justify-content:center}.controls-left .timer{display:inline-block;font-size:14px;white-space:nowrap;color:#fff;margin-left:5px;text-align:center}.controls .icon{display:inline-flex;justify-content:center;align-items:center;text-align:center;color:#fff;margin-left:8px;margin-right:5px}.controls .icon .material-icon{font-size:26px;color:#fff;cursor:pointer}.controls .icon .material-icon.fast-rewind:active{transition:.08s ease-in-out;transform:rotate(-45deg)}.controls .icon .material-icon.fast-forward:active{transition:.08s ease-in-out;transform:rotate(45deg)}.controls .icon .volume_range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:0px;height:3px;background-color:#fff;color:#fff;cursor:pointer;outline:none;border:none;transition:.3s ease-in-out}.controls .icon .volume_range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;border:none;outline:none;background-color:#fff;color:#fff;transition:.3s;opacity:0}.controls .icon:hover .volume_range{width:60px;display:inline-block}.controls .icon:hover .volume_range::-webkit-slider-thumb{opacity:1;pointer-events:auto}.controls-right .icon .setting.active{transform:rotate(45deg)}.disable{opacity:0}.video_container #setting{opacity:1;position:absolute;right:25px;bottom:62px;background-color:#1c1c1ce5;width:200px;height:250px;color:#fff;overflow:auto;z-index:20}.video_container #setting .playback span{font-size:16px;padding:10px 15px;font-weight:300;display:block;border-bottom:1px solid rgb(83 83 83)}.video_container #setting ul{position:relative}.video_container #setting ul li{position:relative;width:100%;cursor:pointer;padding:12px 33px;display:block}.video_container #setting ul li:hover{background-color:#1c1c1ccc}.video_container #setting ul li.active:before{content:"✓";font-family:Poppins;position:absolute;left:7px;top:50%;transform:translateY(-50%);padding-right:10px;font-size:10px}.new-video-container{width:100%;padding:30px;background-color:#fff0;border-radius:12px;animation:fadeIn .5s ease-in-out;transition:all .3s ease;font-family:Poppins}.new-video-container h2{text-align:center;font-size:28px;color:#333;margin-bottom:30px}.new-video-container form div{margin-bottom:20px}.new-video-container label{display:block;margin-bottom:8px;font-weight:600;color:#555;transition:color .2s ease}.new-video-container input[type=text],.new-video-container input[type=file]{width:100%;padding:12px 15px;margin-top:5px;border-radius:8px;border:1px solid #ddd;background-color:#f9f9f9;font-size:16px;color:#555;outline:none;transition:border-color .3s ease,background-color .3s ease}.new-video-container input[type=text]:focus,.new-video-container input[type=file]:focus{border-color:#007bff;background-color:#fff}.new-video-container button{display:inline-block;width:100%;padding:15px;background-color:#007bff;color:#fff;font-size:18px;font-weight:600;text-align:center;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease}.new-video-container button:hover{background-color:#0056b3;box-shadow:0 8px 15px #007bff4d}.upload-response{margin-top:30px;padding:20px;background-color:#e9f7e9;border-left:4px solid #28a745;color:#155724;font-size:16px;border-radius:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.new-video-container{padding:20px}.new-video-container h2{font-size:24px}.new-video-container button{font-size:16px;padding:12px}}*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:5px;background-color:#303030}::-webkit-scrollbar-thumb{border-radius:5px;background-color:#535353}body{background-color:#0f0f0f;color:#fff}