@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap);:root{--youtube-main:red;--soft-gray:#f9f9f9;--soft-gray-hvr:#f0f0f0;--light-gray:#ccc;--gray:grey;--dark-gray:#606060;--sideOptionActive:#e6e6e6;--sideOptionActiveHover:#d9d9d9;--sideOptionHover:#f2f2f2;--chipsBg:#f2f2f2;--chipsBgHover:#e6e6e6;--black-transparent:rgba(0,0,0,0.8)}*{margin:0;padding:0;box-sizing:border-box;font-family:"Roboto","Arial","sans-serif"}a:active,a:focus,a:hover,a:link,a:visited{text-decoration:none;color:inherit}.MuiSvgIcon-root{color:#606060!important;color:var(--dark-gray)!important}.MuiTooltip-tooltip{border-radius:2px!important;font-size:12px!important;padding:10px!important;background-color:rgba(96,96,96,.9)!important}.hidden{visibility:hidden;pointer-events:none}.app{overflow-x:hidden}.app__body{display:flex;flex-direction:row}.sidebar__container{min-width:240px}@media (max-width:1330px){.sidebar__container{min-width:70px}}.mainContent__container{background-color:var(--soft-gray);width:100%;margin-top:59px}.header{position:fixed;display:flex;justify-content:space-between;border-bottom:1px solid var(--sideOptionActive);padding:5px 10px;width:100%;z-index:19999!important;background-color:#fff;opacity:.98}.header__left,.header__middle,.header__right{display:flex;align-items:center}.header__left{flex:0.2 1;min-width:200px}.header__middle{flex:0.35 1;justify-content:center}.header__right{flex:0.2 1;justify-content:flex-end;margin-left:30px}.header__middle>input{width:100%;min-width:200px;height:32px;border:1px solid var(--light-gray);padding:10px;color:var(--gray);font-size:16px;font-weight:400;border-top-left-radius:3px;border-bottom-left-radius:3px}.header__middle>input:focus{outline:none;border:1px solid #065fd4}.headerLogo{margin-left:10px}.header__searchBtn{background-color:var(--soft-gray);height:32px!important;font-size:21px!important;border:1px solid var(--light-gray);border-left:none;color:var(--gray);display:flex;align-items:center;width:65px;justify-content:center;outline:none;cursor:pointer;border-top-right-radius:3px;border-bottom-right-radius:3px}.header__searchBtn:hover{background-color:var(--soft-gray-hvr)}.header__searchBtn>.MuiSvgIcon-root{color:var(--gray)!important}.header__searchBtn:hover>.MuiSvgIcon-root{color:var(--dark-gray)!important}.header__searchBtn>.MuiSvgIcon-root{font-size:21px!important}.headerAvatar{font-size:35px!important;margin:0 10px}.tooltip{background-color:red!important}.sidebar{position:fixed;display:flex;margin-top:59px;flex-direction:column;height:calc(100% - 3.5em);width:100%;max-width:240px;overflow-y:scroll;overflow-y:overlay;z-index:999}.sidebar__section{padding:10px 0;border-bottom:1px solid var(--sideOptionActive)}.sidebarTitle{padding:8px 22px;text-transform:uppercase;font-size:14px;color:var(--gray)}.sidebar__footer{padding:18px 22px;word-wrap:break-word}.sidebarFooter__link{display:inline-block;font-size:13px;font-weight:500;color:var(--dark-gray);padding-right:4px;cursor:pointer}.sidebarCopyright{display:block;margin-top:10px;color:var(--gray);font-weight:400;font-size:13px}.sidebar::-webkit-scrollbar{width:8px;height:100%;display:none}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--light-gray)}.sidebar:hover::-webkit-scrollbar{display:block}@media (max-width:1330px){.sidebar{max-width:70px}.sidebar__section{padding:0}.sidebar-hide{display:none}.sidebar:hover::-webkit-scrollbar{display:none}}.sidebarOption{display:flex;align-items:center;padding:8px 22px;cursor:pointer}.sidebarOption:hover{background-color:var(--sideOptionHover)}.sidebarOption>.MuiSvgIcon-root{font-size:23px}.sidebarOption>span{font-size:14px;margin-left:25px}.sidebarOption>img{width:25px;border-radius:50%}.sidebarOption--active{font-weight:500;background-color:var(--sideOptionActive)}.sidebarOption--active>.MuiSvgIcon-root{color:var(--youtube-main)!important}.sidebarOption--active:hover{background-color:#d9d9d9}@media (max-width:1330px){.sidebarOption{flex-direction:column;justify-content:center;align-items:center;padding:0;height:65px}.sidebarOption>.MuiSvgIcon-root{margin-bottom:5px}.sidebarOption>span{font-size:10px;margin:0}}.home{max-width:2200px;margin:0 auto;height:100%}.home__videoItemContainer{display:grid;justify-content:center;padding:74px 26px 0;grid-template-columns:repeat(auto-fill,350px);grid-gap:16px}.chipsbar{align-items:center;position:fixed;padding-left:24px;width:100vw;height:100vh;max-width:100%;height:57px;background-color:#fff;border-bottom:1px solid var(--sideOptionActive);opacity:.98;z-index:2}.slick-cloned,.slick-slide{width:-webkit-min-content!important;width:-moz-min-content!important;width:min-content!important}.slide{display:flex!important;align-items:center!important;height:100%!important}.slick-arrow{background-color:red!important}.chips{padding:7px 12px;border-radius:50px;border:1px solid var(--light-gray);background-color:var(--sideOptionHover);margin-right:10px;white-space:nowrap;font-size:14px;font-weight:400;cursor:pointer;transition:.2s ease;outline:none}.chips:hover{background-color:var(--chipsBgHover)}.chips-active{background-color:var(--dark-gray);color:#fff}.chips-active:hover{background-color:var(--gray)}.videoItem{margin-bottom:20px;cursor:pointer}.videoItem__thumbnail{position:relative}.videoItem__thumbnail>img{object-fit:cover;width:100%;height:200px}.videoItem__bottom{display:flex;justify-content:space-between;margin-top:10px}.videoItem__bottom__left{flex:0.17 1}.videoItem__bottom__middle{flex:1 1}.videoItem__title{font-weight:500;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:5px}.videoItem__age,.videoItem__channel,.videoItem__views{font-size:14px;color:var(--dark-gray)}.avatar{border-radius:50%;width:36px}.videoItem__bottom__right>.MuiSvgIcon-root{color:var(--gray)!important}.videoItem__bottom__right>.MuiSvgIcon-root:hover{color:var(--dark-gray)!important}.btnOverlay__holder{position:absolute;right:5px;top:5px}.btnOverlay>.MuiSvgIcon-root{color:#fff!important;font-size:29px;background-color:var(--black-transparent);padding:5px;border-radius:2px}
/*# sourceMappingURL=main.3a0ccc91.chunk.css.map */