.main{background-color:#000;color:#fff;flex:1 1;gap:1rem;padding:1rem}#videoPreviewSection,.main{display:flex;overflow-y:auto}#videoPreviewSection{flex:0.6 1;flex-direction:column}#suggestedSection::-webkit-scrollbar,#videoPreviewSection::-webkit-scrollbar{display:none}#suggestedSection{box-sizing:border-box;display:flex;flex:0.4 1;flex-direction:column;gap:2rem;overflow-y:auto;padding:1rem}#videoContainer{border-radius:1rem;min-height:30vw;overflow:hidden}#videoTitle{margin:1.5rem 0}#videoDetails{display:flex;justify-content:space-between}#videoStats1,#videoStats2{gap:.5rem}#videoStats1,#videoStats2,#videoStats2 *{align-items:center;display:flex;justify-content:center}#videoStats2 *{gap:.1rem}#channelDetails{display:flex;padding:1rem}#channelThumbnailContainer{flex:0.2 1}#channelThumbnail{border-radius:50%;width:5rem}#channelDetailsContainer{flex:0.8 1}#channelDetailsContainer p{margin-top:.5rem}#channelIntro{display:flex;justify-content:space-between}#channelName,#channelStats{margin-bottom:.5rem}.Subscribe{background-color:#f74e4e;border:none;border-radius:.5rem;color:#fff;font-size:1.2rem;outline:none;padding:0 2rem}#commentDetails{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.userThumbnail{border-radius:50%;width:3rem}.addComment{display:flex;gap:1rem}.userImage{flex:0.1 1}.InputComment{flex:0.9 1}.InputComment p{margin-bottom:.2rem}.addCommentInput{background-color:#000;border:none;box-sizing:border-box;color:#fff;font-size:1.5rem;outline:none;width:100%}#Comments{display:flex;flex-direction:column;gap:2rem}.commentTime{color:gray;font-size:.7rem}.commentStats{display:flex;gap:1rem;margin-top:1.5rem}.commentStats span>img{width:1.3rem}.card1{box-sizing:border-box;color:#fff;display:flex;height:10rem;width:100%}#videoThumbnail{border:1px solid #2e2e2e;border-radius:.5rem;flex:0.4 1;height:auto;max-width:100%}#videoDetailsContainer{align-items:center;display:flex;flex:0.6 1;justify-content:center;position:relative}#videoDurationBadge{background-color:#3d3d3d;border-radius:.5rem;bottom:0;color:#fff;font-size:.7rem;left:0;padding:.1rem .2rem;position:absolute;transform:translateX(-110%) translateY(-10%)}#cardDetails{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:.5rem}@media (max-width:768px){.navbar{padding:.5rem}.nav-right{display:none}.toogler-icon-menu{align-self:center;display:block}#sideMenu{width:20%}.con-head{font-size:.7rem}.linkText{display:none}.nav-item{justify-content:center;text-align:center}.main{flex-direction:column;padding:.2rem}#videoPreviewSection{flex:0.5 1;overflow-y:scroll}#suggestedSection{flex:0.5 1;padding:.2rem}#videoContainer{min-height:50vw}#videoTitle{font-size:.8rem;margin:1rem 0}#videoStats1,#videoStats2{font-size:.8rem;gap:.5rem;text-align:center}#channelDetails{display:flex;padding:1rem .1rem}#channelThumbnailContainer{box-sizing:border-box;flex:0.2 1;padding:1rem}#channelThumbnail{border-radius:50%;width:5rem}#channelDetailsContainer{flex:0.8 1}#channelIntro{display:flex;justify-content:space-between}.Subscribe{font-size:.8rem;padding:0 .5rem}#commentDetails{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.userThumbnail{border-radius:50%;width:3rem}.addComment{display:flex;gap:1rem}.userImage{flex:0.1 1}.InputComment{flex:0.9 1}.InputComment p{margin-bottom:.2rem}.addCommentInput{background-color:#000;border:none;box-sizing:border-box;color:#fff;font-size:1.5rem;outline:none;width:100%}#Comments{display:flex;flex-direction:column;gap:2rem}.commentTime{color:gray;font-size:.7rem}.commentStats{display:flex;gap:1rem;margin-top:1.5rem}.commentStats span>img{width:1.3rem}#cardDetails{justify-content:space-evenly}}*{margin:0;padding:0}body{display:flex;flex-direction:column;height:100vh!important;overflow-y:auto;width:100%}.custom-loader{animation:s1 1s infinite;border-color:#f31111 #0000;border-radius:50%;border-style:solid;border-width:8px;height:80px;left:50%;position:absolute;top:50%;width:80px;z-index:100}@keyframes s1{to{transform:rotate(.5turn)}}.navbar{background-color:#000;color:#fff;display:flex;justify-content:space-between;padding:1rem}.nav-center,.nav-left,.nav-right{align-items:center;display:flex}.nav-left a,a{text-decoration:none}.nav-form{display:flex;gap:.5rem}.nav-form input[type=search]{background-color:initial;border:1px solid gray;border-radius:.5rem;color:#fff;outline:none}.nav-form button{background-color:gray;border:none;border-radius:.5rem;padding:.5rem}.navbar-list{display:flex;list-style:none;padding:0}.nav-left a{display:flex;gap:1rem;text-decoration:none}.toogler-icon-menu{display:none;height:24px;width:24px}input[type=search]{width:22vw}main{background-color:#000;display:flex;flex:1 1;overflow-y:auto}::-webkit-scrollbar{display:none}#sideMenu{align-items:center;background-color:#101010;display:flex;flex:0.15 1;flex-direction:column;overflow-y:auto;padding:0 .5rem}.container{padding:1rem 0;width:100%}.nav-item{align-items:center;display:flex;padding-bottom:.3rem}.nav-item:hover{background-color:#63666a}.navbar-nav{list-style:none}.nav-link{color:#fff!important}.linkText{margin-left:.3rem}.con-head{color:#fff;font-size:.8rem;margin-bottom:.5rem}#sideMenu::-webkit-scrollbar,#upperFilter::-webkit-scrollbar,#videoContainer::-webkit-scrollbar{display:none}#videoSection{box-sizing:border-box;display:flex;flex:0.85 1;flex-direction:column;overflow:auto}#upperFilter{background-color:#000;display:flex;overflow-x:scroll;padding:.5rem;width:100%}#upperFilter>button{background-color:initial;border:1px solid #fff;border-radius:2rem;color:#fff;margin-right:.8rem;outline:none;padding:.3rem .5rem}#upperFilter>button:hover{background-color:#fff;color:#000}#videoContainer{background-color:#000;flex:1 1;overflow-y:auto;padding:1rem}#videoContainer,#videos{display:flex;flex-wrap:wrap;gap:1rem}#videos{width:100%}.card2{background-color:#000;border:1px solid #1b1b1b;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;color:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:23%;min-width:15rem;overflow:hidden;width:22%}.card-img-top{width:100%}.cardBody{align-items:center;display:flex;gap:1rem;padding:.7rem .3rem;position:relative}.channelImage{flex:0.2 1}.videoDetails{flex:0.8 1}.channelThumbnail{border-radius:50%;height:4rem;width:4rem}.card-subtitle{font-size:.8rem}.card-title{height:2.5em;line-height:1.2em!important;margin-bottom:.5rem;overflow:hidden}#videoDuration{background-color:#272727;border-radius:.5rem;color:#fff;font-size:.8rem;padding:.1rem .5rem;position:absolute;right:0;top:0;transform:translateX(-10%) translateY(-130%)}.show{display:block}.hide{display:none}@media (max-width:768px){.navbar{padding:.5rem}.nav-right{display:none}.toogler-icon-menu{align-self:center;display:block}#sideMenu{height:100%;text-align:center;width:10%}.con-head{font-size:.7rem}.linkText{display:none}.nav-item{justify-content:center;text-align:center}#videoSection{flex:1 1}#videoContainer{padding:0}#videos{align-items:center;justify-content:center}.card2{max-width:90%;min-width:12rem;width:90%}}@media (max-width:425px){.card2{max-width:95%;min-width:12rem;width:100%}}
/*# sourceMappingURL=main.afd666b0.css.map*/