*{margin:0;padding:0;box-sizing:border-box;font-family:"Roboto",sans-serif}.header{flex:0.2 1;display:flex;align-items:center;justify-content:space-between;padding:7px 22px;position:-webkit-sticky;position:sticky;top:0;z-index:100;background-color:#fff}.header__logo{height:20px}.header div{display:flex;align-items:center}.header__icon{margin-right:min(2vw,25px);color:grey}.header__icon:hover{color:#000;cursor:pointer}.avatar{height:25px;width:25px;margin:0}.header__input{width:40%;margin:0 30px;border:1px solid #d3d3d3;border-radius:1px}input[type=text]{border:none;height:25px;padding:0 7px;flex:1 1}button{border:0}.searchIcon{background-color:#fafafa;border-left:1px solid #d3d3d3;width:50px!important;color:grey;cursor:pointer;margin:0}.Header__search__icon_link{display:flex;align-items:center}.home__page{display:flex;padding:7px 22px 7px 0}.recommended{margin-left:20vw;margin-top:-90vh;flex:1 1;background:#fafafa}.recommended>h1{margin-top:4px;margin-bottom:20px;font-size:max(20px,min(32px,4vw));color:#222121}.recommended__videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));grid-column-gap:20px}.loading{width:80%;display:flex;margin-top:auto;margin-bottom:auto;justify-content:center}.videoCard{margin-bottom:40px}.videoCard__img__container{position:relative;overflow:hidden;width:100%;padding-top:75%}.videoCard__img__container>img{position:absolute;border:0;top:0;left:0;bottom:0;right:0;width:100%;height:100%}.videoCard__info{display:flex;margin-top:10px;padding-right:30px}.videoCard__text{margin-left:15px;position:relative}.videoCard__text h4{font-size:max(14px,min(1rem,1.5vw));margin-bottom:5px;color:#272727}.videoCard__text p{font-size:max(14px,min(1rem,1.5vw));color:grey}.avatar{height:30px!important;width:30px!important}.sidebar{flex:0.2 1;height:90vh;width:20vw;padding:0 22px 0 0;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:70px;z-index:1;display:block}.sidebar__inner{flex:1 1}hr{background-color:#d3d3d3;margin-top:10px;margin-bottom:10px}.sidebarRow{display:flex;align-items:center;padding:5px 20px;cursor:pointer}.sidebarRow__icon{margin-right:min(1.7vw,20px);color:grey}.sidebarRow h1{font-size:14px;font-weight:500;color:grey}.sidebarRow:hover{background-color:#ecebeb}.selected{background-color:#d3d3d3}.selected h1,.sidebarRow:hover h1{color:#000;font-weight:700;letter-spacing:0}.selected .sidebarRow__icon,.sidebarRow:hover .sidebarRow__icon{color:red}.search{background:#fafafa;margin-left:20vw;margin-top:-90vh;flex:1 1}.search__top{padding-top:10px;display:flex;align-items:center;color:grey}.search__icon{margin-right:15px}.search__top h4{font-weight:600}.hr{border:0;height:1px;background-color:#d3d3d3;margin-top:10px;margin-right:20px;margin-bottom:20px}.search__videos{display:grid;grid-auto-rows:minmax(18vw,180px);grid-row-gap:20px}.searchVideoCard{margin-bottom:40px;width:100%;height:100%;display:flex}.searchVideoCard img{height:100%}.searchVideoCard__info{margin-left:10px;margin-top:5px;margin-right:20px;display:flex;flex-direction:column;justify-content:flex-start}.searchVideoCard__text{color:#302d2d;font-family:"Poppins",sans-serif;letter-spacing:.3px}p{font-size:14px;color:grey}.searchVideoCard__avatar{display:flex;align-items:center;margin-top:20px}.avatar{margin-right:10px}.watch{margin-left:0;margin-top:20px;flex:1 1;background:#fafafa;display:flex;padding:5px 40px 0 50px;z-index:10}.left{flex:0.7 1;width:70vh;display:flex;flex-direction:column}.watch_box{width:100%}.watch__frame{position:relative;overflow:hidden;width:100%;padding-top:56.25%}.watch__frame__iframe{position:absolute;border:0;top:0;left:0;bottom:0;right:0;width:100%;height:100%}.watch__box__detailes{margin-top:20px}.watch__box__detailes h3{font-family:"Roboto",sans-serif;font-weight:600;color:#292626}.watch__box__texts__icons{display:flex;justify-content:space-between;margin-top:15px;margin-right:5px;align-items:center}.watch__box__texts{color:#686868;font-weight:700;flex:0.4 1}.watch__box__texts p{font-size:14px;letter-spacing:.5px;font-weight:700}.watch__box__icons{flex:0.6 1;display:flex;justify-content:space-between;align-items:center}.watch__box__icons__icon{display:flex;align-items:center;justify-content:space-around}.watch__box__icons__icon p{font-size:14px;font-weight:700;letter-spacing:.5px;color:#312f2f;padding-left:5px}.watch__box__icons__icon .icon{color:#686868}.icon:hover{cursor:pointer}.channel{justify-content:space-between;margin-right:5px}.channel,.channel .channel__avatar{display:flex;align-items:center}.channel__avatar__detailes{margin-left:5px}.channel__avatar__detailes h4{font-weight:bolder;letter-spacing:.3px}.channel__avatar__detailes h4:hover{cursor:pointer}.channel__avatar__detailes p{color:#4e4e4e;font-weight:700;font-size:14px}.avatar{width:50px!important;height:50px!important}.avatar:hover{cursor:pointer}.channel .channel__button{height:100%}.channel button{padding:10px 14px;background:#c91f1f;color:#fff;border:0;display:inline-block;text-align:center;border-radius:3px;letter-spacing:1px;font-weight:bolder}.channel__button button:hover{background-color:red;cursor:pointer}.suggestions{flex:0.4 1;margin-left:30px}hr{border:0;height:1px;margin-top:20px;margin-bottom:20px;background:#d3d3d3}.watchVideoCard{display:flex;width:30vw}.watchVideoCard__frame{position:relative;overflow:hidden;flex:0.5 1;padding-top:30%;margin-bottom:20px}.watchVideoCard img{position:absolute;border:0;top:0;left:0;bottom:0;right:0;width:100%;height:100%;border-radius:4px}.watchVideoCard__info{flex:0.5 1;display:flex;color:#2b2b2b;flex-direction:column;margin-left:15px}.watchVideoCard__info h4{font-size:14.5px;color:#302f2f;font-weight:600;font-family:"Merriweather Sans",sans-serif}.watchVideoCard__info p{font-size:12px;margin-top:5px;color:#4e4e4e;font-weight:400;font-family:"poppins",sans-serif}.comment{display:flex;margin-right:5px;margin-bottom:40px}.comment_right{display:flex;flex-direction:column;margin:0 5px 0 15px}.comment__info__title{display:flex;align-items:baseline}.comment__info__title h4{font-size:14px;font-family:"poppins",sans-serif;margin-right:10px;color:#302f2f}.comment__info__title p{font-size:12px;color:#4e4e4e}.comment__info__description{margin-top:10px}.comment__info__description p{font-size:13px;font-family:"poppins",sans-serif;color:#414040}.comment__info__icons{display:flex;margin-top:10px}.comment__info__icons div{display:flex;align-items:center;color:#4e4e4e;margin-right:20px}.comment__info__icons__div__icon{margin-right:10px}.comment__avatar{height:40px!important;width:40px!important}
/*# sourceMappingURL=main.503fa704.chunk.css.map */