@import url(https://fonts.googleapis.com/css2?family=Spartan:wght@100&display=swap);@import url(https://fonts.googleapis.com/icon?family=Material+Icons);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;font-family:Spartan;margin:0}html{font-size:9px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#22d3ee}.login__button,.signup__button{background:none;background-color:#22d3ee;background-color:var(--primary);border:none;border-radius:8px;color:var(--main-black);cursor:pointer;font-size:2rem;margin-top:2rem;outline:none;padding:1.5rem;transition:1s}.form__container{align-items:center;border-radius:24px;box-shadow:0 0 20px 6px rgba(0,0,0,.4);display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;justify-content:center;padding:2rem;width:-webkit-max-content;width:max-content}.heading{color:var(--gray-300);font-size:3rem;font-weight:900;padding:1rem}form{box-sizing:border-box;color:var(--gray-400);display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;justify-content:center;margin-top:6rem;width:50rem}.email,.first_name,.last_name,.password{display:flex;flex-direction:column;height:6rem;margin-bottom:2rem;width:100%}.termsAndCondition__container{align-items:center;display:flex;flex-direction:row;justify-content:center}.termsAndCondition{height:20px;margin:0 8px 0 0;padding:0;position:relative;top:3px;width:20px}.email__input,.first_name__input,.last_name__input,.password__input{background:none;border:0;border-bottom:2px solid #22d3ee;border-bottom:2px solid var(--primary);box-sizing:border-box;color:var(--gray-400);height:3rem;outline:none;width:100%}label{color:var(--gray-300);font-size:2rem}.footer{align-items:center;display:flex;height:6rem;margin-bottom:2rem;width:100%}.rememberMe__container{display:flex;flex-direction:row}.rememberMe{cursor:pointer;height:20px;margin:0 8px 0 0;padding:0;position:relative;top:-2px;width:20px}.forgotPassword{color:#22d3ee;color:var(--primary);cursor:pointer;font-size:2rem;margin-left:auto}.forgotpassword__container,.login__container,.signup__container{align-items:center;display:flex;height:100%;justify-content:center}.send__password__button{background:none;background-color:#22d3ee;background-color:var(--primary);border:none;border-radius:8px;color:var(--main-black);cursor:pointer;font-size:2rem;margin-top:2rem;outline:none;padding:1.5rem;transition:1s}.noaccount{color:var(--gray-300);font-size:2rem;margin-top:2rem;text-align:center}.card__image{border-top-left-radius:24px;border-top-right-radius:24px}.video__card__wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:start}@media screen and (max-width:800px){html{font-size:7px}}.App{display:flex;flex-direction:column;height:100vh}.main__container{display:flex;flex-direction:row;height:90vh;overflow:auto}.main__pages{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.page__heading{margin:2rem 2rem 1rem 4rem}.page__sub__heading{margin:1rem 2rem 2rem 4rem}nav{align-items:center;border-bottom:1px solid var(--gray-800);box-shadow:0 0 20px 6px rgba(0,0,0,.4);display:flex;flex-direction:row;justify-items:center;min-height:10vh;width:100%;z-index:99999}.logo{color:var(--primary);font-size:4rem;margin-left:2rem;margin-right:2rem;text-align:center}.links{align-items:center;display:flex;justify-content:center;margin-left:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.link{border-radius:4px;margin-right:2rem}.search__container{align-items:center;background-color:#000;border:2.5px solid var(--primary);border-radius:4px;border-radius:50px;box-shadow:inset 0 0 20px 6px rgba(0,0,0,.4);display:flex;justify-content:center;margin-left:auto;width:50%}.search__icon{border-radius:100%;color:var(--main-white);height:100%;top:0}.search__icon:hover{background-color:var(--gray-800)}.search__input{background:none;border:none;color:var(--gray-400);font-size:1.8rem;height:5rem;min-width:10rem;outline:none;padding:2rem;transition:.5s;width:100%}.settings{background-color:var(--gray-800);border-radius:50%;color:var(--main-white);padding:1rem}::-webkit-input-placeholder{border-left:4px;color:var(--gray-400);opacity:1}:-ms-input-placeholder{border-left:4px;color:var(--gray-400);opacity:1}::placeholder{border-left:4px;color:var(--gray-400);opacity:1}.sidebar{align-items:flex-start;border-right:1px solid var(--gray-800);flex-direction:column;height:100%;min-width:20rem;position:-webkit-sticky;position:sticky;top:10vh}.sidebar,.sidebar__links{display:flex;justify-content:start}.sidebar__links{align-items:center;font-size:2rem;padding:2rem;width:100%}.sidebar__links:hover{background-color:var(--gray-800)}.material-icons{color:var(--primary);margin-right:4px;position:relative}@media screen and (max-width:800px){.sidebar{align-items:flex-start;border-right:1px solid var(--gray-800);display:flex;flex-direction:column;height:100%;justify-content:start;min-width:3rem;position:-webkit-sticky;position:sticky;top:10vh}.sidebar__links{display:flex;padding:1rem}.sidebar__text{display:none}}.playlist__select__container{align-items:center;display:flex;justify-content:start;padding:1rem;width:100%}.playlist__select{height:2rem;margin:2rem;width:2rem}.modal__container{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;height:100vh;justify-content:center;position:absolute;width:100vw;z-index:9999}.playlist__modal{align-items:flex-start;background-color:var(--gray-800);border-radius:8px;display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;width:30rem}.playlist__delete{color:var(--danger);cursor:pointer;margin-left:auto}.playlist__heading__container{align-items:center;border-bottom:1px solid var(--gray-600);display:flex;padding:1rem;width:100%}.playlist__modal__cancel{background-color:var(--gray-600)}.playlist__modal__cancel,.playlist__modal__cancel:hover{border-radius:50%;color:var(--gray-300);cursor:pointer;margin-left:auto;padding:1rem}.playlist__modal__cancel:hover{background-color:var(--gray-700)}.playlist__add__container{align-items:center;border-top:1px solid var(--gray-600);display:flex;justify-content:start;padding:1rem;width:100%}.playlist__modal__add{background-color:var(--gray-600);border-radius:50%;color:var(--gray-300);cursor:pointer;margin-right:1rem;padding:1rem}.playlist__input__container{align-items:center;border-top:1px solid var(--gray-600);display:flex;flex-direction:column;padding:1rem;width:100%}.playlist__input{widtH:100%;background-color:#000;color:var(--main-white);font-size:1.5rem;height:4rem;outline:none;padding:1rem}.create{width:100%}.card__heading{height:4rem}.card__sub__heading{height:2rem}.card__image{width:100%}.more{color:var(--main-white);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.more,.more:hover{margin-left:auto;top:15px}.more:hover{color:var(--gray-400)}.more__options{background-color:var(--gray-800);border:2px solid var(--gray-800);border-radius:8px;bottom:-10px;color:var(--gray-300);flex-direction:column;font-size:1.5rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;position:absolute;right:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.more__option,.more__options{align-items:center;display:flex;padding:1rem}.more__option{cursor:pointer;margin:.5rem;width:100%}.more__option:hover{background-color:var(--gray-700)}.more__option:active{background-color:var(--gray-600)}.more__option__icon{top:1px}@media screen and (max-width:480px){.card__wrapper{background-color:var(--black);border:1px solid var(--gray-800);border-radius:24px;max-height:-webkit-max-content;max-height:max-content;transition:all .4s}}.categories{border-bottom:1px solid var(--gray-800);display:flex;flex-direction:row;max-width:100%;min-height:-webkit-max-content;min-height:max-content;overflow:auto}.categories::-webkit-scrollbar{display:none}.active-category,.category{align-items:center;border:1px solid var(--gray-800);border-radius:8px;color:var(--main-white);cursor:pointer;display:flex;font-size:2rem;justify-content:center;margin:2rem;min-width:-webkit-max-content;min-width:max-content;padding:1rem;transition:.2s}.active-category,.category:hover{background-color:var(--primary)}.category:hover{color:var(--main-black)}.video__listing__container{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.video__listing__container::-webkit-scrollbar{display:none}.videos__list__container{display:flex;flex-wrap:wrap;height:100%;justify-content:start;overflow:auto}.videos__list__container::-webkit-scrollbar{display:none}.video__card{height:-webkit-max-content;height:max-content;padding:1rem;width:-webkit-max-content;width:max-content}@media screen and (max-width:1200px){.video__listing__container{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.videos__list__container{display:flex;flex-direction:column;flex-wrap:nowrap;height:100%;justify-content:start;overflow:auto}.video__card{display:flex;height:-webkit-max-content;height:max-content;justify-content:start;padding:0;-webkit-transform:scale(.9);transform:scale(.9);width:-webkit-max-content;width:max-content}}.image__overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;font-size:2rem;height:30rem;justify-content:center;position:absolute;right:0;width:50%}.playlist__icon{position:relative;top:0}.page__heading,.playlist__icon{color:var(--main-white);font-size:2rem}.page__heading{margin:2rem 2rem 1rem}.page__sub__heading{font-size:1.5rem;margin:1rem 2rem 2rem}.playlist__card__wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:start}.playlist__container{height:100%;overflow:auto;padding:4rem;width:100%}@media screen and (max-width:480px){.playlist__container{height:100%;overflow:auto;padding:1rem;width:100%}}.history__container{height:100%;overflow:auto;padding:4rem;width:100%}.clear-history{align-items:center;border:1px solid var(--primary);border-radius:8px;color:var(--primary);cursor:pointer;display:flex;justify-content:center;padding:1rem;position:absolute;right:2rem;top:6rem;width:-webkit-max-content;width:max-content}@media screen and (max-width:480px){.history__container{height:100%;overflow:auto;padding:1rem;width:100%}}.watchlater__container::-webkit-scrollbar{display:none}.watchlater__container{height:100%;overflow:auto;padding:4rem;width:100%}@media screen and (max-width:480px){.watchlater__container{height:100%;overflow:auto;padding:1rem;width:100%}}.liked__container{height:100%;overflow:auto;padding:4rem;width:100%}@media screen and (max-width:480px){.liked__container{height:100%;overflow:auto;padding:1rem;width:100%}}.video__actions__wrapper{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:2rem;width:100%}.action{background-color:var(--gray-800);border-radius:8px;color:var(--main-white);cursor:pointer;font-size:2rem;justify-content:center;margin:1rem 2rem 1rem 0;padding:1rem}.action,.video__container{align-items:center;display:flex}.video__container{flex-direction:column;height:100%;width:100%}.video__wrapper{height:70%;margin:2rem;width:90%}iframe{border-radius:8px;height:100%;width:100%}.video__details{align-items:flex-start;display:flex;flex-direction:column;justify-content:start;padding:2rem;width:90%}.title{color:var(--main-white);font-size:2rem}.creator{color:var(--gray-400);font-size:1.5rem;margin-top:1rem}.video__actions{border:1px solid var(--gray-800);border-radius:8px;width:90%}.card__wrapper{background-color:var(--black);border:1px solid var(--gray-800);border-radius:24px;height:-webkit-max-content;height:max-content;transition:all .4s;width:50rem}.card__wrapper:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.card__heading,.card__headings{height:-webkit-max-content;height:max-content}.card__heading{padding:0}.card__sub__heading{height:6rem;padding:0}.card__header{border:none}.card__image{height:30rem}.home__container{display:flex;flex-direction:column;height:100%;overflow:auto;width:100%}.home__container::-webkit-scrollbar{display:none}.videos__container{display:flex;flex-wrap:wrap;height:100%;justify-content:center}.videos__container::-webkit-scrollbar{display:none}.profile__container{align-items:center;display:flex;height:90vh;justify-content:center}.profile{display:flex;flex-direction:column}.list__head{font-size:4rem}.list__item{font-size:3rem}.logout{align-items:center;display:flex;font-size:2rem;justify-content:center;padding:3rem 6rem}
/*# sourceMappingURL=main.582b0421.css.map*/