@import url(https://fonts.googleapis.com/icon?family=Material+Icons);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{background:#fafafa}::-webkit-scrollbar-thumb{background:#6a6a6a;background-clip:content-box;border:4px solid transparent;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#cacaca;background-clip:content-box;border:4px solid transparent;border-radius:10px}.show{display:none}.sidebar-item-title{font-size:14px;font-weight:550}.sidebar{overflow:auto;font-family:"Roboto",sans-serif}.break{width:100%;border-bottom:1px solid #d3d3d3;margin:12px 0}.sidebar-item-head{margin-left:24px}.sidebar-item-head .sidebar-item-title{font-size:16px}.home-sidebar-open{height:100vh;display:flex;flex-direction:column;width:240px;align-items:flex-start;position:fixed;top:0;left:0;z-index:50;padding-top:65px;overflow:auto;background-color:#fff;color:rgba(0,0,0,.65)}.home-sidebar-open .sidebar-item{width:100%;display:flex;align-items:center;justify-content:flex-start;min-height:40px;padding-left:24px}.home-sidebar-open .sidebar-item:hover{background-color:rgba(0,0,0,.05)}.home-sidebar-open .sidebar-item-icon{margin-right:24px;font-weight:550}.home-sidebar-closed{height:100vh;display:flex;flex-direction:column;width:72px;align-items:flex-start;position:fixed;top:0;left:0;z-index:50;padding-top:56px;overflow:auto;background-color:#fff;color:rgba(0,0,0,.65)}.home-sidebar-closed .show-item{display:none!important}.home-sidebar-closed .sidebar-item{width:100%;display:flex;flex-direction:column;align-items:center;align-self:center;margin-top:16px;margin-bottom:14px}.home-sidebar-closed .sidebar-item-icon{margin-bottom:6px}.home-sidebar-closed .sidebar-item-title{font-size:11px}.home-sidebar-closed .break{display:none!important}.watch-sidebar-open{height:100vh;display:flex;flex-direction:column;width:240px;align-items:flex-start;position:fixed;top:0;left:0;z-index:1000;overflow:auto;background-color:#fff;color:rgba(0,0,0,.65)}.watch-sidebar-open .watch-sidebar-logo{display:flex!important;padding-left:16px;height:57px;width:100%;align-items:center;justify-content:flex-start;margin-bottom:16px;border-bottom:1px solid #d3d3d3}.watch-sidebar-open .watch-sidebar-icon{height:40px;width:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:16px}.watch-sidebar-open .watch-sidebar-nav-logo{height:17px;width:75px}.watch-sidebar-open .sidebar-item{width:100%;display:flex;align-items:center;justify-content:flex-start;height:40px;padding-left:24px}.watch-sidebar-open .sidebar-item:hover,.watch-sidebar-open .watch-sidebar-icon:hover{background-color:rgba(0,0,0,.05)}.watch-sidebar-open .sidebar-item-icon{margin-right:24px;font-weight:550}.watch-sidebar-close{display:none}.top-nav{height:56px;width:100%;justify-content:space-between;padding:0 16px;top:0;position:fixed;background-color:#fff;z-index:999}.logo,.top-nav{display:flex;align-items:center}.logo{justify-content:flex-start}.nav-logo{width:75px}.logo .icon{margin-right:16px}.search{width:50%;justify-content:center}.search,.search form{display:flex;align-items:center}.search form{width:90%;height:32px;border:1px solid #d3d3d3}.search form input{flex:1 1;min-width:0;height:30px;margin-left:10px;font-size:1rem;font-weight:540}.search-icon-container,.search form input{border:none;outline:none;justify-content:center}.search-icon-container{display:flex;align-items:center;width:65px;border-left:1px solid #d3d3d3;height:100%;background-color:rgba(0,0,0,.025)}.search-icon-container:hover{background-color:rgba(0,0,0,.08)}.right{display:flex;align-items:center;justify-content:center;min-width:225px;padding-left:20px}.right .icon{margin-right:8px}.nav-profile{height:32px;width:32px;border-radius:50%;background-color:#d3d3d3;margin:0 6px}.nav-profile img{width:100%;border-radius:50%}.nav-icon{color:rgba(0,0,0,.7)}.icon{height:40px;width:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.icon:hover{background-color:#d3d3d3}.homepage-body{position:absolute;top:0;left:0;padding-left:248px;padding-top:72px;background-color:rgba(0,0,0,.03);min-height:100vh;width:100%}.header{margin:0 auto 16px 8px;font-family:"Roboto",sans-serif;color:rgba(0,0,0,.8)}.container{display:flex;flex-wrap:wrap;justify-content:center;padding:0 16px}.video-card-container{width:calc((100% - 64px)/4);display:flex;flex-direction:column;margin:0 8px 46px;max-width:319.98px}.video-card-container .thumbnail{width:100%;padding-top:56.247%;background-color:rgba(0,0,0,.18);position:relative}.video-card-container .contents{padding-top:10px;display:flex;flex-direction:row}.channel-img{min-width:40px;height:40px;border-radius:50%;background-color:rgba(0,0,0,.1);margin-right:10px}.video-card-container .details{width:100%}.details__title{width:90%}.details__channel-title,.details__title{height:18px;background-color:rgba(0,0,0,.1)}.details__channel-title{margin-top:10px;width:60%}.home-video-link{color:rgba(0,0,0,.85);text-decoration:none}.thumbnail img{width:100%;position:absolute;top:0;left:0}.details--onsuccess{display:flex;flex-direction:column}.details__title--onsuccess{width:90%;font-family:"Roboto",sans-serif;background-color:transparent;max-height:40px;min-height:20px;line-height:20px;font-size:15px;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.details__channel-title--onsuccess{margin-top:8px}.details__channel-title--onsuccess,.details__views--onsuccess{width:90%;font-family:"Roboto",sans-serif;font-size:13.5px;color:rgba(0,0,0,.6);line-height:18px;max-height:37px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.details__views--onsuccess{margin-top:2px}.details__views--onsuccess span{margin:0 4px}.channel-img img{width:40px;border-radius:50%}@media(max-width:1142px){.video-card-container{width:calc((100% - 48px)/3)}}@media(max-width:888px){.video-card-container{width:calc((100% - 32px)/2)}}@media(max-width:688px){.video-card-container{width:398.98px}}.searchpage-body{position:absolute;top:0;left:0;padding-left:248px;padding-top:80px;background-color:rgba(0,0,0,.03);min-height:100vh;width:100%}*{margin:0;padding:0;box-sizing:border-box}.video-card-container--search{display:flex;flex-direction:row;max-width:960px;margin:16px 24px 0 16px}.img-container{max-width:360px;width:360px;min-width:240px;flex:1 1;margin-right:16px}img{width:100%}.details--search{flex:1 1;font-family:"Roboto","Arial",sans-serif;font-weight:300;font-size:13px;line-height:18px;color:#060606;font-weight:0}.details--search__title{font-size:18px;font-weight:400;color:#030303;line-height:24px;max-height:48px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}.details--search__viewcount{display:flex;flex-direction:row}.details--search__viewcount span{margin:0 4px}.details--search__description{line-height:18px;margin-bottom:8px;max-height:36px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}.details--search__channel-details{display:flex;flex-direction:row;align-items:center;padding:12px 0}.channel-thumb{min-width:24px;width:24px;height:24px;background-color:#d3d3d3;border-radius:50%}.channel-thumb img{width:100%;border-radius:50%}.channel-title{padding-left:8px}@media(max-width:620px){.details--search__description{display:none}}.watchpage-body{padding-top:80px;background-color:rgba(0,0,0,.03);display:flex;flex-direction:column;align-items:center}.watchpage-body,.watchpage-body-cover{position:absolute;top:0;left:0;min-height:100vh;width:100%}.watchpage-body-cover{height:100%;z-index:999;background-color:rgba(0,0,0,.3)}.container-width{width:calc(100% - 70px);max-width:1300px}.video-comments-section-container{width:65%}.iframe-container{position:relative;overflow:hidden;width:100%;padding-top:56.25%}.iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}.video-details-title{font-family:"Roboto",sans-serif;font-size:18px;color:#030303;margin-top:16px;margin-bottom:12px}.video-details-stats{font-family:"Roboto",sans-serif;font-size:14px;height:48px;padding-bottom:8px;color:#717171;justify-content:space-between;border-bottom:1px solid #dadada}.video-details-stats,.video-details-stats__info{display:flex;align-items:center}.video-details-stats__info__element{display:flex;align-items:center;height:36px;padding-left:12px}.video-details-stats__info__element--icon{height:36px;width:36px;display:flex;align-items:center;justify-content:center}.video-secondary-details{width:100%;padding-bottom:8px;border-bottom:1px solid #dadada}.video-secondary-details a{text-decoration:none;width:360px;height:22px;max-height:22px;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.video-comments{width:100%}.video-secondary-details__channel{font-family:"Roboto",sans-serif;width:"100%";display:flex;align-items:center;padding-top:16px;color:"#030303"}.video-secondary-details__channel--img-container{width:64px;height:51px}.video-secondary-details__channel--img{width:48px;height:48px;border-radius:50px}.video-secondary-details__channel--details-container{flex:1 1}.video-secondary-details__channel--details-name{font-size:14px;padding-bottom:4px;font-weight:500}.video-secondary-details__channel--details-noofsubs{font-size:12px;color:#717171}.video-secondary-details__channel--buttons-join{border:1px solid #065fd4;background:none;padding:9px 15px;border-radius:3px;font-weight:500;color:#065fd4;margin:0 6px;cursor:pointer}.video-secondary-details__channel--buttons-subscribe{border:1px solid #c00;background:#c00;padding:9px 15px;border-radius:3px;font-weight:500;color:#fff;margin:0 6px;cursor:pointer}.video-secondary-details__description--container{display:flex}.video-secondary-details__description--space{width:64px}.video-secondary-details__description{width:calc(100% - 240px);margin-top:12px}.hide-desc{max-height:80px;min-height:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}.video-secondary-details__description--btn-container{width:100%;padding-left:64px;flex:0 1;margin-top:18px}.video-secondary-details__description--btn{font-family:"Roboto","sans-serif";padding:4px 0;font-size:13px;color:#606060;font-weight:500;background:none;border:none;cursor:pointer}.video-comments--container{font-family:"Roboto",sans-serif;width:100%;padding-top:16px;color:#030303}.video-comments__count-sort{width:100%;display:flex;align-items:center}.video-comments__count-sort__count{margin-right:32px}.video-comments__count-sort__sort{color:#606006;display:flex;align-items:center}.video-comments__count-sort__sort--icon{height:24px;margin-right:6px}.video-comments__add-comments--container{width:100%}.video-comments__add-comments{width:100%;display:flex;align-items:center;margin-top:24px}.video-comments__add-comments--profile{margin-right:16px;background-color:#aaa}.video-comments__add-comments--profile,.video-comments__add-comments--profile-img{width:40px;height:40px;border-radius:40px}.video-comments__add-comments--input--container{width:100%}.video-comments__add-comments--input{font-family:"Roboto",sans-serif;font-weight:500;width:100%;background:none;border:none;border-bottom:1px solid #606060;color:#606060;outline:none;font-size:14px;padding:6px 8px 6px 4px;transition:.1s step-end}.video-comments__add-comments--input:focus{border-bottom:2px solid #606060;transition:.1s step-end}
/*# sourceMappingURL=main.508d4b44.chunk.css.map */