.header{align-items:center;background-color:#fff;color:#000;display:flex;font-family:Roboto,Arial,sans-serif;font-size:10px;height:56px;justify-content:space-between;padding:0 16px}.header__logo{height:20px;object-fit:contain;padding:18px 14px 18px 16px;width:90px}.header__left{align-items:center;display:flex;flex:0 0 auto}.header__center{flex:0 1 700px;height:100%;justify-content:center;margin:0 88px;min-width:0;position:relative}.header__center,.header__searchContainer{align-items:center;display:flex;width:100%}.header__searchContainer{border:1px solid #ccc;border-radius:40px 0 0 40px;box-sizing:border-box;height:40px;margin-left:32px;max-width:532px;padding:0 4px 0 16px;position:absolute;right:64px}.header__searchInput{background:#0000;border:none;box-sizing:border-box;flex:1 1;font-size:16px;height:26px;margin:0 8px;max-width:100%;outline:none;padding:0;width:100%}.header__searchIconSmall{align-items:center;display:none;height:24px;justify-content:center;margin-right:8px;width:24px}.header__searchButton{align-items:center;background-color:#f8f8f8;border:1px solid #ccc;border-left:none;border-radius:0 40px 40px 0;box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;width:64px}.header__center.focused .header__searchContainer{border-color:#1c6289;max-width:568px}.header__center.focused .header__searchIconSmall{display:flex}.header__icons{flex:0 0 auto;margin-right:32px}.header__icon,.header__icons{align-items:center;display:flex}.header__icon{border-radius:50%;cursor:pointer;justify-content:center;margin-right:8px;padding:8px;transition:background-color .2s ease}.header__icon:hover{background-color:#f2f2f2}.header__profile{position:relative}.header__avatar{cursor:pointer;margin-left:8px}.header__moreOptions{align-items:center;background-color:#fff;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;width:24px}.header__moreOptions:hover{background-color:#f2f2f2}.header__signInButton{align-items:center;background-color:#fff;border:1px solid #e5e5e5;border-radius:40px;cursor:pointer;display:flex;justify-content:center;margin-left:0;padding:6px 12px;transition:background-color .2s}.header__signInButton:hover{background-color:#def1ff}.header__signInButton .MuiSvgIcon-root{color:#065fd4;margin-right:8px}.header__signInButton span{color:#065fd4;font-size:14px;font-weight:500}.profile-box{background-color:#fff;border:1px solid #f4f4f4;border-radius:8px;box-shadow:0 2px 20px #b7b7b780;position:absolute;right:calc(100% + 6px);width:300px;z-index:1000}.profile-info-container{border-bottom:1px solid #efefef;display:flex;padding:16px}.profile-avatar{height:40px!important;width:40px!important}.profile-content-box{margin-left:16px}.profile-handle,.profile-name{font-size:16px;line-height:22px}.view-channel{color:#065fd4;cursor:pointer;font-size:14px;margin-top:8px}.profile-item-container{padding:8px 0}.profile-item{align-items:center;cursor:pointer;display:flex;height:40px;padding:0 16px}.profile-item:hover{background-color:#f2f2f2}.profile-icon{height:24px;margin-right:16px;width:24px}.profile-item span{flex-grow:1;font-size:14px}.header__menu{border:0 #fff;border-radius:50%;color:#030303;height:40px;margin:0;padding:8px;width:40px}.header__menu,.header__searchClear{align-items:center;cursor:pointer;display:flex;justify-content:center}.header__searchClear{height:24px;width:24px}.header__recentSearches{background-color:#fff;border:1px solid #ccc;border-radius:16px;border-top:none;box-shadow:0 4px 6px #0000001a;left:0;max-width:568px;padding:12px 0;position:absolute;top:48px;width:100%;z-index:1000}.header__recentSearchItem{align-items:center;cursor:pointer;display:flex;height:32px;padding:0 16px}.header__recentSearchItem:hover{background-color:#f2f2f2}.header__recentSearchItem span{font-size:16px;margin-left:16px}p{margin:0}.sidebar{-ms-overflow-style:none;background-color:#fff;box-sizing:border-box;height:calc(100vh - 56px);overflow-y:auto;padding:12px;scrollbar-width:none;transition:all .2s ease-in-out;width:240px;z-index:99}.sidebar--collapsed{margin-top:12px;padding:0 4px;width:auto}.sidebar:hover{overflow-x:hidden;overflow-y:overlay;scrollbar-color:#909090 #0000;scrollbar-width:thin}.sidebar::-webkit-scrollbar{background:#fff;width:8px}.sidebar:hover::-webkit-scrollbar{display:block}.sidebar:hover::-webkit-scrollbar-track{background:#fff}.sidebar:hover::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#d9d9d9;border:2px solid #fff;border-radius:4px;max-height:170px}.sidebar:hover::-webkit-scrollbar-button:single-button{background-color:#fff;border-style:solid;display:block;height:13px;width:16px}.sidebar:hover::-webkit-scrollbar-button:single-button:vertical:decrement{border-color:#fff #fff #909090;border-width:0 6px 6px}.sidebar:hover::-webkit-scrollbar-button:single-button:vertical:increment{border-color:#909090 #fff #fff;border-width:6px 6px 0}.sidebar__sectionTitle{color:#0f0f0f;font-size:16px;font-weight:500;line-height:22px;padding:0 12px 8px}.sidebarRow{align-items:center;border-radius:12px;box-sizing:border-box;cursor:pointer;display:flex;height:40px;padding:0 12px;text-decoration:none;width:204px}.sidebarRow:hover{background-color:#0000000d}.sidebarRow.selected{background-color:#f2f2f2}.sidebarRow__icon{color:#606060;height:20px;margin-right:24px;width:20px}.sidebarRow__title{color:#0f0f0f;font-size:16px;font-weight:500;line-height:20px;max-width:132px;white-space:nowrap}.sidebarRow__body{color:#0f0f0f;font-size:14px;font-weight:400;line-height:18px}.sidebarRow.selected>.sidebarRow__icon,.sidebarRow.selected>.sidebarRow__title,.sidebarRow:hover>.sidebarRow__icon,.sidebarRow:hover>.sidebarRow__title{color:red}.sidebar--collapsed .sidebarRow{align-items:center;box-sizing:border-box;flex-direction:column;height:74px;justify-content:center;padding:16px 0 14px;width:72px}.sidebar--collapsed .sidebarRow__icon{color:#030303;margin-bottom:0;margin-right:0}.sidebar--collapsed .sidebarRow__body{color:#0f0f0f;display:block;font-size:10px;line-height:1.2;max-height:none;overflow:visible;text-align:center;white-space:normal;width:100%}.sidebar hr{background-color:#0000001a;border:0;height:1px;margin:12px 0}.sidebar--collapsed hr{margin:0}.sidebar__signIn{padding:8px 0 8px 12px}.sidebar__signIn p{color:#030303;font-size:14px;line-height:20px}.sidebar__signInButton{align-items:center;background-color:#fff;border:1px solid #e5e5e5;border-radius:40px;cursor:pointer;display:flex;justify-content:center;margin-top:12px;padding:6px 12px;transition:background-color .2s}.sidebar__signInButton:hover{background-color:#def1ff}.sidebar__signInButton .MuiSvgIcon-root{color:#065fd4;margin-right:8px}.sidebar__signInButton span{color:#065fd4;font-size:14px;font-weight:500}.sidebarRow__avatar{border-radius:50%;height:24px;margin-right:24px;width:24px}.footer{max-width:240px;width:240px}.footer__links-section{padding:16px 16px 0}.footer__links-section a{color:#606060;display:inline-block;font-size:12px;font-weight:500;line-height:18px;margin-right:8px;text-decoration:none}.footer__copyright{color:#606060;font-size:12px;margin-left:24px;margin-top:16px}.mr-12{margin-right:12px}.sidebarRow__arrow{height:12px;width:12px}.videoCard__link{color:inherit;text-decoration:none}.videoCard{cursor:pointer;margin-bottom:40px;max-width:500px;width:100%}.videoCard__thumbnail{aspect-ratio:16/9;border-radius:16px;object-fit:cover;width:100%}.videoCard__info{display:flex;margin-top:12px;padding-right:24px}.videoCard__avatar{height:36px!important;margin-right:12px;width:36px!important}.videoCard__text{flex:1 1;min-width:0}.videoCard__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;font-weight:500;line-height:20px;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis}.videoCard__channel,.videoCard__stats{color:#606060;font-size:12px;line-height:18px;margin:0}.videoCard__stats{margin-top:4px}.video-grid{grid-gap:16px;box-sizing:border-box;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(276px,1fr));overflow-y:auto;padding:12px 24px;width:100%}@media (min-width:587px){.video-grid{grid-template-columns:repeat(1,minmax(276px,1fr))}}@media (min-width:874px){.video-grid{grid-template-columns:repeat(3,minmax(276px,1fr))}}@media (min-width:1510px){.video-grid{grid-template-columns:repeat(4,minmax(276px,1fr))}}@media (min-width:1840px){.video-grid{grid-template-columns:repeat(5,minmax(276px,1fr))}}@media (min-width:2170px){.video-grid{grid-template-columns:repeat(6,minmax(276px,1fr))}}.main-content{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;height:calc(100vh - 56px);overflow-x:hidden;overflow-y:hidden;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:17px;width:100%}.main-content,.main-content:hover{scrollbar-color:#606060 #0000}.main-content::-webkit-scrollbar{width:17px}.main-content::-webkit-scrollbar-track{background:#0000}.main-content::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#606060;border:4px solid #0000;height:112px;min-height:112px}.main-content::-webkit-scrollbar-thumb:hover{background-color:#fff}.home{margin:0 auto;max-width:2170px;width:100%}.filter-bar,.home{box-sizing:border-box}.filter-bar{background-color:#fff;display:flex;overflow-x:auto;padding:12px 24px;position:sticky;top:0;z-index:10}.filter-item{background-color:#f2f2f2;border:none;border-radius:16px;cursor:pointer;font-size:14px;font-weight:500;height:32px;line-height:20px;margin:0 12px 0 0;padding:0 12px;transition:background-color .2s;white-space:nowrap}.filter-item:hover{background-color:#e5e5e5}.filter-item.active{background-color:#030303;color:#fff}.filter-item:last-child{margin-right:0}body,hr{margin:0}body{background-color:#fff;font-family:Roboto,Arial,sans-serif;padding:0}.app{flex-direction:column;min-height:100vh}.app,.app__page{display:flex}.home{background-color:#fff;flex-grow:1}.shorts{padding:20px}.shorts__container{display:flex;flex-wrap:wrap;gap:20px}.short__card{cursor:pointer;width:200px}.short__thumbnail{aspect-ratio:9/16;object-fit:cover;width:100%}.subscriptions{padding:20px}.subscriptions__channels{display:flex;overflow-x:auto;padding:10px 0}.subscription__channel{align-items:center;display:flex;flex-direction:column;margin-right:20px}.channel__image{border-radius:50%;height:50px;width:50px}.subscriptions__videos{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding-top:20px}.overlay{background-color:#00000080;bottom:0;left:0;opacity:1;position:fixed;right:0;top:0;transition:opacity .15s ease-in-out;z-index:150}.overlay.closing{opacity:0}@media (max-width:1311px){.sidebar-expanded .main-content{margin-left:0}}.expanded-sidebar{background-color:#fff;bottom:0;box-sizing:border-box;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition:width .5s cubic-bezier(.18,.89,.32,1.28);white-space:nowrap;width:0;z-index:200}.expanded-sidebar.open{width:240px}.expanded-sidebar__header{align-items:center;display:flex;height:56px;padding:0 16px}.expanded-sidebar__header .header__logo{height:20px;object-fit:contain;padding:18px 14px 18px 16px;width:90px}.expanded-sidebar__content{opacity:0;transition:opacity .3s ease-out;transition-delay:.2s}.expanded-sidebar.open .expanded-sidebar__content{opacity:1}.expanded-sidebar::-webkit-scrollbar{display:none}.expanded-sidebar{-ms-overflow-style:none;scrollbar-width:none}.searchResults{flex-direction:column;max-width:100%;padding:32px 16px 0}.searchResult,.searchResults{display:flex;gap:16px}.searchResult__thumbnail{aspect-ratio:16/9;flex:0 0 auto;max-width:500px;min-width:240px;width:100%}.searchResult__thumbnail img{border-radius:12px;height:100%;object-fit:cover;width:100%}.searchResult__info{flex:1 1;min-width:0}.searchResult__title{color:#0f0f0f;font-size:18px;font-weight:400;line-height:26px;margin:0 0 4px}.searchResult__metadata{color:#606060;font-size:12px;line-height:18px;margin-bottom:8px}.searchResult__dot{margin:0 4px}.searchResult__channel{align-items:center;display:flex;margin-bottom:8px}.searchResult__channelAvatar{border-radius:50%;height:24px;margin-right:8px;width:24px}.searchResult__channelName{font-size:12px;margin-right:4px}.searchResult__verifiedIcon{color:#606060;font-size:14px!important}.searchResult__description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#606060;display:-webkit-box;font-size:12px;line-height:18px;overflow:hidden;text-overflow:ellipsis}@media (max-width:640px){.searchResult{flex-direction:column}.searchResult__thumbnail{aspect-ratio:16/9;height:auto;width:100%}}.MuiIconButton-root{transition:none!important}.MuiIconButton-root:hover{background-color:initial!important}.MuiIconButton-root .MuiTouchRipple-root{display:none!important}.videoPage{display:flex;padding:24px}.videoPage__left{flex:1 1;margin-right:24px}.videoPage__right{width:402px}.videoPage__player iframe{aspect-ratio:16/9;border-radius:12px;width:100%}.videoPage__title{color:#0f0f0f;font-size:20px;font-weight:700;line-height:28px;margin:12px 0}.videoPage__interaction{justify-content:space-between;margin-bottom:16px}.videoPage__channelInfo,.videoPage__interaction{align-items:center;display:flex}.videoPage__avatar{height:40px;margin-right:12px;width:40px}.videoPage__channelText{display:flex;flex-direction:column;margin-right:24px}.videoPage__channelText h2{color:#0f0f0f;font-size:16px;margin:0}.videoPage__channelText p{color:#606060;font-size:12px;margin:0}.videoPage__buttons{align-items:center;display:flex}.videoPage__subscribeButton{background-color:#0f0f0f;border-radius:40px;color:#fff;font-size:14px;font-weight:500;height:36px;line-height:36px;text-transform:none;width:94px}.videoPage__likeButtons{background-color:#f2f2f2;border-radius:40px;display:flex;height:36px}.videoPage__dividerWrapper{display:flex}.videoPage__divider{background-color:#f2f2f2!important;height:60%!important;margin:auto 0!important}.videoPage__thumbUp span{color:#0f0f0f;font-size:14px!important;font-weight:500;margin-left:4px}.videoPage__thumbUp_box{border-radius:40px 0 0 40px;padding-left:10px;width:100%}.videoPage__thumbUp_box:hover{background-color:#0000000a}.videoPage__thumbDown_box{border-radius:0 40px 40px 0;padding-right:10px;width:100%}.videoPage__thumbDown_box:hover{background-color:#0000000a}.videoPage__shareButtons_box{background-color:#f2f2f2;border-radius:40px;height:36px;margin-left:12px;padding:0 6px}.videoPage__shareButtons_box:hover{background-color:#0000001a}.videoPage__shareButton span{color:#0f0f0f;font-size:14px;font-weight:500;margin-left:4px}.videoPage__moreButtons_box{background-color:#f2f2f2;border-radius:40px;display:flex;margin-left:12px}.videoPage__moreButtons_box:hover{background-color:#0000001a}.videoPage__description{background-color:#f9f9f9;border-radius:12px;padding:12px}.videoPage__description p{color:#0f0f0f;font-size:14px;line-height:20px;margin:0}.videoPage__description p:first-child{font-weight:600;margin-bottom:4px}.videoPage__relatedVideo{display:flex;margin-bottom:8px}.videoPage__relatedThumbnail{border-radius:8px;height:94px;margin-right:8px;object-fit:cover;width:168px}.videoPage__relatedInfo{width:202px}.videoPage__relatedInfo h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#0f0f0f;display:-webkit-box;font-size:14px;margin:0 0 4px;overflow:hidden}.videoPage__relatedInfo p{color:#606060;font-size:12px;margin:0 0 4px}a.react-router-link,a:not([href]):not([class]),a[href]:not([class]){color:inherit;text-decoration:none}a:focus{outline:none}a:hover{opacity:.8}button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;margin:0;outline:inherit;padding:0}
/*# sourceMappingURL=main.dd2a30ed.css.map*/