:root{--main-bg-clr:#181818;--second-bg-clr:#212121;--third-bg-clr:#313131;--the4th-clr:#111;--text-clr:#ddd;--prpl-clr:#61357b}.app.light{--main-bg-clr:#fff;--second-bg-clr:#fafafa;--third-bg-clr:#ebebeb;--the4th-clr:#fff;--text-clr:#111;--prpl-clr:#61357b}*{box-sizing:border-box;margin:0;padding:0}body{background:#181818;background:var(--main-bg-clr);color:#ddd;color:var(--text-clr);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.home{min-height:100vh}.home>main{align-items:flex-start;display:flex;height:100%}.home>main,.home__content{background:var(--main-bg-clr)}.home__content{flex:1 1}.home__options{align-items:center;background:var(--second-bg-clr);border-bottom:1px solid var(--third-bg-clr);border-top:1px solid var(--third-bg-clr);display:flex;gap:20px;padding:10px 20px}.home__option{background:var(--third-bg-clr);border-radius:50px;cursor:pointer;padding:10px 20px}.home__option>p{color:var(--text-clr);font-size:14px;letter-spacing:1px;text-transform:capitalize}.home__videos{grid-row-gap:20px;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:20px;row-gap:20px}.home__loading{text-align:center}.home__loading>img{object-fit:contain;width:100px}@media screen and (max-width:768px){.home__options{display:none}}.navbar{background:var(--second-bg-clr);height:56px;justify-content:space-between;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:99}.navbar,.navbar__left{align-items:center;display:flex}.navbar__left>svg{color:var(--text-clr);font-size:20px}.navbar__logo{align-items:center;display:flex;margin:0 10px;text-decoration:none}.navbar__logo>img{height:56px;object-fit:contain;padding:5px}.navbar__logo>h3{color:var(--text-clr);font-size:20px;height:56px;justify-content:center}.navbar__logo>h3,.navbar__mid{align-items:center;display:flex}.navbar__mid{height:70%;width:500px}.navbar__mid>input{background:var(--main-bg-clr);border:1px solid var(--third-bg-clr);flex:1 1;font-size:16px;height:100%;padding:0 10px}.navbar__mid>.navbar__icon{align-items:center;background:var(--third-bg-clr);display:flex;height:100%;justify-content:center;width:60px}.navbar__mid>.navbar__icon>svg{color:var(--text-clr);font-size:20px}.navbar__right{gap:10px}.navbar__mode,.navbar__right{align-items:center;color:var(--text-clr);display:flex}.navbar__mode{cursor:pointer}.navbar__mode,.navbar__right>a{background:var(--main-bg-clr);border:1px solid var(--third-bg-clr);border-radius:50%;height:40px;justify-content:center;width:40px}.navbar__right>a{align-items:center;color:var(--text-clr);display:flex}.navbar__right>button{background:var(--main-bg-clr);border:1px solid var(--third-bg-clr);color:var(--text-clr);cursor:pointer;letter-spacing:1px;padding:10px 20px}@media screen and (max-width:768px){.navbar__mid{display:none}}.SidebarItem{align-items:center;color:var(--text-clr);cursor:pointer;display:flex;gap:20px;padding:15px 20px;text-decoration:none}.SidebarItem:hover{background:#61357b}.SidebarItem>svg{font-size:20px}.SidebarItem>p{font-size:14px;font-weight:600;letter-spacing:1px}.video{cursor:pointer;text-decoration:none}.video>img{max-height:150px;min-height:120px;object-fit:cover;width:100%}.video__title{color:var(--text-clr);font-size:16px;font-weight:700}.video__username{color:#777;font-size:13px;margin:5px 0}.video__views{color:#777;font-size:12px}.video:hover .video__title{text-decoration:underline}.profile{min-height:100vh}.profile>main{align-items:flex-start;display:flex;height:100%}.profile__content{background:var(--main-bg-clr);display:flex;flex:1 1;flex-direction:column}.profile__contentTop{padding:20px 40px 0}.profile__avatar,.profile__info{align-items:center;display:flex}.profile__avatar{background:#a302bf;border-radius:50%;color:#fff;font-size:40px;font-weight:700;height:80px;justify-content:center;text-transform:uppercase;width:80px}.profile__username{color:var(--text-clr);flex:1 1;font-size:22px;font-weight:700;margin:0 20px}.profile__btns{align-items:center;display:flex;gap:10px}.profile__btns>button{background:var(--prpl-clr);border:none;color:#111;cursor:pointer;font-size:16px;padding:10px 20px;text-transform:uppercase}.profile__taps{align-items:center;display:flex;margin-top:10px}.profile__tap{cursor:pointer;padding:10px 0;position:relative;text-align:center;text-transform:uppercase;width:130px}.profile__tap,.profile__tap:first-child{color:var(--text-clr)}.profile__tap:first-child:after{background:var(--text-clr);bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.profile__contentBot{align-items:center;background:var(--the4th-clr);display:flex;justify-content:center;min-height:calc(100vh - 208px)}.profile__empty{align-items:center;display:flex;flex-direction:column;gap:20px}.profile__empty>img{object-fit:contain;width:200px}.profile__empty>h2,.profile__empty>p{color:var(--text-clr)}.profile__empty>p{border:none;max-width:400px}.profile__empty>button{background:var(--blue-clr);border:none;color:#111;cursor:pointer;font-size:16px;padding:10px 20px;text-transform:uppercase}.explore{min-height:100vh}.explore>main{align-items:flex-start;background:var(--main-bg-clr);display:flex;height:100%}.explore__content{flex:1 1;padding:20px 40px}.explore__options{grid-gap:10px;color:var(--text-clr);display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.explore__line{display:block;height:50px;position:relative;width:100%}.explore__line:after{background:var(--third-bg-clr);content:"";height:2px;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.explore__videos{display:flex;flex-direction:column;gap:20px}.explore__videos>h1{color:var(--text-clr);font-size:16px;margin-bottom:10px}.exploreCard{background:var(--second-bg-clr);border-radius:10px;cursor:pointer;padding:20px}.exploreCard:hover{background:var(--third-bg-clr)}.exploreCard>img{margin-bottom:10px}.exploreCard>p{font-size:16px;font-weight:700;letter-spacing:1px;text-transform:capitalize}.exploreVideo{cursor:pointer;display:flex;flex-direction:row;gap:10px;max-width:850px}.exploreVideo__img{height:138px;max-width:246px;min-width:246px}.exploreVideo__img>img{height:100%;object-fit:cover;width:100%}.exploreVideo__info{display:flex;flex-direction:column}.exploreVideo__title{color:var(--text-clr);font-size:20px;font-weight:700;margin-bottom:10px}.exploreVideo__about{align-items:center;color:#777;display:flex;font-size:12px;gap:20px}.exploreVideo__desc{color:#777;font-size:16px;margin-top:10px}.library{min-height:100vh}.library>main{background:var(--main-bg-clr);height:100%}.library>main,.library__content{align-items:flex-start;display:flex}.library__content{flex:1 1;gap:20px;padding:20px}.library__main{flex:1 1}.library__section{padding-bottom:20px}.library__title{align-items:center;color:var(--text-clr);display:flex;font-size:16px;font-weight:700;gap:10px;margin-bottom:20px}.library__title>svg{font-size:20px}.library__vids{grid-row-gap:20px;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));row-gap:20px}.library__line{display:block;height:20px;position:relative;width:100%}.library__line:after{background:var(--third-bg-clr);content:"";height:2px;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.library__user{flex-direction:column;max-width:200px;padding:40px 0;width:200px}.library__avatar,.library__user{align-items:center;display:flex;justify-content:center}.library__avatar{background:teal;border-radius:50%;color:#fff;font-size:35px;font-weight:700;height:70px;text-transform:uppercase;width:70px}.library__username{color:var(--text-clr);font-size:16px;margin-bottom:10px}.library__info{text-align:center;width:100%}.library__info>p{align-items:center;color:#777;display:flex;font-size:14px;justify-content:space-between}@media screen and (max-width:550px){.library__user{display:none}}.login{background:#fff;color:#000;justify-content:center;min-height:100vh}.login,.login__box{align-items:center;display:flex}.login__box{border:1px solid #ddd;border-radius:10px;flex-direction:column;gap:20px;max-width:470px;min-height:500px;padding:30px;width:100%}.login__box>img{object-fit:contain;width:100px}.login__title>h3{font-size:20px;text-align:center}.login__title>p{font-size:16px;text-align:center}.login__input{padding:10px}.login__form{display:flex;flex:1 1;flex-direction:column;gap:20px;width:100%}.login__inputContainer{position:relative}.login__inputContainer>input{border:1px solid #ddd;border-radius:5px;font-size:16px;height:100%;outline:none;padding:10px;width:100%}.login__inputContainer>p{color:#777;font-size:16px;left:10px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .15s ease-in-out;z-index:2}.login__inputContainer>input:focus,.login__inputContainer>input:valid{border-color:#1a73e8}.login__inputContainer>input:focus~p,.login__inputContainer>input:valid~p{background:#fff;color:#1a73e8;font-size:14px;letter-spacing:1px;padding:0 5px;top:-1px}.login__bot{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.login__textClick{color:#1a73e8;cursor:pointer;font-size:16px}.login__text{color:#777;font-size:16px}.login__error{color:#ff5757;font-size:16px}.login__btnContainer{align-items:center;display:flex;justify-content:space-between}.login__btn{background:#1a73e8;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.singleVideo{color:var(--text-clr)}.singleVideo>main{align-items:flex-start;background:var(--main-bg-clr);display:flex;gap:20px;height:100%;padding:20px}.singleVideo__left{flex:1 1}.singleVideo__video{height:500px;width:100%}.singleVideo__info{display:flex;flex-direction:column;gap:10px;padding:20px 0}.singleVideo__title{font-size:20px;font-weight:700}.singleVideo__vidData{color:#777;font-size:14px;font-weight:700}.singleVideo__channel{align-items:center;color:#777;display:flex}.singleVideo__channel-name{flex:1 1;font-size:14px;font-weight:700}.singleVideo__channel-likes{align-items:center;display:flex;gap:20px}.singleVideo__likesItem{align-items:center;cursor:pointer;display:flex;gap:5px}.singleVideo__likesItem>svg{font-size:20px}.singleVideo__right{display:flex;flex-direction:column;gap:10px;max-width:300px;width:300px}@media screen and (max-width:768px){.singleVideo__right{display:none}.singleVideo__video{height:400px}}.sidebar{background:var(--second-bg-clr);height:calc(100vh - 56px);overflow-y:scroll;position:-webkit-sticky;position:sticky;top:56px;width:240px;z-index:98}.sidebar__line{display:block;height:20px;position:relative;width:100%}.sidebar__line:after{background:var(--third-bg-clr);content:"";height:2px;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.sidebar__title{color:#777;font-size:14px;font-weight:700;letter-spacing:1px;padding-bottom:15px;padding-left:20px}.sidebar::-webkit-scrollbar{background:transparent;width:10px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#777;border-radius:50px;display:none}.sidebar:hover::-webkit-scrollbar-thumb{background:#555;display:flex}@media screen and (max-width:768px){.sidebar{display:none}}
/*# sourceMappingURL=main.538b506d.css.map*/