@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap);.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 3rem;background-color:#16181b;height:10vh;width:100%;position:fixed;top:0;z-index:9999}.header_menu{display:none}.header_logo{width:30px;height:30px;object-fit:contain;display:block}.header form{flex:0.6 1;display:flex;padding:.1rem;margin:.1rem;border-radius:3px;border:1.2px solid;background-color:#121417}.header form input{width:100%;border:none;font-weight:500;background:transparent;color:#b1bdb4;padding:.3rem}.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{flex:0.15 1;display:flex;justify-content:space-around;align-items:center}.header_icons img{width:40px;border-radius:50%;object-fit:contain;margin-left:5px}@media (max-width:520px){.header{padding:1rem}.header form{flex:1 1}.header_menu{display:block}.header_icons>:not(img),.header_logo{display:none}}.logout{cursor:pointer}.sidebar{background:#121417;display:flex;flex-direction:column;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;position:sticky;top:10vh;left:0}.sidebar a,.sidebar a:hover{color:#b1bdb4;text-decoration:none}.sidebar li{display:flex;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:1224px){.sidebar{width:90px}.sidebar li{justify-content:center}.sidebar li span{display:none}}@media (max-width:520px){.sidebar{-webkit-transform:translateX(-100%);transform:translateX(-100%);position:fixed;z-index:999}}.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-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:flex;align-items:center}.video_channel{margin:.5rem 0}.video_channel img{width:36px;height:36px;border-radius:50%;margin-right:.5rem;cursor:pointer}.video_channel p{margin-bottom:0}.btn-gray{background-color:grey}.channelHeader{border-bottom:1px solid #4c4c4c}.channelHeader__left img{width:80px;height:80px;border-radius:50%}.channelHeader button{text-transform:uppercase;color:#fff;font-size:1rem;padding:.4rem;border:none}@media (max-width:1224px){.channelHeader{padding:1.1girem 0}.channelHeader img{width:50px;height:50px}.channelHeader h3{font-size:1rem;margin:0}}.categoryBar{padding:.5rem 0;font-size:.8rem;display:flex;overflow-x:scroll;scrollbar-width:none}.categoryBar::-webkit-scrollbar{width:0}.categoryBar span{margin-right:1rem;padding:.5rem;white-space:nowrap;border:1.5px solid #b1bdb4;border-radius:1000px;cursor:pointer}.categoryBar span:hover{background-color:#374a59}.categoryBar span.active{color:#fff;background-color:#606060;border-color:#4c4c4c}.login{height:100vh;display:grid;background-image:url(https://images8.alphacoders.com/593/thumb-1920-593234.jpg);background-size:cover;place-items:center}.login_container{background-color:#5c4747;padding:2rem;margin:.1rem;border-radius:5px;display:flex;flex-direction:column;align-items:center}.login img{width:130px;height:130px;object-fit:contain}.login-with-google-btn{transition:background-color .3s,box-shadow .3s;padding:12px 16px 10px 42px;border:none;border-radius:3px;box-shadow:0 -1px 0 rgba(0,0,0,.04),0 1px 1px rgba(0,0,0,.25);color:#757575;font-size:14px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwMDIuNi02LjZ6IiBmaWxsPSIjNDI4NUY0IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAxOGMyLjQgMCA0LjUtLjggNi0yLjJsLTMtMi4yYTUuNCA1LjQgMCAwMS04LTIuOUgxVjEzYTkgOSAwIDAwOCA1eiIgZmlsbD0iIzM0QTg1MyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTQgMTAuN2E1LjQgNS40IDAgMDEwLTMuNFY1SDFhOSA5IDAgMDAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMDAxIDVsMyAyLjRhNS40IDUuNCAwIDAxNS0zLjd6IiBmaWxsPSIjRUE0MzM1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNMCAwaDE4djE4SDB6Ii8+PC9nPjwvc3ZnPg==);background-color:#fff;background-repeat:no-repeat;background-position:12px 11px}.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{width:50%;border-radius:50%}.videoHorizontal__thumbnail-wrapper{width:100%}.videoHorizontal__duration{position:absolute;bottom:.1rem;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__top span{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.btn-gray{background-color:grey}.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}@media (max-width:520px){.videoMetaData h5{font-size:1.1rem}}.comment{font-size:.9rem;border-bottom:2px solid #353946}.comment img{width:50px;height:50px}.comment__header{color:#fff}.comment__body{overflow:hidden}.comments__form img{width:50px;height:50px;object-fit:contain}.comments__form input{background:transparent;border:none;border-bottom:2px solid #353946;color:#fff}.comments__form input:focus{outline:none}.comments__form button{background-color:#353946;color:#fff;letter-spacing:.5px}.comments__form button:focus{border:none;outline:none}*{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}.watchScreen__player{height:60vh;background-color:#353946;width:100%;margin-bottom:2rem}@media (max-width:520px){.watchScreen__player{height:35vh}}.app_container{display:flex;margin-top:10vh}
/*# sourceMappingURL=main.40e881c4.chunk.css.map */