@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600&display=swap);*{margin:0;padding:0;box-sizing:0}:root{--white-color:#fff;--light-color:#e9e8e8;--ligtest-color:#838383;--black-color:#000;--info-color:#2ba9df;--error-color:#fd5d5d;--success-color:#73d059}html{font-size:62.5%}body{font-family:"Open Sans",sans-serif}.Toastify__toast--success{background:#73d059!important;background:var(--success-color)!important}.Toastify__toast--error{background:#fd5d5d!important;background:var(--error-color)!important}.Toastify__toast--warning{background-color:#2ba9df!important;background-color:var(--info-color)!important}.Toastify__toast--info{background-color:#000!important;background-color:var(--black-color)!important}.Toastify__toast{font-size:1.5rem}.header{display:flex;justify-content:space-between;background-color:var(--white-color)}.head-container{display:flex;justify-content:flex-start;align-items:center}.hamburger-btn{background:none;border:none;padding:0 2rem}.head-container .logo{color:var(--black-color);font-weight:500}.icon{width:2.3rem;height:2.3rem;background:none;border:none;fill:var(--black-color);cursor:pointer}.action-icon .btn{color:var(--white-color);background-color:var(--black-color)}.action-icon .btn .link{margin-right:0;color:var(--white-color)}.search-container #search{border-color:var(--ligtest-color);color:var(--black-color)}@media screen and (max-width:900px){.header{position:fixed;z-index:3}}@media screen and (max-width:800px){.logo{display:none}.search-container{width:60%;margin-right:10rem}}.sidebar{background-color:var(--white-color);height:100vh;width:20rem;padding-top:2rem;box-shadow:0 3px 2px 0 rgba(99,99,99,.2);display:none;flex-direction:column;z-index:3}.sidebar.active{display:flex}.sidebarListItems{display:flex;padding:1.5rem 2rem;cursor:pointer}.sidebarListItems:hover{background-color:var(--light-color)}.sidebarText{font-size:1.6rem;color:var(--black-color);padding-left:2rem;text-decoration:none}.sidebarListItems .icon{fill:var(--black-color);width:2rem;height:2rem}@media screen and (max-width:900px){.sidebar.active{position:fixed;top:5.9%}}.video-card-container{min-height:22rem;width:23%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:1.5rem;grid-gap:2;gap:2;box-shadow:0 1px 4px rgba(0,0,0,.16);border-radius:10px;cursor:pointer}.video-image{width:100%;height:75%;position:relative}.video-image .video-time{position:absolute;bottom:5px;left:5px;font-size:1.3rem;font-weight:600;color:var(--white-color)}.video-image img{width:100%;height:100%;object-fit:cover;border-radius:10px 10px 0 0}.video-info{height:25%;width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem;position:relative}.video-content{font-size:1.5rem;padding-left:.5rem}.video-content span{font-size:1.2rem;color:var(--ligtest-color)}.creator{font-size:1.2rem;margin-top:5px}.avatar-box{display:flex;justify-content:center;align-items:center}.avatar{margin-right:0}.avatar-box img{height:4rem;width:4rem;object-fit:cover;overflow:hidden}.action-icons .icon{fill:var(--ligtest-color);width:2rem;height:2rem}.action-card{min-width:15rem;display:flex;flex-direction:column;position:absolute;right:0;bottom:-5rem;z-index:2;border-radius:5px}.action-button{font-size:1.5rem;border:none;background-color:var(--white-color);padding:8px 0;cursor:pointer;display:flex;justify-content:space-evenly;align-items:center}p{width:65%}.action-icon{height:1.3rem;width:1.3rem}.btnradius1{border-radius:5px 5px 0 0}.btnradius2{border-radius:0 0 5px 5px}.action-button:hover{background-color:var(--light-color)}@media screen and (max-width:1200px){.video-card-container{width:40%;height:20rem}}@media screen and (max-width:800px){.video-card-container{width:45%}}@media screen and (max-width:600px){.video-card-container{width:90%;padding:0}.video-info{justify-content:flex-start;padding:1rem}.video-content{width:90%}}.video-listing-container{display:flex;justify-content:flex-start;height:calc(100vh - 5rem)}.video-listing{min-height:calc(100vh - 5rem)}.video-listing .featured-category{padding-left:2rem}.btn-flex{display:flex;align-items:center;justify-content:flex-start;grid-gap:1.5rem;gap:1.5rem;flex-wrap:wrap}.video-listing .featured-category .btn{background-color:var(--light-color);color:var(--black-color);border-radius:2rem;font-size:1.5rem;margin:0}.featured-category{margin-bottom:2rem}.video-listing .featured-category .btn:active{background-color:var(--ligtest-color)}.video-listing .featured-category .active{background-color:var(--black-color);color:var(--white-color)}.video-listin-flex{min-height:30rem;width:100%;display:flex;justify-content:space-evenly;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap}.featured-category{margin-top:2rem}@media screen and (max-width:900px){.video-listing-container{padding-top:6rem}}.playlist-card{display:flex;width:40%;height:15rem;box-shadow:0 1px 4px rgba(0,0,0,.16)}h1{padding:2rem}.video-listing-container .playlist-container{display:flex;justify-content:flex-start}.playlist-card-image{width:40%;height:100%;display:flex;align-items:center;background-color:var(--black-color);cursor:pointer}.playlist-card-image img{height:90%;width:100%;object-fit:cover;border-radius:5px 0 0 5px}.playlist-card-info{display:flex;flex-direction:column;width:60%;height:100%}.playlist-card-content{font-size:1.5rem;font-weight:500;padding:2rem;height:80%}.playlist-card-content span{font-size:1.2rem;color:var(--ligtest-color)}.playlist-card-action{text-align:end;padding:1.5rem;height:20%;display:flex;justify-content:flex-end;align-items:center;padding:1rem}.playlist-card-action .icon{width:2rem;height:2rem;fill:var(--lightest-color);cursor:pointer}.playlist-container{grid-gap:2rem;gap:2rem;flex-wrap:wrap;align-items:center;padding:2rem}.btn{box-shadow:none;background-color:var(--black-color);color:var(--white-color);border:10px;margin-left:2rem;padding:5px 10px;cursor:pointer}.playlist-div{width:calc(100vw - 20rem)}.playlist-div h4{font-size:1.5rem}.playlist-btn{margin-top:4rem}.display-playlist-container{min-width:50%;display:flex;justify-content:space-between;align-items:center;padding:1rem;border-radius:5px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;cursor:pointer;margin:auto;background-color:var(--ligtest-color);box-shadow:0 1px 4px rgba(0,0,0,.16)}.playlist-name{font-size:1.8rem}.playlist-info{display:flex;align-items:center;font-size:1.5rem;grid-gap:10px;gap:10px}.playlist-info p{font-size:1.7rem}.playlist-info .icon{width:2.5rem;height:2.5rem;fill:var(--black-color)}.playlist-container{margin:auto;display:flex;justify-content:center;width:100%}.playlist-div{width:100%}.background{background-color:rgba(0,0,0,.7);cursor:pointer;position:fixed;height:100vh;width:100vw;z-index:1}.playlist-modal-box{width:24rem;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2;background-color:var(--light-color)}.playlist-modal-title{display:flex;justify-content:space-between;align-items:center;padding:.5rem 2rem;border-bottom:2px solid var(--black-color)}.action-icons{border:none;background:transparent;font-size:1.5rem}.playlist-modal-box .playlist-modal-container{margin:0;padding:1rem 2rem}.playlist-one{display:flex;align-items:center}.playlist-modal-container label{font-size:1.5rem;margin-left:10px}.create-playlist-btn{cursor:pointer;padding:10px 2rem;border:none;background:none;display:flex;align-items:center;justify-content:space-between}.create-playlist-btn .playlist-action-icons{height:1.5rem;width:1.5rem}.create-playlist-btn span{margin-left:10px;font-size:1.5rem}.playlist-ipt-container{margin:.5rem 0;padding:.5rem 2rem;display:flex;flex-direction:column}.new-playlist{padding:2px 4px;outline:none;border:none;background-color:var(--row-color);border-bottom:2px solid var(--ligtest-color);color:var(--black-color);font-weight:700}.close-ipt{padding:5px 10px;cursor:pointer;background:var(--black-color);color:var(--light-color);border:none;margin-top:1rem;font-size:1.1rem;font-weight:600;align-self:flex-end}.close-ipt:active{background:var(--lightest-color);color:var(--black-color)}@media screen and (max-width:1100px){.playlist-card{width:45%}.playlist-card-image{width:60%}}@media screen and (max-width:900px){.playlist-card{width:80%;height:19rem}}@media screen and (max-width:700px){html{font-size:60%}.playlist-container{flex-direction:column}.playlist-card{width:80%;height:18rem}.display-playlist-container{width:100%}}@media screen and (max-width:500px){html{font-size:55%}.playlist-card{width:100%}}.login-container{margin-top:12rem;box-shadow:0 1px 4px rgba(0,0,0,.16)}.login-container h1{margin-top:2rem!important;padding:0!important}.login-credential .confirm-password label,.login-credential .login-email label,.login-credential .login-password label{font-size:1.5rem;font-weight:300;color:var(--black-color)}.login-credential .confirm-password input,.login-credential .login-email input,.login-credential .login-password input{margin-top:.5rem}.login-container .login-btns .login{color:var(--secondary-color);background-color:var(--info-color)}.login-credential .confirm-password,.login-credential .login-email,.login-credential .login-password{font-size:1.5rem;position:relative}.login-btns .login{border:none;cursor:pointer;font-size:1.7rem;font-weight:500}.new-account{border:none;background:none;margin-bottom:2rem;font-size:1.5rem;text-decoration:underline;cursor:pointer}.login-credential .confirm-password{margin-top:2rem}@media screen and (max-width:1200px){.login-container{width:50%}}@media screen and (max-width:900px){.login-container{width:70%}}@media screen and (max-width:500px){.login-container{width:90%}}.single-video-container{width:90%;display:flex;justify-content:center;margin:3rem auto}.single-video-container .video-play-box{width:80%;display:flex;flex-direction:column}.video-player{width:100%;height:50rem}.video-play-box .video-title{font-size:1.7rem;margin-top:1.2rem}.video-play-box .single-video-info{display:flex;justify-content:space-between;align-items:center;margin:1rem 0}.single-video-info .total-view{font-size:1.5rem;color:var(--ligtest-color)}.single-video-info .action-items{margin-right:10px;display:flex;justify-content:space-around;grid-gap:2rem;gap:2rem}.action-items .action-btns{height:3rem;display:flex;justify-content:space-between!important;align-items:center;background:none;border:none;grid-gap:5px;gap:5px;font-size:1.5rem;cursor:pointer}.action-icons{height:2rem;width:2rem;cursor:pointer}.channel-intro{display:flex;align-items:center;border-top:1px solid var(--light-color);padding-top:2rem}.channel-intro .avatar{height:5rem;width:5rem}.channel-intro .channel-name{margin-left:2rem}.channel-name h3{font-size:1.7rem}.channel-intro .channel-name span{font-size:1.2rem}.single-video-container .explore-video{width:40%;display:flex;flex-direction:column;align-items:center}.explore-video .video-notecontainer{box-shadow:0 1px 4px rgba(0,0,0,.16);background:var(--light-color);width:80%;height:80%}.video-notecontainer h3{margin:2rem;font-size:1.5rem}@media screen and (max-width:1200px){.explore-video-container,.single-video-container .video-play-box{width:90%}.single-video-info{flex-direction:column;justify-content:flex-start}.single-video-info .total-view{width:100%}.single-video-info .action-items{width:100%;margin-top:1rem;justify-content:flex-start}}@media screen and (max-width:1100px){.video-player{margin-top:10rem;height:30rem}}@media screen and (max-width:900px){.single-video-container{flex-direction:column}.video-play-box{width:100%;margin:auto}.single-video-container .explore-video{width:100%;margin:4rem auto}.explore-video .video-notecontainer{height:20rem;margin-bottom:4rem}}@media screen and (max-width:500px){.video-player{height:20rem;width:100%;margin:0}}.error-container{display:flex;flex-direction:column;align-items:center;margin-top:10rem}
/*# sourceMappingURL=main.724c9c37.chunk.css.map */