.home{margin-left:17rem;display:grid;grid:auto/auto;justify-content:center}.sidebar-item{background:#f5f5f5}.sidebar-item span i.icon{margin-right:20px;color:#888}.sidebar-item.highlight-item span{font-weight:600}.sidebar-item.highlight-item i.icon{color:#ff0002}.sidebar-item-alignment-container{display:flex;align-items:center}.ui.menu.fixed.side-nav{background-color:#f5f5f5;margin-top:64px;overflow-y:auto;padding-bottom:64px}.ui.menu.fixed.side-nav .sidebar-item:hover{background:#ebebeb}.ui.menu.fixed.side-nav .subscription:hover{background:#ebebeb;cursor:pointer}.side-nav.ui.vertical.menu{width:17rem}.side-bar-header{color:#6d6d6d}.subscription{width:100%;display:flex;justify-content:space-between;align-items:center}.subscription i.icon{color:#ff0002}.subscription .new-videos-count{color:#888}.footer-block{padding-bottom:10px;padding-left:16px;color:#918888}.video-grid{display:flex;flex-wrap:wrap}.video-grid>*{margin-left:4px;margin-bottom:24px}.video-grid-header{padding-bottom:24px;padding-top:14px}.video-grid-header .title{font-size:1.2rem;font-weight:700}.video-preview{display:grid;grid:118px auto/210px}.video-preview.horizontal{grid:auto/210px auto;grid-column-gap:4px}.video-preview.horizontal.expanded{grid:auto/246px auto}.video-preview.horizontal .video-info{grid-row:1/2;grid-column:2/3}.video-info{grid-row:2/3;grid-column:1/2;color:#111}.video-info .video-preview-metadata-container{padding-top:5px;font-size:13px;color:#6e6e6e}.video-info .video-preview-metadata-container .channel-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-info .show-max-two-lines{overflow:hidden;line-height:1.4em;max-height:2.8em}.video-info .view-and-time{margin-bottom:10px}.video-info .semi-bold{font-weight:600}.video-info .semi-bold.expanded{font-weight:400;font-size:1.3rem}.image-container{position:relative;grid-row:1/2;grid-column:1/2}.image-container .time-label{position:absolute;background:#111;bottom:0;right:0;opacity:.8;border-radius:2px;font-weight:500;color:#fff;margin:4px;padding:2px 4px;line-height:12px}.home-content{margin-left:17rem;display:grid;grid:auto/auto;justify-content:center}@media (min-width:476px){.responsive-video-grid-container{max-width:240px}}@media (min-width:700px){.responsive-video-grid-container{max-width:472px}}@media (min-width:900px){.responsive-video-grid-container{max-width:667px}}@media (min-width:1096px){.responsive-video-grid-container{max-width:864px}}@media (min-width:1370px){.responsive-video-grid-container{max-width:1096px}}@media (min-width:1560px){.responsive-video-grid-container{max-width:1284px}}.loader-container{padding-bottom:14px}.app-layout>:not(:first-child){margin-top:64px}.app-layout ::-webkit-scrollbar{width:6px}.ui.menu.top-menu{border:none}.ui.menu.top-menu .logo{width:17rem}.ui.menu.top-menu .nav-container{flex-grow:1;padding:0}.ui.menu.top-menu .nav-container .search-input{padding-left:0;width:33%}.ui.menu.top-menu .nav-container .search-input form{width:100%}.ui.menu.top-menu .header-icon{color:#a0a0a0}.video-container{position:relative;width:100%}.video-container:before{content:"";display:block;padding-top:56.25%}.video-container .video{position:absolute;top:0;left:0;bottom:0;right:0}.video-container .video .video-player{min-height:480px;width:100%;height:100%}.video-metadata{color:#707070;font-size:16px}.video-metadata h3{font-weight:400;color:#111}.video-metadata .video-stats{justify-content:space-between;width:100%}.video-metadata .video-stats,.video-metadata .video-stats .video-actions{display:flex;align-items:center}.video-metadata .video-stats .video-actions>:not(:last-child){margin-right:8px}.rating{display:inline-grid;grid:auto auto/-webkit-max-content -webkit-max-content;grid:auto auto/max-content max-content;grid-column-gap:16px;-webkit-column-gap:16px;column-gap:16px;grid-row-gap:4px}.rating .progress.ui.progress:last-child{grid-column:1/span 2;grid-row:2/3}.rating .progress.ui.progress:last-child.ui.progress:last-child{margin-bottom:0}.video-info-box{display:grid;grid:auto auto/58px auto -webkit-max-content;grid:auto auto/58px auto max-content;align-items:center;grid-row-gap:16px}.video-info-box .channel-image{grid-row:1/2;grid-column:1/2;width:48px;height:48px}.video-info-box .video-info{grid-row:1/2;grid-column:2/3}.video-info-box .video-info .channel-name{font-weight:600;cursor:pointer}.video-info-box .video-info .video-publication-date{font-size:13px;color:#707070}.video-info-box .subscribe{grid-row:1/2;grid-column:3/4}.video-info-box .video-description{max-width:615px;grid-row:2/3;grid-column:2/3}.video-info-box .video-description button{margin:8px 0}.video-info-box .video-description p{line-height:1.8rem;margin-bottom:0}.video-info-box .video-description .collapsed{max-height:3.6rem;overflow-y:hidden}.video-info-box .video-description .expanded{max-height:none}.comments-header h4{display:inline-block;margin-right:16px}.comment{display:flex;margin:8px 0}.comment .user-image{width:48px;height:48px;margin-right:10px;flex-shrink:0}.comment .user-name{font-weight:600;margin-bottom:4px}.comment .comment-actions{margin-top:4px}.comment .comment-actions button{margin-left:8px}.add-comment{display:flex;margin-top:16px;margin-bottom:16px}.add-comment form{flex:1 1}.add-comment .user-image{width:48px;height:48px;margin-right:10px}.related-videos a>div{margin-top:8px}.next-up-container{display:flex;align-items:flex-start;justify-content:space-between}.next-up-container .up-next-toggle{display:flex;align-items:center}.next-up-container .up-next-toggle span{margin-right:10px}.watch-grid{display:grid;grid-template:auto auto auto 1fr/minmax(0,1280px) 402px;justify-content:center;padding-top:24px;grid-column-gap:24px;-webkit-column-gap:24px;column-gap:24px;grid-row-gap:8px}.watch-grid .video{grid-column:1/2;grid-row:1/2}.watch-grid .metadata{grid-column:1/2;grid-row:2/3}.watch-grid .video-info-box{grid-column:1/2;grid-row:3/4}.watch-grid .related-videos{grid-column:2/3;grid-row:1/span 4}.watch-grid .comments{grid-column:1/2;grid-row:4/5}@media (max-width:1754px){.watch-grid{padding-left:24px;padding-right:24px}}.video-list{display:grid;grid:auto/auto;padding-left:10rem;padding-top:24px;margin-left:17rem;grid-row-gap:10px;max-width:900px}@media (max-width:1200px){.video-list{padding-left:10px}}
/*# sourceMappingURL=main.6a1cc7fc.chunk.css.map */