a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:"Product Sans";font-weight:500;src:local("Product Sans"),url("/static/media/Product Sans Regular.d1653840.ttf") format("truetype")}body{font-family:"Product Sans"}.header{padding:10px 20px;border-bottom:1px solid #e4e4e4}.header,.header-left{display:flex;align-items:center}.header-left{width:300px}.header-left i{width:30px}.header-left .logo{width:100px}.header-center{flex-grow:1}.header-center .search{position:relative;width:40%}.header-center .search-btn{border:none;outline:none;background:none;position:absolute;top:50%;transform:translateY(-50%);right:20px}.header-center .search-btn:hover{color:#dc143c;cursor:pointer}.header-center .search-box{padding:10px;background:#e4e4e4;border:none;border-radius:5px;width:95%}.header-right{margin-left:auto;justify-content:space-between;width:300px;display:flex;align-items:center}.header-right .user-info>*{margin-left:20px}.header-right .user-info{display:flex;align-items:center}.header-right .avatar{width:24px;height:24px;border-radius:50%}.header-right .upload-btn{padding:10px 20px;border:none;border-radius:5px;background:#dc143c;color:#fff}.video{padding:5px 20px 5px 0}.video .thumbnail{position:relative}.video .thumbnail img{max-width:100%;height:auto;border-radius:2px}.video .thumbnail .length{position:absolute;background:#000;color:#fff;font-size:12px;padding:5px;bottom:10px;right:10px}.video .title{font-weight:700;margin:10px 0}.video .channel{font-size:14px;color:#adadad;margin-bottom:5px}.video .channel a{text-decoration:none}.video .video-info{display:flex;align-items:center;font-size:14px;color:#adadad}.video .video-info .point-divider{width:3px;height:3px;background:#000;margin:0 5px;border-radius:50%}.videos-row-container{margin-bottom:20px}.videos-row-container .row .videos-label-container{padding:10px 20px 10px 0}.videos-row-container .row .videos-row-item{display:flex}.videos-row-container .row .videos-row-label{font-weight:700;padding:10px 0}.videos-row-container .row .videos-row-label-channel{display:flex;justify-content:space-between}.videos-row-container .row .videos-row-label-channel .left{display:flex;align-items:center}.videos-row-container .row .videos-row-label-channel .left>*{margin-right:10px}.videos-row-container .row .videos-row-label-channel .left .small-text{font-size:12px;color:grey}.videos-row-container .row .videos-row-label-channel .left .avatar{width:24px;height:24px;border-radius:50%}.videos-row-container .row .videos-row-label-channel .right .subscribe-btn{padding:10px 15px;background:#dc143c;color:#fff;border:none;text-transform:uppercase;border-radius:5px}.home-content{flex-grow:1}.videodiv{cursor:pointer;display:grid;justify-content:center;place-items:center}.sidebar{width:300px;flex-shrink:0;padding-top:10px}.sidebar .menu-group{margin-bottom:30px}.sidebar .menu-group-label{text-transform:uppercase;font-weight:700;margin:10px 0}.sidebar .menu-group .menu-item{padding:10px 0}.sidebar .menu-group .menu-item i{width:30px}.content{padding:10px 20px;display:flex}
/*# sourceMappingURL=main.bb51cad1.chunk.css.map */