body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.main-footer{width:100%;padding:.5rem;background-color:var(--bg-color)}.footer-header{color:var(--default)}.footer-header,.footer-link{text-align:center;font-size:1.5rem}.footer-link{margin-top:1rem}.footer-link .link{margin:0 2rem}.footer-link .fa-github,.footer-link .fa-linkedin-in,.footer-link .fa-twitter{color:var(--default)}.simple-navigation{background-color:var(--bg-color);padding:1rem;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:10}.hamburger-icon{font-size:1.5rem;display:none;cursor:pointer}.simple-navigation .list-item{color:var(--secondary-color);font-size:1.5rem}.nav-list{text-decoration:none;padding:0;margin:0;display:flex;align-items:center;flex-wrap:nowrap;font-size:1rem;width:auto}.nav-list-link{margin-left:2rem}.nav-link{margin:0 1rem;color:var(--default);text-decoration:none;font-weight:bolder;font-size:1.2rem}.logo{width:3rem;height:3rem;margin:0 1rem}.nav-list .text{color:var(--secondary-color);font-size:2rem;text-decoration:none;font-weight:700}.nav-search{padding:.5rem;width:30%}.icons,.icons .profile{position:relative;color:var(--secondary-color)}.icons .profile{margin:0 1rem}.material-icons{margin:0 1.5rem}.badge,.header-text,.num-items{position:absolute}.profile .header-text{top:1.5rem;left:1rem}.wishlist .header-text{top:1.5rem;left:5.3rem}.cart .header-text{top:1.5rem;right:1.3rem}.wishlist .badge{top:-1rem;right:3.5rem}.cart .badge,.cart .num-items{top:-1rem;right:-1.3rem}.wishlist .num-items{color:var(--primary-color);top:-1rem;right:5.5rem}.cart .num-items{color:var(--primary-color);top:-1rem;right:.7rem}.nav-icon-text{position:absolute;top:1.5rem;right:-.5rem}.mobile-sidebar{background-color:var(--blur);position:fixed;top:0;right:0;left:0;bottom:0;width:100vw;height:100vh;z-index:25}.mobile-sidebar-container{width:15rem;background-color:var(--white-section);height:100vh}.mobile-sidebar-container .heading{background-color:var(--bg-color);padding:1rem;text-align:left;display:flex;align-items:center}.mobile-sidebar-container .close{position:relative;right:-2.5rem;cursor:pointer}.mobile-sidebar-container .user{margin-right:.5rem}.mobile-sidebar-container .list-item{font-size:1.2rem;font-weight:500;margin:.2rem;padding:.5rem}.drawer{border:1px solid var(--white-section);position:-webkit-sticky;position:sticky;top:4.8rem;height:calc(100vh - 79px);min-width:-webkit-max-content;min-width:max-content}.drawer,.stacked-list{background-color:var(--bg-color)}.stacked-list{width:100%;border:none;font-size:1.3rem;text-align:left}.link,.stacked-list{text-decoration:none}.link{color:var(--default)}.list-item .far,.list-item .fas{margin:0 .5rem}.list-item{margin:0;display:block;border:none!important}.main{font-size:1rem;display:grid;grid-template-columns:1fr 5fr;min-height:100vh}.main .top-header{display:flex;justify-content:space-between;align-items:center;margin:1rem}.main .main-content .heading{width:90%;display:flex;align-items:center}.main .heading>p{margin-top:.7rem}.main .main-footer{margin:1rem}.playlist-modal{z-index:50;position:fixed;top:0;left:0;bottom:0;right:0;width:100vw;height:100vh;background-color:var(--blur)}.playlist-modal-container{position:fixed;left:50vw;top:calc(50vh - 72px);background-color:var(--bg-color);padding:1rem;width:18rem}.playlist-modal .head{display:flex;justify-content:space-between}.playlist-modal .close{margin-top:.3rem}.playlist-modal .plus{margin-right:1rem}.playlist-modal .head>span{font-size:1.2rem}.playlist-modal .btn{padding:0;border:none;font-size:1.2rem;background-color:var(--bg-color);margin:1rem 0 0;cursor:pointer}.playlist-modal .label{display:block!important;color:var(--default);font-weight:400;padding-left:0;padding-right:0}.playlist-modal .input{margin-right:1rem}.playlist-modal .add-inp{width:80%;margin:0 .5rem;padding:.2rem .5rem;border-radius:5px}.playlist-modal .divider{margin:.5rem 0;border-bottom:1px solid var(--default)}.playlist-modal .add-btn{padding:.2rem;cursor:pointer}.horizontal{position:relative;min-height:12rem;max-width:100%;margin:1rem;border-radius:0;padding:1rem;background-color:var(--bg-color)}.fa-times{position:absolute;top:1rem;right:1rem}.horizontal .title{overflow:hidden;text-overflow:ellipsis;height:2rem}.horizontal .img{width:18rem;border-radius:9px}.container1 .header{margin:0 1rem;font-weight:400}.container1 .description{text-overflow:ellipsis;overflow:hidden;height:2.3rem;-webkit-box-orient:vertical;display:-webkit-box}.footer .view{margin-right:2rem}.time>span,.view>span{margin-left:.5rem}.product-empty{font-size:5rem;display:flex;justify-content:center;margin-top:8rem}:root{--bg-color:#e2e8f0;--blur:rgba(0,0,0,0.27)}.margin-top-0_5{margin-top:.5rem}.margin-top-1{margin-top:1rem}.margin-top-0_2{margin-top:.2rem}.margin-top-1_5{margin-top:1.5rem}.margin-right-0_5{margin-right:.5rem}.margin-right-2{margin-right:2rem}.margin-top-2{margin-top:2rem}.margin-1{margin:1rem}.margin-2{margin:2rem}.cursor-pointer{cursor:pointer}@media screen and (max-width:1024px){.hamburger-icon{display:inline!important}.drawer,.simple-navigation .nav-link,.simple-navigation .profile{display:none}.main,.playlistContainer,.videoContainer,.videoPlayerContainer{grid-template-columns:1fr!important}.videoPlayerContainer .main-content{padding:.5rem!important}.playlist-modal-container{left:40vw}}@media screen and (max-width:786px){.nav-list{position:static;border:none;background-color:#e2e8f0;background-color:var(--bg-color)}.nav-search{position:fixed;top:74.4px;left:0;width:100vw}.videoContainer .main-content{margin-top:2rem}.videoContainer .filter-list-item{margin:.1rem!important}.videoPlayerContainer .footer{flex-direction:column;justify-content:flex-start!important;align-items:start!important}.playlist-modal-container{left:30vw}.horizontal .img{width:10rem!important}.footer .view{margin:0!important}}@media screen and (max-width:480px){.playlist-modal-container{left:15vw}.videoContainer .main-content{padding:0!important}.videoContainer .title{width:12rem!important}}.videoContainer{font-size:1rem;display:grid;grid-template-columns:1fr 5fr}.videoContainer .main-content{width:90%;margin:1px auto auto;padding-bottom:3rem}.videoContainer .video-content{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.videoContainer .card{flex-shrink:2;background-color:var(--white-section);width:22rem;height:20rem;padding:.5rem;position:relative;max-width:none;border-radius:.5rem}.videoContainer .card-text{padding:0;margin-top:.7rem;text-align:left}.videoContainer .title{width:15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.videoContainer .sm{width:2rem;height:2rem}.videoContainer .card-view{margin-right:1rem}.videoContainer .img{object-fit:cover;height:100%;border-radius:.5rem}.videoContainer .fa-dot-circle,.videoContainer .fa-eye{margin-right:.2rem}.videoContainer .filter-list{list-style:none;display:flex;flex-wrap:wrap;text-align:left;margin:1rem}.videoContainer .filter-list-item{height:2.5rem;text-decoration:none;display:inline;border:1px solid var(--default);padding:.5rem 1rem;margin:.5rem;border-radius:5rem}.videoContainer .video-link{height:70%}.videoContainer .timing{position:absolute;right:1.3rem;top:10.9rem;color:var(--white-section);background-color:var(--default);padding:5px;border:none;border-radius:5px;cursor:pointer}.list-item{color:var(--default)}.video-empty{font-size:3rem;justify-self:center;align-self:center}.videoContainer .fa-ellipsis-v{position:absolute;right:1rem;top:15rem}.videoContainer .card-pop-up{border:1px solid var(--default);width:12rem;position:absolute;height:5rem;top:14rem;right:.5rem;text-align:left;background-color:var(--bg-color)}.videoContainer .card-pop-up>p{padding:.2rem;margin:.5rem 0}.fa-check-circle,.fa-clock,.videoContainer .fa-list{margin:0 .5rem}.videoContainer .fa-times{position:absolute;top:7px;right:9px}.active{background-color:var(--bg-color)!important}@media screen and (max-width:786px){.videoContainer .main-content{padding:0}}@media screen and (max-width:480px){.videoContainer .card{width:100%}}.sub-container{display:flex;flex-wrap:wrap;justify-content:center}.banner{width:100%;height:60vh;background:url(/static/media/banner.f7e642ec.jpg);background-size:cover}.banner-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--blur)}.home-heading{margin:1rem 0;width:100%;text-align:center}.banner-text{width:21rem}.banner-text-heading{text-align:center;font-size:3rem;color:var(--white-section)}.banner-text-button{width:14rem;text-decoration:none;color:var(--default);cursor:pointer;background-color:var(--bg-color);border:none;padding:1.5rem;border-radius:10px;font-weight:700;font-size:1.1rem;display:flex;align-items:center;margin:2rem auto auto}.banner-text-button:hover{opacity:.8}.banner-arrow{margin-left:.5rem;font-weight:bolder}.retina{position:relative}.retina:hover{-webkit-transform:scale(1.1);transform:scale(1.1);transition:all .7s}.text-overlay{border-radius:0 0 1rem 1rem;color:var(--default);position:absolute;display:flex;justify-content:center;align-items:center;top:6.9rem;background-color:var(--bg-color);width:100%;height:54%}.img-size{margin:0;border-radius:1rem;object-fit:cover;width:20rem;height:15rem}@media screen and (max-width:480px){.image-section,.img-size{width:100%}.sub-container{margin:0}.home-heading{font-size:1.5rem}.banner-text-heading{font-size:2rem}.banner-text-button{width:12rem;padding:1rem;font-size:1rem}}.playlistContainer{font-size:1rem;display:grid;grid-template-columns:1fr 5fr;height:100vh}.playlistContainer .main-content .heading{width:100%;margin:1rem 0}.playlistContainer .normal-list{display:flex;flex-wrap:wrap}.playlistContainer .normal-list-item{background-color:var(--bg-color);margin:1rem;padding:1rem;width:37rem;display:flex;justify-content:space-between}.playlistContainer .normal-list-item>div{display:flex;align-items:center}.playlistContainer .product-empty{font-size:5rem;display:flex;justify-content:center;margin-top:8rem}.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:4rem}@media screen and (max-width:480px){.playlistContainer .normal-list-item{width:100%}}.videoPlayerContainer{font-size:1rem;display:grid;grid-template-columns:1fr 5fr;height:100vh}.videoPlayerContainer .main-content{padding:1rem}.description,.videoPlayerContainer .title{text-align:left}.videoPlayerContainer .footer{display:flex;justify-content:space-between;align-items:center}.sub-container2,.videoPlayerContainer .sub-container1{display:flex}.videoPlayerContainer .video{width:100%}.videoPlayerContainer .fa-clock{margin-top:.2rem}.videoPlayerContainer .video-player{width:100%!important;object-fit:cover;height:55vh!important}.loginContainer{font-size:1rem;display:flex;flex-direction:column;align-items:center;margin:2rem auto;padding:1rem;background-color:var(--secondary-color);width:20rem;height:67.5vh;border:1px solid var(--default)}.loginContainer .inp{margin:1rem 0;width:100%;padding:.5rem 1rem;border-radius:1rem;border:1px solid var(--default);text-decoration:none;color:var(--default)}.loginContainer .password-icon{margin:1rem;position:relative;top:-2.7rem;left:11rem;cursor:pointer}.loginContainer .submit{padding:.5rem;border-radius:1rem;border:1px solid var(--default);width:100%;background-color:var(--bg-color);color:var(--secondary-color);cursor:pointer;text-decoration:none;margin:.5rem 0}.loginContainer .submit:hover{opacity:.5}.loginContainer .material-icons-outlined{font-size:5rem;text-align:center;color:var(--primary-color)}.loginContainer .signup-link{color:var(--primary-color)}.logoutContainer{font-size:1rem;margin:10rem auto;padding:2rem;background-color:var(--secondary-color);width:20rem;border:1px solid var(--default);height:14.5rem}.logoutContainer .logout .primary{text-decoration:none;color:var(--secondary-color);background-color:var(--bg-color);padding:1rem;border-radius:1rem;border:1px solid var(--default);margin:2rem .5rem}.logoutContainer .logout .secondary{text-decoration:none;color:var(--default);border:1px solid;padding:1rem;margin:2rem .5rem;border-radius:1rem}.logout .primary:hover,.logout .secondary:hover{opacity:.5}.signupContainer{font-size:1rem;border:1px solid var(--default);margin:1.1rem auto 1.2rem;padding:2rem;background-color:var(--secondary-color);width:20rem}.signupContainer .signin{border:1px solid #d8bfd8;padding:.4rem 3rem;text-align:center;border-radius:1rem;text-decoration:none;color:var(--default)}.signupContainer .password-icon{cursor:pointer;position:relative;top:-2.7rem;left:13rem;margin:1rem}.signupContainer .confirm-password{position:relative;left:-3rem}.signupContainer .inp{margin:1rem 0;padding:.5rem 1rem;color:var(--default)}.signupContainer .inp,.signupContainer .submit{width:100%;border-radius:1rem;border:1px solid var(--default);text-decoration:none}.signupContainer .submit{padding:.5rem;background-color:var(--bg-color);color:var(--secondary-color);cursor:pointer;margin:0}.signupContainer .submit:hover{opacity:.5}.signupContainer .signin-link{color:var(--primary-color)}
/*# sourceMappingURL=main.b38d7461.chunk.css.map */