@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--text-color:#b1bdb4;--black-primary:#16181b;--black-secondary:#121417;--border-color:#4c4c4c;--breakpoint-medium:1224px;--breakpoint-small:520px}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#16181b;background-color:var(--black-primary);background-attachment:fixed;color:#b1bdb4;color:var(--text-color);font-family:"Roboto",sans-serif;letter-spacing:.1px}.app__container{display:flex;margin-top:10vh}.app__container,.app__main{background-color:var(--black-secondary)!important}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 3rem;background-color:var(--black-primary);height:10vh;width:100%;position:fixed;top:0;z-index:999}.header .header__menu{display:none;color:#ccc}.header .header__logo{width:70px;height:50px;object-fit:contain;display:block}.header form{display:flex;flex:0.4 1;padding:.1rem;margin:.1rem;border:1.2px solid;background-color:var(--black-secondary)}.header form button{padding:0 1.25rem;color:var(--text-color);background:transparent;border:none;border-left:1px solid}.header form input{background-color:transparent;width:100%;border:none;padding:.3rem;color:var(--text-color)}.header .header__icons{flex:0.15 1;display:flex;justify-content:space-around;align-items:center;color:var(--text-color)}.header .header__icons img{border-radius:50%;width:40px;object-fit:contain;margin-left:5px}@media (max-width:520px){.header{padding:1rem}.header form{flex:1 1}.header .header__menu{display:block}}.sidebar{background-color:var(--black-secondary);color:#fff;display:flex;flex-direction:column;width:250px;top:10vh;height:90vh;position:-webkit-sticky;position:sticky;padding-top:10px;left:0}.sidebar li{list-style-type:none;display:flex;align-items:center;padding:3px 10px;margin:4px;cursor:pointer}.span{margin-left:10px;font-size:14px;font-weight:500;letter-spacing:.4px}.sidebar hr,.sidebar li:hover{background-color:var(--border-color)}.open{display:block}@media (max-width:1224px){.sidebar{width:90px}.sidebar li{flex-direction:column;justify-content:center}.sidebar span{align-items:center;margin:2px 1px}}@media (max-width:520px){.sidebar{display:none}}.categoriesBar{padding:.5rem 0;font-size:.8rem;display:flex;overflow-x:scroll}.categoriesBar::-webkit-scrollbar{width:0}.categoriesBar span{margin-right:1rem;padding:.5rem;white-space:nowrap;border:1.5px solid var(--text-color);border-radius:999px}.categoriesBar span:hover{background-color:#374a59}.active{background-color:#606060}.pro{color:#fff}.video{margin-bottom:1rem;padding:.7rem;font-weight:500;font-size:.9rem;cursor:pointer}.video .video__top{margin-bottom:.5rem;position:relative}.video .video__top img{width:100%;height:100%}.video .video__top span{position:absolute;bottom:.3rem;right:.3rem;padding:.2rem;background:rgba(0,0,0,.6);border-radius:3px;color:#fff}.video .video__title{margin-bottom:.1rem;color:#fff;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.video .video__channel,.video .video__details{display:flex;align-items:center;color:#fff}.video .video__channel{margin:.5rem 0}.video .video__channel img{width:36px;border-radius:50%;margin-right:.5rem;cursor:pointer}.video .video__channel p{margin-bottom:0}::-webkit-scrollbar{width:0}.login{background-color:var(--black-primary);height:100vh;display:grid;align-items:center;justify-content:center}.login img{width:130px;height:130px;object-fit:contain}.login .login__container{background-color:var(--black-secondary);padding:2rem;margin:0 1rem;border-radius:10px;display:flex;flex-direction:column;align-items:center}.login .login__container button{padding:.5rem;border:none;border-radius:5px;margin-bottom:1rem}.login .login__container button:focus{outline:none}.comment{color:var(--text-color);border-bottom:2px solid grey}.comment__form img,img{width:50px;height:50px}input{background:transparent;border:none;border-bottom:2px solid grey}button{background:grey}.comment_form,form{display:flex}.videoHorizontal{border-bottom:.3px solid grey;cursor:pointer}.videoHorizontal__left{position:relative;text-align:center}.videoHorizontal__thumbnail_wrapper{width:100%}.video__top__duration{position:absolute;bottom:3px;right:3px;padding:2px;border-radius:3px}.videoHorizontal__details{font-size:.9rem}.videoHorizontal__title{font-size:1rem;color:#fff}.videoMetaData{color:#fff}.videoMetaData__top span{cursor:pointer}.videoMetaData__channel{border-top:.2px solid var(--border-color);border-bottom:.2px solid var(--border-color)}.videoMetaData__channel img{width:50%;height:50%}.videoMetaData__channel button{background-color:red;text-transform:uppercase;border-radius:0;letter-spacing:.5px}.watchScreen_player{height:60vh;background-color:#353946;width:100%;margin-bottom:2rem}
/*# sourceMappingURL=main.47087f6b.chunk.css.map */