@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap);:root{--cta-color:#ffc831;--bg-color:#222230;--nav-bg-color:#15141b;--white-color:#e8e6e3;--light-white-color:hsla(0,0%,100%,0.6);--search-border-color:#5e6064;--input-bg-color:#27262b;font-family:"Roboto",sans-serif}.fa-solid{font-size:1.6rem;cursor:pointer;color:#e8e6e3;color:var(--white-color)}.Toastify__toast--error,.Toastify__toast--success,.Toastify__toast--warning{font-size:1.8rem}@media screen and (max-width:475px){.Toastify__toast--error,.Toastify__toast--success,.Toastify__toast--warning{max-width:300px;margin:0 auto}}.navbar-container{display:flex;align-items:center;justify-content:space-between;width:100%;height:7rem;background-color:var(--nav-bg-color);padding:0 4rem;position:fixed;top:0;z-index:10}.nav-brand-title>a{color:var(--white-color);font-size:1.8rem;font-weight:400;letter-spacing:.1rem}.nav-brand-title>a>span{font-size:1.9rem;color:var(--cta-color);font-weight:900;letter-spacing:.1rem}.search-bar-container{display:flex;align-items:center;width:30%;height:3.5rem;border-radius:.5rem;border:1px solid var(--search-border-color)}.search-bar-container>input{width:100%;height:100%;margin-top:1rem;font-size:1.6rem;border-radius:0 .5rem .5rem 0;color:var(--white-color);background-color:var(--input-bg-color)}.search-bar-container>.fa-magnifying-glass{background-color:var(--input-bg-color);padding:1rem;height:100%;border-radius:.5rem 0 0 .5rem}.mobile-menu{display:none}.profile-container>a>.btn-nav-login{font-size:1.6rem;font-weight:600;padding:.7rem 1rem;min-width:8rem;color:var(--nav-bg-color);background-color:var(--cta-color)}.mobile-sidebar{display:none}@media screen and (max-width:768px){.mobile-menu{display:block;font-size:2rem}.profile-container,.search-bar-container{display:none}.mobile-sidebar{width:20%;height:100vh;display:flex;flex-direction:column;justify-content:space-between;position:absolute;right:-40%;background-color:var(--cta-color);z-index:10}.mobile-sidebar,.show-aside{top:100%;transition:all .8s ease-in-out}.show-aside{width:30rem;right:0;height:calc(100vh - 7rem);padding:2rem 0 2rem 4rem;border-radius:1rem 0 0 1rem}.mobile-sidebar>ul>a>li{color:#000;font-size:2rem;margin-bottom:2rem;padding:1rem;border-radius:1rem;cursor:pointer;transition:all .3s ease-in}.mobile-sidebar>ul a>li:hover{font-size:2.1rem;font-weight:800;opacity:.9}.mobile-sidebar>ul a>li>i{margin-right:1rem}.footer-profile{display:flex;align-items:center;color:var(--light-white-color);cursor:pointer}}.sidebar-container{background-color:var(--nav-bg-color);width:17%;height:calc(100vh - 7rem);position:fixed;top:7rem}.sidebar-container>ul>a>li{display:flex;align-items:center;cursor:pointer;padding:1.5rem 4rem}.sidebar-container>ul>a>li:hover{background-color:var(--bg-color)}.sidebar-container>ul>a>li>span{margin-left:2rem;color:var(--white-color);font-size:1.7rem;font-weight:600}.sidebar-container>ul>a>li>.fa-solid{color:var(--cta-color)}@media screen and (max-width:1024px){.sidebar-container>ul>a>li{flex-direction:column;text-align:center}.sidebar-container>ul>a>li>span{margin-left:0;font-size:1.8rem}}@media screen and (max-width:768px){.sidebar-container{display:none}}.video-card-container{background-color:var(--nav-bg-color);border-radius:1rem;height:30rem;width:35rem}.thumbnail-container{cursor:pointer;height:20rem;position:relative}.thumbnail-container>img{width:100%;height:100%;border-radius:1rem 1rem 0 0}.thumbnail-container>.timestamp{font-size:1.4rem;font-weight:700;color:var(--white-color);background-color:var(--nav-bg-color);position:absolute;bottom:2%;right:3%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.2rem .5rem}.video-info-container{display:flex;height:10rem;padding:1.5rem 1rem;position:relative}.video-info-container>img{width:50px;height:50px}.video-info{width:100%}.video-title{font-size:1.5rem;font-weight:500;color:var(--white-color);font-family:"Roboto",sans-serif;margin-bottom:.4rem}.video-details{margin-top:.2rem}.video-details>h6{font-size:1.5rem;color:var(--light-white-color)}.video-details>span{font-size:1.4rem;font-weight:700;color:var(--light-white-color)}.video-details{display:flex;justify-content:space-between;width:100%}.fa-ellipsis-vertical{margin-left:1rem;cursor:pointer}.modal-container{background-color:var(--search-border-color);position:absolute;top:35%;right:3%;padding:1rem;border-radius:.5rem}.modal-container>li{font-size:1.6rem;color:var(--white-color);cursor:pointer}@media screen and (max-width:1440px){.video-title{font-size:1.6rem}}@media screen and (max-width:768px){.thumbnail-container{height:20rem}.video-info-container{height:10rem}}@media screen and (max-width:375px){html{font-size:55%}}@media screen and (max-width:320px){html{font-size:47%}}.horizontal-video-card{display:flex;width:45vw;height:9rem;margin-bottom:2rem}.horizontal-video-card>a>.thumbnail-container{height:100%;width:22rem;cursor:pointer}.horizontal-video-card>a>.thumbnail-container>img{width:100%}.horizontal-video-card>.video-info{background-color:var(--nav-bg-color);padding:1rem 2rem;position:relative}.horizontal-video-card>.video-info>.video-title{font-size:1.8rem}.delete-video-icon{position:absolute;bottom:10%;right:2.5%}.delete-video-icon>.fa-trash-can:hover{color:var(--cta-color)}@media screen and (max-width:1024px){.horizontal-video-card>a>.thumbnail-container{height:100%;width:15rem}.horizontal-video-card>.video-info>.video-title{font-size:1.6rem}}@media screen and (max-width:768px){.horizontal-video-card{width:100%}}@media screen and (max-width:425px){.horizontal-video-card{height:10rem}.horizontal-video-card>.video-info>.video-title{font-size:1.5rem}.horizontal-video-card>.video-info>.video-details>h6{font-size:1.4rem}}.playlist-modal-container{position:absolute;left:50%;top:40%;z-index:10;width:19rem;color:var(--white-color);background-color:var(--search-border-color);padding:.4rem}.flex{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding:1rem;border-bottom:1px solid var(--input-bg-color)}.playlist-modal-container>.flex>h6{font-size:1.6rem}.playlist-modal-container>.playlist-modal-center>label{font-size:1.6rem;margin-left:1rem}.playlist-modal-container>.playlist-modal-center{justify-content:flex-start}.btn-create-playlist{background-color:transparent;border:none;cursor:pointer}.btn-create-playlist>h6{font-size:1.6rem;margin-left:1rem;color:var(--white-color)}.add-playlist{text-align:right}.add-playlist>input{border:none;border-radius:0;color:var(--white-color);border-bottom:1px solid var(--white-color);background:transparent}.add-playlist>input::-webkit-input-placeholder{color:var(--white-color)}.add-playlist>input:-ms-input-placeholder{color:var(--white-color)}.add-playlist>input::placeholder{color:var(--white-color)}.add-playlist>button{background-color:transparent;border:none;color:var(--white-color);font-size:1.6rem;cursor:pointer;padding:1rem}.single-playlist-svg{background-color:var(--nav-bg-color);border-radius:1rem}.loader{width:58px;height:58px;border:5px solid;border-color:#fff #fff transparent;border-radius:50%;display:inline-block;box-sizing:border-box;-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;position:fixed;top:50%;left:55%}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.home-container{display:flex;width:100%}.video-listing-wrapper{background-color:var(--bg-color);width:83%;min-height:100vh;margin:0 auto;padding:4rem;position:relative;left:8.5%;top:7rem}.video-listing-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(35rem,1fr));grid-gap:3rem;gap:3rem}.btn-filter-category{color:var(--bg-color);background-color:var(--cta-color);font-size:1.6rem;font-weight:700;border:none;padding:.6rem .8rem;border-radius:.5rem;margin:.5rem .5rem 2rem;cursor:pointer;min-width:6rem}@media screen and (max-width:1024px){.video-listing-container{grid-template-columns:repeat(auto-fit,minmax(30rem,1fr))}}@media screen and (max-width:768px){.video-listing-wrapper{width:100%;left:0}}@media screen and (max-width:320px){.video-listing-container{grid-template-columns:repeat(auto-fit,minmax(25rem,1fr))}}.playlist-display-container{background-color:var(--bg-color);width:83%;min-height:100vh;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(35rem,1fr));grid-gap:3rem;gap:3rem;padding:4rem;position:relative;left:8.5%;top:7rem}.playlist-thumbnail{cursor:pointer;width:35rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative}.playlist-thumbnail>a>img{width:100%;border-radius:1rem;background-color:var(--nav-bg-color)}.playlist-videos{background-color:rgba(0,0,0,.7);width:100%;height:50%;margin:auto;position:absolute;bottom:0;border-radius:1rem}.playlist-videos>.flex>.playlist-title{position:absolute;top:60%;left:5%;font-size:2.5rem;color:var(--cta-color)}.playlist-videos>.flex>.playlist-icon{position:absolute;top:60%;right:5%;font-size:2.5rem;color:var(--white-color)}.playlist-videos>.flex>.playlist-icon:hover{color:var(--cta-color)}@media screen and (max-width:1024px){.playlist-display-container{grid-template-columns:repeat(auto-fit,minmax(30rem,1fr))}}@media screen and (max-width:768px){.playlist-display-container{width:100%;left:0}}@media screen and (max-width:320px){.playlist-display-container{grid-template-columns:repeat(auto-fit,minmax(25rem,1fr))}}.liked-video-container{background-color:var(--bg-color);width:83%;min-height:100vh;margin:0 auto;padding:4rem;position:relative;left:8.5%;top:7rem;display:flex;justify-content:space-around}.liked-video-svg{width:18vw;height:30rem;text-align:center}.liked-video-svg>img{width:100%;height:100%;margin-bottom:2rem}.liked-video-svg>h6,p{margin-bottom:1rem}.liked-video-svg>h6,.no-videos,p{color:var(--white-color)}@media screen and (max-width:768px){.liked-video-container{width:100%;left:0;flex-direction:column;align-items:center;justify-content:flex-start}.liked-video-svg{width:100%;height:100%}}.btn-clear{font-size:1.6rem;font-weight:600;padding:1rem;background-color:var(--cta-color)}.login-container{height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color)}.login{width:40rem;padding:2rem;border-radius:.5rem;background-color:var(--light-white-color)}.login-title{text-align:center;font-weight:900;margin-bottom:2rem}.login-form>input{width:100%;margin:.4rem 0 2rem;padding:1rem}.forgot-password{font-size:1.2rem}.btn-login{font-size:1.7rem;width:100%;background-color:var(--nav-bg-color);margin-top:1rem;text-transform:uppercase;letter-spacing:.1rem;font-weight:700;opacity:.9}.btn-login:hover{opacity:1}.btn-guest-login{font-size:1.6rem;width:100%;color:var(--nav-bg-color);background-color:transparent;border:1.5px solid var(--nav-bg-color);margin-top:1rem;text-transform:capitalize;letter-spacing:.1rem;font-weight:700}.btn-guest-login:hover{text-transform:uppercase;letter-spacing:.2rem}.no-account{font-size:1.4rem;margin:1rem 0;text-align:center;letter-spacing:.1rem}.no-account a{text-decoration:underline}.term-condition{display:flex;align-items:center;font-size:1.2rem}.term-condition>input{margin-right:.5rem}.login-error-msg,.signup-error-msg{margin-bottom:2rem}.user-profile-wrapper{background-color:var(--bg-color);height:100vh}.user-profile-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh;width:35rem;margin:auto}.profile-details{width:35rem}.user-email-container,.username-container{display:flex;align-items:center;justify-content:space-between;color:var(--light-white-color);border:1px solid var(--search-border-color);padding:1rem}.btn-logout{width:100%;margin-top:2rem;background-color:var(--cta-color)}.single-video-container{background-color:var(--bg-color);width:83%;min-height:100vh;margin:0 auto;padding:4rem;position:relative;left:8.5%;top:7rem;display:flex;justify-content:space-around}.single-video{width:100%}.video-player{min-height:70vh}.react-player>div>iframe{width:100%;height:100%;min-height:70vh}.single-video-info-container{padding:1rem}.creator-info{display:flex;justify-content:space-between}.creator-info>h6,span{font-size:1.8rem;color:var(--light-white-color)}.video-controls-container>button{color:var(--white-color);background-color:transparent;border:none;padding:1rem 2rem 0 0;font-size:1.7rem;font-weight:600;cursor:pointer}.video-controls-container>button>.fa-solid{margin-right:.5rem}@media screen and (max-width:768px){.single-video-container{width:100%;left:0}}@media screen and (max-width:425px){.react-player>div>iframe,.video-player{min-height:35vh}}
/*# sourceMappingURL=main.2f547691.chunk.css.map */