*,body{margin:0}body{font-family:"Roboto","Arial",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.app{position:relative;top:0;left:0}.app-page{display:flex}h1,h2,h3,h4,h5{color:#030303}.header{display:flex;align-items:center;justify-content:space-between;padding:10px;background-color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10;height:2.5rem}.header-left>button{border:none;background-color:#fff}.header-left{display:flex;align-items:center}.header-logo{height:25px;object-fit:contain;margin-left:10px}.header-input .search-box{display:flex;align-items:center;width:450px;border:1px solid #d3d3d3;flex-grow:1}.header-input .search-box>input{width:100%;border:none;padding:9px 2px;outline:none}.header-input .search-list{position:absolute;top:47px;left:498px;width:28%;background-color:#fff;border-top:1px solid #ccc;box-shadow:2px 3px 4px rgba(0,0,0,.3)}ul{-webkit-padding-start:0!important;padding-inline-start:0!important}.search-list li{list-style-type:none;padding:10px 10px 4px}.search-list li:hover{cursor:pointer;background-color:#ededed}.header-input-button{width:50px!important;background-color:#fafafa;border-left:1px solid #d3d3d3;color:#000}.header-icons{display:flex;align-items:center;cursor:pointer}.header-icon{margin-right:10px}a:-webkit-any-link{text-decoration:none!important;cursor:pointer;color:#000}.sidebar{flex:0.17 1;position:-webkit-sticky;position:sticky}.sidebar>button{border:none;background-color:#fff}.sidebarRow{display:flex;align-items:center;padding:10px 27px;color:#000;text-decoration:none}.sidebarRow-title{flex:1 1;margin-left:20px;font-size:15px;font-weight:400}.sidebarRow:hover{cursor:pointer}.sidebar>hr,.sidebarRow.selected,.sidebarRow:hover{background-color:#d3d3d3}.sidebar>hr{height:1px;border:0;margin-top:10px;margin-bottom:10px}.sidebar-min{flex:0.1 1}.sidebarMinRow{text-align:center;padding:15px 10px;font-size:10px;font-weight:400}.sidebarMinRow:hover{background-color:#d3d3d3;cursor:pointer}.recommendedVideos{flex:0.83 1;background-color:#f9f9f9;padding:40px 20px 0}.recommended-Videos{flex:1 1;background-color:#f9f9f9;padding:40px 40px 0}.videoCard{width:278px}.video-Card,.videoCard{margin-bottom:40px;cursor:pointer}.video-Card{width:315px}.videoCard-thumbnail{height:160px;width:265px}.video-Card-thumbnail{height:185px;width:290px}.recommended-videos{display:flex;flex-wrap:wrap}.video-info{display:flex;margin-top:10px;padding-right:30px}.video-text{margin-left:15px;color:#000}.video-text>h4{font-size:14px;margin-bottom:5px}.video-text>p{font-size:14px;color:#606060}.video-avatar{height:35px!important;width:35px!important}.searchPage{flex:0.83 1;background-color:#f9f9f9;padding:20px 40px 0}.search-Page{flex:1 1;background-color:#f9f9f9;padding:20px 120px 0 100px}.searchPage-filter{display:flex;align-items:center;color:#606060;font-size:x-small!important}.searchPage-filter>h2{margin-left:10px}.search-Page>hr,.searchPage>hr{height:1px;border:0;background-color:#d3d3d3;margin-top:10px;margin-bottom:10px}.channelRow{display:flex;align-items:center;width:90%}.channelRow-text{display:flex;flex-direction:column;margin-right:12rem}.channelRow-text>p{color:#606060;font-size:small!important}.channelRow-text>h3{display:flex;align-items:center;font-size:18px;padding-bottom:8px}.channelRow-logo{height:140px!important;width:140px!important;margin:10px 110px}.subscribeButton{background-color:#c00!important;color:#fff!important}.videoRow{display:flex;margin-bottom:15px;max-width:1500px}.videoRow>img{width:340px;height:200px}.videoRow-text{margin-left:14px}.videoRow-headline{font-size:12px;color:#606060;padding-top:4px}.videoRow-text>div{display:flex;padding:20px 0}.videoRow-text>div>h5{display:flex;align-items:center;padding-left:5px}.channelImage{height:25px!important;width:25px!important}.video-page{display:flex;background-color:#f9f9f9;padding:1.3rem}.video-section{flex:0.65 1;padding-right:1rem}.video-section .video-image{height:530px;width:950px}.video-section .title{padding-top:15px;padding-bottom:12px}.tags{display:flex}.video-section .title .tags>p{padding-right:6px;font-size:13px}.video-section .title p{color:#606060;font-size:15px;font-weight:400;padding-top:10px}.title-section{justify-content:space-between}.title-section,.video-icons{display:flex;align-items:center}.video-icons{padding-right:1rem;color:#030303}.video-icon{padding-right:.4rem;padding-left:1rem}.video-icons>h5{font-weight:600}.channel-title{padding:15px 0;display:flex;justify-content:space-between}.channel-title .video-Avatar{height:44px!important;width:44px!important}.channel-section{display:flex;align-items:center}.channel-section .name{padding-left:1rem}.channel-section .name>p{color:#606060;font-size:13px;font-weight:400}.description{padding:.2rem 10rem 1.5rem 3.5rem}.sort-comments{display:flex;align-items:center;padding-top:1rem;padding-bottom:9px}.sort-icon{padding-right:4px;padding-left:2rem}.comment-area{display:flex;align-items:center;justify-content:space-between}.textfield{width:100ch}.comment-section{padding-top:1rem}.commentCard{display:flex;padding:1rem 2rem 1rem 0}.comment-section .commentCard .text{padding-left:1rem}.commentCard .text>p{padding-top:5px;font-size:14px;font-weight:500}.suggestion-section{flex:0.35 1}.suggestion-videos{display:flex;padding-bottom:8px}.suggestion-videos .Svideo-image{height:94px;width:168px;padding-right:6px}.suggestion-videos>div>h5{font-size:13px;padding-bottom:9px}.suggestion-videos>div>p{color:#606060;font-size:12px;font-weight:500;padding-bottom:2px}.playlist-page{display:flex;background-color:#f9f9f9;padding:1.5rem}.playlist{flex:0.3 1}.playlist>img{width:312px;height:175px}.playlist-name{margin:1rem}.playlist-description,.playlist-name{display:flex;justify-content:space-between}.playlist-videos{flex:0.7 1;background-color:#e0e0e0;overflow:scroll}.playlist-video-row{display:flex;padding-bottom:12px}.playlist-video-row>img{height:4.5rem;width:7rem}
/*# sourceMappingURL=main.204d4ab8.chunk.css.map */