@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap";.home{padding:1rem;width:100%}.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:7rem;position:sticky;top:0;left:0;right:0;background-color:#fff;z-index:6}.navbar>.logos{display:flex;align-items:center;gap:1rem}.navbar>.logos>a>img{display:flex;align-items:center;justify-content:center;height:3rem}.navbar>.items{display:flex;align-items:center;justify-content:space-between}.navbar>.items>.lists{list-style:none;display:flex;align-items:center;gap:1rem}.navbar>.items>.lists .button-search{display:none}.navbar>.items>.lists .button-search>svg{transform:translateY(.2rem)}.navbar.scrolled{box-shadow:0 5px 5px #0000001a}@media screen and (max-width: 768px){.navbar>.items>.lists .button-search{display:initial}}@media screen and (max-width: 600px){.navbar{padding:0 1rem}}@media screen and (max-width: 550px){.navbar>.items>.lists .button-search>span,.navbar>.items>.lists .button-upload>span{display:none}}@media screen and (max-width: 375px){.navbar>.logos{gap:0rem}.navbar>.logos>a>img{height:2.5rem}.navbar>.items>.lists{gap:.5rem}}.navMenuButton{display:flex;align-items:center;background:transparent;border:none;font-size:2rem;color:#555;cursor:pointer;transition:all .4s;padding:.7rem;border-radius:50%}.navMenuButton:hover{background-color:#0000001a}@media screen and (max-width: 768px){.navMenuButton{display:none}}.input-search{background-color:#eee;padding:1rem;color:#777;display:flex;align-items:center;gap:2rem;border-radius:5px;position:relative;overflow:hidden}.input-search>input{border:none;background:transparent;outline:none;width:30rem}.input-search>button{position:absolute;right:0;background:transparent;border:none;outline:none;cursor:pointer;transform:translateY(.2rem);color:#777;padding:1.5rem 1.2rem;transition:all .3s}.input-search>button:hover{background-color:#d4d4d4}.input-search>button>svg{transform:scale(1.3)}@media screen and (max-width: 900px){.input-search>input{width:20rem}}@media screen and (max-width: 768px){.input-search{display:none}}.profile-menu{position:relative;z-index:6}.profile-menu>button{border:none;height:40px;width:40px;cursor:pointer;border-radius:50%;overflow:hidden;background:transparent}.profile-menu>button>img{width:100%;transition:all .3s}.profile-menu>button>img:hover{filter:brightness(.85)}.profile-menu>ul{list-style:none;position:absolute;right:0;top:5rem;padding:1rem;background-color:#fff;box-shadow:0 5px 10px #0000001a;display:flex;flex-direction:column;gap:.2rem;border-radius:5px}.profile-menu>ul>li{padding:.5rem;cursor:pointer;transition:all .4s}.profile-menu>ul>li>a{text-decoration:none;color:initial;display:inline-block;width:100%}.profile-menu>ul>li>button{background:transparent;border:none;outline:none;cursor:pointer;font-size:inherit;display:inline-block;width:100%;text-align:left}.profile-menu>ul>li:hover{background-color:#f2f2f2}.backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:5;background-color:#000000bf}.backdrop.transparent{background:transparent}.button-nav{border:none;padding:1rem;border-radius:5px;display:flex;align-items:center;gap:.5rem;font-weight:500;cursor:pointer;transition:all .3s}.button-nav:hover{background-color:#e4e2e2}.input-search-sm{display:none;background-color:#eee;color:#777;box-shadow:5px 5px 5px #0000001a;position:absolute;top:0;left:0;right:0;display:flex;overflow:hidden;transform:translateY(-150%);transition:all .4s}.input-search-sm>input{padding:3rem 1.5rem;flex:1;border:none;outline:none}.input-search-sm>button{position:absolute;right:0;padding:3.5rem 2rem;transform:translateY(.2rem);background-color:transparent;border:none;outline:none;color:#777;cursor:pointer;transition:all .3s}.input-search-sm>button:hover{background-color:#d4d4d4}.input-search-sm>button>svg{transform:scale(1.7)}@media screen and (max-width: 768px){.input-search-sm{display:flex;align-items:center;z-index:10;transition:all .4s}.input-search-sm.show{transform:translateY(0)}}.sidebar{min-width:fit-content;padding-top:.5rem;height:calc(100svh - 7rem);position:sticky;left:0;top:7rem}.sidebar>ul{list-style:none}.sidebar>ul>li{margin-top:1rem;padding:0 1.5rem;display:flex}.sidebar>ul>li>a{font-size:2rem;padding:.5rem 1rem;display:flex;align-items:center;gap:1rem;color:#444;display:inline-block;width:100%;font-weight:500;border-radius:5px;transition:all .4s}.sidebar>ul>li>a>span{font-size:1.5rem;display:inline-block;transform:translateY(-3px)}.sidebar>ul>li>a>svg{transform:translateY(.2rem)}.sidebar>ul>li>a:hover{background-color:#f2f2f2}.sidebar>ul>li>a.active{background-color:#e6e6e6}.sidebar>ul.hide-text>li>a>span{display:none}.sidebar .bottom>li .list-header{font-weight:500;font-size:1.4rem}.sidebar .bottom>li>a{display:inline-flex;align-items:center;gap:.3rem}.sidebar .bottom>li>a>img{width:28px;height:28px;object-fit:cover}.sidebar .bottom>li>a>span{font-size:1.4rem;transform:translateY(0)}.sidebar .bottom.hide{display:none}.sidebar>.hr{padding:1rem 2rem .2rem}.sidebar>.hr>div{width:100%;border-bottom:1px solid rgba(204,204,204,.481)}.sidebar.sidebar-mb{display:none}@media screen and (max-width: 900px){.sidebar>ul>li>a>span{display:none}.sidebar>.bottom{display:none}}@media screen and (max-width: 768px){.sidebar.hide-sidebar{display:none}.sidebar-mb.sidebar{display:initial;position:fixed;top:initial;bottom:0;width:100%;background-color:#fff;height:initial;padding:1rem;box-shadow:0 -5px 5px #0000001a;z-index:2}.sidebar-mb.sidebar>ul{display:flex;justify-content:space-between}.sidebar-mb.sidebar>ul>li{margin-top:0;padding:0}}.layout{display:flex}.layout>.main{width:100%;padding:1rem;overflow-x:hidden}@media screen and (max-width: 768px){.layout>.main{padding:0}}.sidebar-slider{min-width:fit-content;padding-top:.5rem;height:calc(100svh - 7rem);box-shadow:1px 5px 5px #0000001a;position:fixed;left:0;top:7rem;z-index:10;background-color:#fff;display:none;transform:translate(-100%);transition:all .4s}.sidebar-slider.display-init{display:initial}.sidebar-slider.showLG{transform:translate(0)}.sidebar-slider>ul{list-style:none}.sidebar-slider>ul>li{margin-top:1rem;padding:0 1.5rem;display:flex}.sidebar-slider>ul>li>a{font-size:2rem;padding:.5rem 1rem;display:flex;align-items:center;gap:1rem;color:#444;display:inline-block;width:100%;font-weight:500;border-radius:5px;transition:all .4s}.sidebar-slider>ul>li>a>span{font-size:1.5rem;display:inline-block;transform:translateY(-4px)}.sidebar-slider>ul>li>a:hover{background-color:#f2f2f2}.sidebar-slider>ul>li>a.active{background-color:#e6e6e6}.sidebar-slider .bottom>li .list-header{font-weight:500;font-size:1.4rem}.sidebar-slider .bottom>li>a{display:inline-flex;align-items:center;gap:.3rem}.sidebar-slider .bottom>li>a>img{width:28px;height:28px;object-fit:cover}.sidebar-slider .bottom>li>a>span{font-size:1.4rem;transform:translateY(0)}.sidebar-slider>.hr{padding:1rem 2rem .2rem}.sidebar-slider>.hr>div{width:100%;border-bottom:1px solid rgba(204,204,204,.481)}@media screen and (max-width: 900px){.sidebar-slider{display:initial}.sidebar-slider.show{transform:translate(0)}}@media screen and (max-width: 768px){.sidebar-slider,.sidebar-slider.display-init{display:none}}.videos{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}@media screen and (max-width: 1250px){.videos{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 768px){.videos{grid-template-columns:repeat(2,1fr);padding-bottom:7rem}}@media screen and (max-width: 600px){.videos{grid-template-columns:repeat(1,1fr)}}.video-card{overflow:hidden}.video-card>.top{overflow:hidden;border-radius:10px}.video-card>.top>video{width:100%;object-fit:cover;border-radius:10px;transition:all .8s}.video-card>.top>video:hover{transform:scale(1.1)}.video-card>.bottom>.title{color:#333;font-size:1.6rem;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:.5rem 0}.video-card>.bottom>.body{font-size:1.4rem;color:#9b9b9b}.video-card>.bottom>.body>a{display:inline-block;color:inherit;margin-bottom:.3rem}.video-card.verticle{max-width:40rem;width:100%;display:flex;margin-left:2rem}.video-card.verticle>.top{flex:1}.video-card.verticle>.top>video{width:18rem;aspect-ratio:16/9;object-fit:cover}.video-card.verticle>.bottom{flex:1}@media screen and (max-width: 1440px){.video-card.verticle{max-width:30rem;display:flex;gap:1rem}.video-card.verticle>.top>video{width:15rem;aspect-ratio:16/9;object-fit:cover}.video-card>.bottom>.title{font-size:1.4rem;font-weight:500}.video-card>.bottom>.body{font-size:1.2rem}}.loading{width:100%;height:80vh;background-color:#fff;display:grid;place-items:center;max-width:100%}.loading>div{width:10vmax;height:10vmax;border-bottom:5px solid rgba(0,0,0,.719);border-radius:50%;animation:loadingRotate .8s linear infinite}@keyframes loadingRotate{to{transform:rotate(360deg)}}.not-found-videos{width:100%;height:70vh;display:grid;place-content:center}.not-found-videos>h2{text-align:center;color:#555;font-size:2vmax}@media screen and (max-width: 900px){.not-found-videos>h2{font-size:3vmax}}.single-video{padding:0 5%;display:grid;margin-bottom:7rem;grid-template-columns:auto auto;gap:2rem}.single-video>.content{width:100%;height:fit-content}.single-video>.content>video{width:100%}.single-video>.content>.title{font-size:2rem;color:#333;margin-top:1rem}.single-video>.content>.info{margin-top:1rem;display:flex;align-items:center;justify-content:space-between}.single-video>.content>.info>.channel{display:flex;align-items:center;gap:1rem}.single-video>.content>.info>.channel>div{display:flex;align-items:center;gap:1rem}.single-video>.content>.info>.channel>div>img{width:42px;height:42px;border-radius:50%;object-fit:cover}.single-video>.content>.info>.channel>div>a>h4{color:#333;font-size:1.6rem}.single-video>.content>.info>.channel>div>a>small{color:#22190f}.single-video>.content>.info>.channel>.subscribe-btn{margin-left:1.5rem}.single-video>.content>.info>.actions{display:flex;align-items:center;gap:1rem}.single-video>.content>.info>.actions>.reaction-buttons{display:flex;align-items:center;background-color:#f2f2f2;border-radius:50px;overflow:hidden}.single-video>.content>.info>.actions>.reaction-buttons>button{background:transparent;border:none;outline:none;cursor:pointer;font-size:1.6rem;display:flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;color:#555;transition:all .3s;position:relative}.single-video>.content>.info>.actions>.reaction-buttons>button:last-child:before{content:"";position:absolute;height:2rem;width:1px;left:0;background-color:#888}.single-video>.content>.info>.actions>.reaction-buttons>button:hover{background-color:#d9d9d9}.single-video>.content>.info>.actions>button{display:flex;align-items:center;background:transparent;border:none;outline:none;background-color:#f2f2f2;font-size:1.6rem;color:#555;gap:.5rem;padding:.7rem 1.5rem;border-radius:50px;cursor:pointer;transition:all .3s}.single-video>.content>.info>.actions>button:hover{background-color:#d9d9d9}.single-video>.content>.description{margin-top:2rem;background-color:#f2f2f2;padding:1rem;border-radius:10px}.single-video>.content>.all-comments{margin-top:3rem}.single-video>.content>.all-comments>h3{font-weight:400;font-size:1.8rem;color:#444;margin-bottom:1rem}.single-video>.content>.all-comments>.comments{margin-top:3rem}@media screen and (max-width: 1024px){.single-video{padding:0 2rem}}@media screen and (max-width: 1200px){.single-video>.content>.info>.actions>button>span{display:none}}@media screen and (max-width: 800px){.single-video{padding:0;display:flex;flex-direction:column}}@media screen and (max-width: 768px){.single-video{padding:0}.single-video>.content>.title,.single-video>.content>.info{padding:0 1rem}.single-video>.content>.description{margin-left:1rem;margin-right:1rem}.single-video>.content>.all-comments{margin-top:3rem;margin-left:1rem;margin-right:1rem}}@media screen and (max-width: 620px){.single-video>.content>.info{display:flex;flex-direction:column;gap:1.5rem}.single-video>.content>.info>.channel{width:100%;display:flex;justify-content:space-between}.single-video>.content>.info>.actions{width:100%}.single-video>.content>.info>.actions>button>span{display:initial}}.description-accordian{padding-top:.5rem;overflow:hidden;cursor:pointer}.description-accordian>button{background:transparent;outline:none;border:none;display:flex;align-items:center;gap:.5rem;font-size:1.6rem;font-weight:500;margin-bottom:1rem;cursor:pointer;width:100%;color:#444}.description-accordian>button>svg{transition:all .5s;font-size:2rem}.description-accordian>p{max-height:0;transition:all .5s;color:#333;font-size:1.4rem;cursor:pointer}.description-accordian.show>button>svg{transform:rotate(-180deg)}.description-accordian.show>p{max-height:99rem}.recommendation{display:flex;flex-direction:column;align-items:start;gap:1rem;max-width:40rem}@media screen and (max-width: 800px){.recommendation{width:100%;max-width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;padding-bottom:6rem}}@media screen and (max-width: 768px){.recommendation{padding:0 1rem}}@media screen and (max-width: 700px){.recommendation{grid-template-columns:1fr 1fr}}@media screen and (max-width: 550px){.recommendation{grid-template-columns:1fr}}.comment-box>form{width:100%;display:flex;flex-direction:column;gap:1.5rem}.comment-box>form>.box{display:flex;align-items:center;gap:1rem}.comment-box>form>.box>.image{width:42px;height:42px;border-radius:50%;overflow:hidden}.comment-box>form>.box>.image>img{width:100%;height:100%;object-fit:cover}.comment-box>form textarea{width:100%;padding-top:1rem;border:none;outline:none;resize:none;border-bottom:1px solid #e6e6e6;line-height:1.3;max-height:10rem;transform:translateY(.5rem);transition:all .3s}.comment-box>form textarea:is(:valid,:focus){border-bottom:1px solid #bdbdbd}.comment-box>form textarea:valid{padding-bottom:.5rem}.comment-box>form textarea::-webkit-scrollbar{width:0px}.comment-box>form .actions{align-self:flex-end}.comment-box>form .actions>button{margin-left:.5rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:transparent;border:1px solid transparent;padding:1rem 1.5rem;border-radius:5px;font-weight:500;font-size:1.4rem;cursor:pointer;transition:all .3s}.button:disabled{cursor:not-allowed}.button>svg{font-size:1.6rem}.button.filled.primary{background-color:#1e71ff;color:#fff}.button.filled.primary:hover{background-color:#0056eb}.button.filled.danger{background-color:#e91b0c;color:#fff}.button.filled.danger:hover{background-color:#b8150a}.button.filled.success{background-color:#4eb151;color:#fff}.button.filled.success:hover{background-color:#3e8e41}.button.filled.light{background-color:#f0f0f0}.button.filled.light:hover{background-color:#e4e2e2}.button.empty.primary{color:#1e71ff}.button.empty.primary:hover{background-color:#ebf2ff}.button.empty.danger{color:#e91b0c}.button.empty.danger:hover{background-color:#fef6f5}.button.outlined{color:#1e71ff;border:1px solid #1e71ff}.button.outlined:hover{background-color:#ebf2ff}.button.outlined.danger{color:#e91b0c;border:1px solid hsl(4,90%,48%)}.button.outlined.danger:hover{background-color:#fef6f5}.button.outlined.light{color:#939393;border:1px solid rgba(147,147,147,.5803921569)}.button.outlined.light:hover{background-color:#f2f2f2}.button.round{background-color:#f0f0f0;border-radius:50px}.button.round:hover{background-color:#e4e2e2}.button.round.dark{background-color:#0f0f0f;color:#fff}.button.round.dark:hover{background-color:#333}.button.w-max{width:100%}.button .loader{scale:1.5;stroke-width:.5px;animation:rotate .8s infinite linear}@keyframes rotate{to{transform:rotate(360deg)}}.comment{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem}.comment>.avatar{width:42px;height:42px;border-radius:50%}.comment>.avatar>img{width:42px;height:42px;border-radius:50%;object-fit:cover}.comment>.body>.top{display:flex;gap:1.5rem}.comment>.body>.top>h4{color:#444}.comment>.body>.content{margin-top:.3rem;font-size:1.4rem}.signin{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.signin .form-container{min-height:50rem;min-width:44rem;overflow-y:auto;border:1px solid rgba(147,147,147,.5803921569);border-radius:10px;padding:4rem}.signin .form-container>.top{width:100%;text-align:center;margin-bottom:3rem}.signin .form-container>.top>img{height:3.2rem;cursor:pointer}.signin .form-container>.top>h2{font-weight:500;margin-top:2rem}.signin .form-container>.top>p{margin-top:1rem}.signin .form-container>form>.actions{display:flex;align-items:center;justify-content:space-between;margin-top:4rem}.signin .form-container>form>.input-box{margin-bottom:2rem;position:relative}.signin .form-container>form>.input-box>span{position:absolute;font-size:1.3rem;color:red}@media screen and (max-width: 600px){.signin{height:initial;display:initial}.signin>.form-container{padding:4rem 1rem;border:none;min-width:0;min-height:0;width:100%}}.input{position:relative;transition:all .3s}.input:last-of-type{margin-bottom:0}.input>input{width:100%;border:1px solid rgba(147,147,147,.5803921569);border-radius:5px;font-size:1.6rem;padding:1.5rem 1.5rem 1.5rem 2rem}.input>label{position:absolute;background-color:#fff;color:#939393;padding:0 .5rem;left:0;transform:translate(1.5rem) translateY(1.5rem);font-size:1.6rem;transition:all .3s;cursor:text}.input>input:focus~label{color:#1e71ff}.input>input:focus{outline:1px solid #1e71ff;border:1px solid #1e71ff}.input>input:focus~label,.input>input:valid~label{transform:translate(1.5rem) translateY(-.6rem);font-size:1.2rem}.upload{height:calc(100vh - 9rem)}.upload>.form-container{max-width:44rem;min-height:initial}.upload>.form-container>video{width:100%;margin-bottom:1.5rem}.upload .tags{margin-top:.5rem;display:flex;gap:.5rem;flex-wrap:wrap}.upload .tags>button{display:inline-flex;align-items:center;background:hsl(0,0%,90%);padding:.5rem 1rem;border:none;border-radius:20px;font-weight:500;cursor:pointer;transition:all .3s}.upload .tags>button:hover{background:hsl(0,0%,80%)}@media screen and (max-width: 600px){.upload>.form-container{max-width:initial}}.input-upload>input{display:none}.input-upload>label{width:100%;display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(147,147,147,.5803921569);border-radius:5px;color:#939393;font-size:1.6rem;padding:1.5rem 1.5rem 1.5rem 2rem;cursor:pointer;transition:all .3s}.input-upload>label:hover{background-color:#f2f2f2}.textarea{position:relative;transition:all .3s}.textarea>textarea{width:100%;border:1px solid rgba(147,147,147,.5803921569);border-radius:5px;font-size:1.6rem;padding:1.5rem 1.5rem 1.5rem 2rem;resize:vertical}.textarea>label{position:absolute;background-color:#fff;color:#939393;padding:0 .5rem;left:0;transform:translate(1.5rem) translateY(1.5rem);font-size:1.6rem;transition:all .3s;cursor:text}.textarea>textarea:focus~label{color:#1e71ff}.textarea>textarea:focus{outline:1px solid #1e71ff;border:1px solid #1e71ff}.textarea>textarea:focus~label,.textarea>textarea:valid~label{transform:translate(1.5rem) translateY(-.6rem);font-size:1.2rem}.profile{height:calc(100vh - 9rem)}.profile>.form-container>label>img{display:block;width:15rem;height:15rem;border-radius:50%;overflow:hidden;object-fit:cover;margin:0 auto;cursor:pointer;margin-bottom:2rem;transition:all .3s}.profile>.form-container>label>img:hover{filter:brightness(.9)}.profile>.form-container>form>.buttons>button{margin-bottom:1rem}.profile>.form-container>form>.input-box>.input>input:disabled~label{transform:translate(1.5rem) translateY(-.6rem);font-size:1.2rem}.trending,.discover,.subscriptions{padding:1rem;width:100%}.my-channel .channel-container{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid rgba(204,204,204,.481)}.my-channel .channel-container .wrapper{display:flex;align-items:center;justify-content:space-between;max-width:130rem;margin:0 auto}.my-channel .channel-container .wrapper .info{display:flex;align-items:center;gap:2rem}.my-channel .channel-container .wrapper .info .image{width:150px;height:150px;border-radius:50%;overflow:hidden}.my-channel .channel-container .wrapper .info .image>img{width:100%;aspect-ratio:1/1;object-fit:cover}.my-channel .channel-container .wrapper .info .body h2{margin-bottom:1rem;max-width:20rem}.my-channel .channel-container .wrapper .info .body p>span{font-weight:500}.my-channel .channel-container .wrapper .info .body p{margin-bottom:.3rem}.my-channel .channel-container .wrapper>.buttons{display:flex;flex-direction:column;align-items:end;gap:.5rem}.my-channel .video-list{max-width:130rem;margin:0 auto}@media screen and (max-width: 768px){.my-channel{padding:1rem}.my-channel>.channel-container>.wrapper>.info>.image{width:100px;height:100px}.my-channel>.channel-container>.wrapper>.info>.body>h2{font-size:2rem}}@media screen and (max-width: 600px){.my-channel{padding:1rem}.my-channel>.channel-container>.wrapper{display:flex;flex-direction:column}.my-channel>.channel-container>.wrapper>.info{display:flex;flex-direction:column}.my-channel>.channel-container>.wrapper>.info>.image{width:150px;height:150px}.my-channel>.channel-container>.wrapper>.info>.body>h2{max-width:initial;text-align:center}.my-channel>.channel-container>.wrapper>.info>.body>p{text-align:center}.my-channel>.channel-container>.wrapper>.buttons{flex-direction:row;width:80%;margin-left:auto;margin-right:auto;gap:1rem;margin-top:1.5rem}}.channel-video-card{overflow:hidden;position:relative}.channel-video-card>.edit-btns{position:absolute;top:1rem;right:1rem;display:inline-flex;gap:.5rem}.channel-video-card>.edit-btns>.edit-btn{display:inline-flex;gap:.5rem;justify-content:center;background:transparent;border:none;background-color:#0000004d;font-size:1.6rem;color:#fff;font-weight:500;padding:.5rem;border-radius:5px;cursor:pointer;transition:all .3s}.channel-video-card>.edit-btns>.edit-btn>svg{stroke-width:3px}.channel-video-card>.edit-btns>.edit-btn:hover{background-color:#00000080}.channel-video-card>.top{overflow:hidden;border-radius:10px}.channel-video-card>.top>video{width:100%;object-fit:cover;border-radius:10px;transition:all .8s}.channel-video-card>.bottom>.title{color:#333;font-size:1.6rem;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:.5rem 0}.channel-video-card>.bottom>.body{font-size:1.4rem;color:#9b9b9b}.channel-video-card>.bottom>.body>a{display:inline-block;color:inherit;margin-bottom:.3rem}@media screen and (max-width: 1440px){.channel-video-card>.bottom>.title{font-size:1.4rem;font-weight:500}.channel-video-card>.bottom>.body{font-size:1.2rem}}.channel-videos{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}@media screen and (max-width: 1250px){.channel-videos{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 768px){.channel-videos{grid-template-columns:repeat(2,1fr);padding-bottom:7rem}}@media screen and (max-width: 600px){.channel-videos{grid-template-columns:repeat(1,1fr)}}.update-video{height:calc(100vh - 9rem)}.update-video>.form-container{max-width:44rem;min-height:initial}.update-video>.form-container>video{width:100%;margin-bottom:1.5rem}.update-video .tags{margin-top:.5rem;display:flex;gap:.5rem;flex-wrap:wrap}.update-video .tags>button{display:inline-flex;align-items:center;background:hsl(0,0%,90%);padding:.5rem 1rem;border:none;border-radius:20px;font-weight:500;cursor:pointer;transition:all .3s}.update-video .tags>button:hover{background:hsl(0,0%,80%)}@media screen and (max-width: 600px){.update-video>.form-container{max-width:initial}}.channel .channel-container{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid rgba(204,204,204,.481)}.channel .channel-container .wrapper{display:flex;align-items:center;justify-content:space-between;max-width:130rem;margin:0 auto}.channel .channel-container .wrapper .info{display:flex;align-items:center;gap:2rem}.channel .channel-container .wrapper .info .image{width:150px;height:150px;border-radius:50%;overflow:hidden}.channel .channel-container .wrapper .info .image>img{width:100%;aspect-ratio:1/1;object-fit:cover}.channel .channel-container .wrapper .info .body h2{margin-bottom:1rem;max-width:20rem}.channel .channel-container .wrapper .info .body p>span{font-weight:500}.channel .channel-container .wrapper .info .body p{margin-bottom:.3rem}.channel .channel-container .wrapper>.buttons{display:flex;flex-direction:column;align-items:end;gap:.5rem}.channel .video-list{max-width:130rem;margin:0 auto}@media screen and (max-width: 768px){.channel{padding:1rem}.channel>.channel-container>.wrapper>.info>.image{width:100px;height:100px}.channel>.channel-container>.wrapper>.info>.body>h2{font-size:2rem}}@media screen and (max-width: 600px){.channel{padding:1rem}.channel>.channel-container>.wrapper{display:flex;flex-direction:column}.channel>.channel-container>.wrapper>.info{display:flex;flex-direction:column}.channel>.channel-container>.wrapper>.info>.image{width:150px;height:150px}.channel>.channel-container>.wrapper>.info>.body>h2{max-width:initial;text-align:center}.channel>.channel-container>.wrapper>.info>.body>p{text-align:center}.channel>.channel-container>.wrapper>.buttons{flex-direction:row;gap:1rem;margin-top:1.5rem}}.liked-videos,.saved-videos{padding:1rem;width:100%}.not-found{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:80vh}.not-found>h2{color:red;margin-bottom:1rem;font-size:2.8rem}.not-found>p{margin-bottom:.5rem;font-size:2rem}.not-found>a:visited,.not-found a:link{color:#00f}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}html{font-size:62.5%}body{font-size:1.6rem}a{text-decoration:none}