@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap);.app_container,.header{display:-webkit-flex;display:flex}.header{-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:-webkit-sticky;position:sticky;top:0;z-index:99}.header_menu{display:none}.header_logo{width:100px;height:80px;object-fit:contain;display:block}.header form{-webkit-flex:0.6 1;flex:0.6 1;display:-webkit-flex;display:flex;padding:0 1rem;margin:0 1rem;border-radius:3px;border:1.2px solid;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.1 1;flex:0.1 1;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.header_icons img{border-radius:50%;width:40px;height:40px;object-fit:contain;margin-left:5px}@media (max-width:1200px){.header{padding:1rem}.header form{-webkit-flex:1 1;flex:1 1}.header_menu{display:block}.header_icons>:not(img),.header_logo{display:none}}.sidebar{background:#121417;-webkit-flex-direction:column;flex-direction:column;position:-webkit-sticky;position:sticky;top:10vh;left:0;width:250px;height:90vh;padding-top:2rem;transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in}.sidebar,.sidebar li{display:-webkit-flex;display:flex}.sidebar li{-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:1200px){.sidebar{width:90px;-webkit-transform:translateX(-100%);transform:translateX(-100%);position:fixed;z-index:999}.sidebar li{-webkit-justify-content:center;justify-content:center}.sidebar li span{display:none}}.categories{padding:.5rem 0;font-size:.8rem;display:-webkit-flex;display:flex;overflow-x:scroll;scrollbar-width:none}.categories::-webkit-scrollbar{width:0}.categories span{margin-right:1rem;padding:.5rem;white-space:nowrap;border:1.5px solid #b1bdb4;border-radius:999px}.categories span:hover{background:color #374a59}.categories span.active{color:#fff;background-color:#606060;border-color:#4c4c4c}.video{margin-bottom:1rem;padding:.7rem;font-weight:500;font-size:.9rem;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: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_details{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.video_details span{margin-right:.5rem}.video_channel{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin:.5rem 0}.video_channel img{width:36px;height:36px;border-radius:50%;margin-right:.5rem;cursor:pointer}.video_channel p{margin-bottom:0}.login{height:100vh;display:grid;place-items:center}.login_container{background-color:#121417;padding:2rem;margin:.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 button{padding:.5rem;border:none;border-radius:5px;margin-bottom:1rem}.login_container button:focus{outline:none}.login_container button:hover{color:#fff;background-color:#4c4c4c}.login img{width:500px;height:500px;object-fit:contain}.watchScreen_player{height:60vh;background-color:#353946;width:100%;margin-bottom:2rem}.videoMetaData_top span{cursor:pointer}.videoMetaData_channel{border-top:.2px solid #4c4c4c;border-bottom:.2px solid #4c4c4c}.videoMetaData_channel img{width:50px;height:50px;border-radius:50%}.videoMetaData_channel .channel-details{margin-left:10px}.videoMetaData_channel button{color:#fff;border-radius:none;text-transform:uppercase;letter-spacing:.5px}.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}.comments_form img{width:50px;height:50px;object-fit:contain}.comments_form input{background:transparent;border:none;border-bottom:2px solid #4c4c4c;color:#fff}.comments_form input:focus{outline:none}.comments_form button{background-color:#4c4c4c;color:#fff;letter-spacing:.5px}.comments_form button:focus{border:none;outline:none}.comment{font-size:.9rem;border-bottom:2px solid #353946}.comment img{width:50px;height:50px}.comment_header{color:#fff}.videoHorizontal{border-bottom:.3px solid #4c4c4c;cursor:pointer}.videoHorizontal_left{position:relative;text-align:center}.videoHorizontal_thumbnail,.videoHorizontal_thumbnail-wrapper{width:100%}.videoHorizontal_duration{position:absolute;bottom:.3rem;right:.8rem;padding:.2rem;background:rgba(8,8,8,.9254901960784314);border-radius:3px}.videoHorizontal_details{font-size:.9rem}.videoHorizontal_title{font-size:1rem;color:#fff;letter-spacing:.1px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.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 (mx-width:540px){.videoHorizontal{font-size:12px}.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 .9rem}.videoHorizontal_title{font-size:1rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}*{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.3e1460d9.chunk.css.map */