@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap);.sidebar__icon{margin-left:35px;margin-bottom:20px}.sidebar{background:#121417;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:250px;height:90vh;padding-top:6rem;transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in;left:0;position:fixed;top:0}.sidebar a{color:#b1bdb4}.sidebar a:hover{color:#b1bdb4;text-decoration:none}.sidebar li{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:.6rem 1.5rem;margin:.2rem 0;cursor:pointer}.sidebar li span{margin-left:1rem;font-size:14px;font-weight:500;letter-spacing:.4px}.sidebar hr,.sidebar li:hover{background-color:#4c4c4c}.sidebar.open{-webkit-transform:translateX(0);transform:translateX(0)}@media (max-width:800px){.sidebar{width:90px;height:100%}.sidebar li{-webkit-justify-content:center;justify-content:center}.sidebar span{display:none}}@media (max-width:520px){.sidebar{-webkit-transform:translateX(-100%);transform:translateX(-100%);position:fixed;z-index:999}}.header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:1rem 3rem;background-color:#16181b;height:10vh;width:100%;position:fixed;top:0;z-index:999}.header__menu{display:none}.header__logo{width:50px;height:50px;object-fit:contain;display:block}.header__login{display:-webkit-flex;display:flex;cursor:pointer;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.header__login-text{font-size:20px;margin:20px}.header a:hover{text-decoration:none}.header form{-webkit-flex:0.6 1;flex:0.6 1;display:-webkit-flex;display:flex;padding:.1rem;margin:0 1rem;border-radius:3px;border:.3px solid;border-radius:11px;background-color:#121417}.header form input{width:100%;border:none;font-weight:500;background:transparent;padding:.3rem;color:#b1bdb4}.header form input:focus{outline:none}.header form button{padding:0 1.25rem;color:#b1bdb4;background:transparent;border:none}.header form button:focus{border:none}.header__icons{-webkit-flex:0.15 1;flex:0.15 1;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center}.header__icons img{width:40px;object-fit:contain;margin-left:20px}.header__icons-name{font-size:13px}@media (max-width:520px){.header{width:100vw!important;padding:1.5rem}.header form{-webkit-flex:1 1;flex:1 1}.header__menu{display:block}.header__icons>:not(img),.header__logo{display:none}}.categoriesBar{display:-webkit-flex;padding-top:0;margin-top:3.9rem;font-size:.9rem;background-color:#16181b;width:100%;display:flex;overflow-x:scroll;position:fixed;top:0;z-index:800;scrollbar-width:none}.categoriesBar::-webkit-scrollbar{width:0}.categoriesBar span{margin-right:1rem;padding:.5rem;white-space:nowrap;border:1px solid #b1bdb4;border-radius:999px;cursor:pointer}.categoriesBar span:hover{background-color:#374a59}.categoriesBar span.active{color:#fff;background-color:#606060;border-color:#4c4c4c}@media (max-width:520px){.categoriesBar{height:50px;margin-top:3.5rem}}.video{margin-bottom:1rem;padding:.7rem;font-weight:500;font-size:.9rem;margin-left:4px;cursor:pointer}.video__top{margin-bottom:.5rem;position:relative}.video__top .lazy-load-image-background,.video__top img{width:100%}.video__top__duration{position:absolute;bottom:.3rem;right:.3rem;padding:.2rem;background-color:rgba(8,8,8,.9254901960784314);border-radius:3px}.video__title{margin-bottom:.1rem;color:#fff;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.video__channel,.video__details{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.video__channel{margin:.5rem 0}.video__channel img{width:36px;height:36px;border-radius:50%;cursor:pointer}.video__channel p{margin-bottom:0;margin-left:1rem}@media (min-width:520px){.homeScreen{width:80vw!important;margin-left:100px!important}}@media (min-width:800px){.homeScreen{width:80vw!important;margin-left:200px!important}}.app__container{display:-webkit-flex;display:flex;height:10vh}.login{height:100vh;display:grid;place-items:center}.login__container{background-color:#121417;padding:2rem;margin:0 1rem;border-radius:10px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.login__container img{width:250px;height:250px;object-fit:contain}.login__container button{padding:0 .5rem;margin:1rem 0;border:none;border-radius:2px;background-color:rgba(255,190,190,.986)}.login__container button:focus{outline:none}.login__container p{font-style:italic}.comment{font-size:.9rem;border-bottom:2px solid #353956}.comment img{width:50px;height:50px}.comment__header{color:#fff}.comments__form img{height:50px;width:50px;object-fit:contain}.comments__form input{background:transparent;color:#fff;border:none;border-bottom:2px solid #353956}.comments__form input:focus{outline:none}.comments__form button{letter-spacing:.5px;background-color:#353956;color:#fff}.videoHorizontal{border-bottom:.3px solid #4c4c4c;cursor:pointer}.videoHorizontal__left{position:relative;text-align:center;padding-left:0!important}.videoHorizontal__thumbnail{width:100%}.videoHorizontal__thumbnail-channel,.videoHorizontal__thumbnail-channel-channel{width:50%;border-radius:50%}.videoHorizontal__thumbnail-wrapper{width:100%}.videoHorizontal__duration{position:absolute;bottom:.6rem;right:1.2rem;font-size:.9rem;padding:.2rem;background:rgba(8,8,8,.9254901960784314);border-radius:3px}.videoHorizontal__details{font-size:.9rem}.videoHorizontal__title{font-size:.95rem;letter-spacing:.3px}.videoHorizontal__desc,.videoHorizontal__title{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.videoHorizontal__desc{font-size:.9rem}.videoHorizontal__channel img{width:36px;height:36px;border-radius:50%;margin-right:.5rem;cursor:pointer}.videoHorizontal__channel p{font-size:.9rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}@media (max-width:520px){.videoHorizontal{font-size:.8rem}.videoHorizontal__details{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.videoHorizontal__channel{margin:.1rem 0}.videoHorizontal__channel img{display:none}.videoHorizontal__channel p{font-size:.8rem}.videoHorizontal__desc{display:none}.videoHorizontal__title{font-size:.9rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}}.videoMetaData__info{cursor:pointer}.videoMetaData__channel{border-top:.2px solid #4c4c4c;border-bottom:.2px solid #4c4c4c}.videoMetaData__channel img{width:50px;height:50px}.videoMetaData__channel button{background-color:red;color:#fff;border-radius:0;text-transform:uppercase;letter-spacing:.5px}.videoMetaData__channel button:hover{color:#fff}.videoMetaData__channel button:focus{border:none;outline:none}.videoMetaData__description{font-size:.9rem;white-space:pre-line;border-bottom:.2px solid #4c4c4c}.videoMetaData__description .showMoreText{text-decoration:none;display:block;margin:1rem 0;color:#fff;font-weight:500}.watchScreen{margin-top:50px;width:100%!important}.watchScreen__player{width:100%;height:60vh;margin-bottom:2rem;background-color:#353946}@media (min-width:520px){.watchScreen{width:80vw!important;margin-left:100px!important}}@media (min-width:800px){.watchScreen{width:80vw!important;margin-left:250px!important}}@media (min-width:520px){.searchScreen{width:80vw!important;margin-left:100px!important;margin-top:100px!important}}@media (min-width:800px){.searchScreen{width:80vw!important;margin-left:250px!important;margin-top:100px!important}}*{margin:0;padding:0;box-sizing:border-box}body{background:#16181b;background-attachment:fixed;color:#b1bdb4;font-family:"Roboto",sans-serif;letter-spacing:.1px}::-webkit-scrollbar{width:0}
/*# sourceMappingURL=main.f6c697f8.chunk.css.map */