@import url(https://fonts.googleapis.com/css2?family=Inter&display=swap);@import url(https://fonts.googleapis.com/css2?family=Encode+Sans:wght@500&display=swap);*{box-sizing:border-box;padding:0;margin:0}.default-theme{--font-color:#e8e6e3;--font-color-2:#b2aca2;--bg-color:#141319;--navbar-color:#191921;--navbar-color-dark:#23232e;--container-color:#222230;--container-color-dark:#34343d;--icon-color:var(--white)}.default-theme,.light-theme{--primary-color:green;--danger-color:#f82d2d;color:var(--font-color)}.light-theme{--font-color:#0e0e0d;--bg-color:#eaeaea;--navbar-color:#dbdbdb;--navbar-color-dark:#f4f4f4;--container-color:#dadada;--container-color-dark:#cecece;--icon-color:var(--font-color)}body{display:flex;flex-direction:column;min-height:100vh;font-family:"Encode Sans",sans-serif;letter-spacing:.5px}a{color:inherit;text-decoration:inherit}li{list-style:none}.App{background:var(--bg-color);min-height:100vh}.video-list-container{background-color:var(--bg-color);display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;padding:1rem 4rem;margin-left:250px}.container-title{display:flex;align-items:center;grid-gap:1rem;gap:1rem}.card{width:22.5rem}.card,.card:hover{box-shadow:0 0 5px 1px #2d4263}.card-img{width:100%;height:11rem}.card-title{display:flex;justify-content:space-between}.card-title-header{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-info{grid-gap:.8rem;gap:.8rem;padding:1rem}.ellipse{position:relative;padding:0 0 0 1rem}.option-list{display:flex;flex-direction:column;position:absolute;z-index:2;width:-webkit-max-content;width:max-content;right:0}.option-list div{align-items:center;grid-gap:.5rem;gap:.5rem;padding:.5rem .8rem;background-color:var(--container-color);font-size:.9rem}.option-list div:hover{background:var(--container-color-dark)}.fa{margin-right:5px}.display-flex{display:flex}.display-none{display:none}.responsive-grid{padding:1rem 0;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));grid-gap:3rem}.message-container{flex-direction:column;height:calc(100vh - 144px);grid-gap:1rem;gap:1rem}.btn-start-watch{background:var(--primary-color)}.btn-trash{color:var(--danger-color)}.btn-clear{padding:5px 10px}.container-title-header{display:flex;justify-content:space-between;align-items:center;width:100%}.wd-inherit{width:100%}@media screen and (max-width:1450px){.card{width:20rem}}@media screen and (max-width:950px){.video-list-container{margin-left:0;z-index:2;padding:2rem 1rem}.responsive-grid{grid-gap:4.5rem}}@media screen and (max-width:630px){.video-list-container{justify-content:center;align-items:center;padding:1rem;width:100%}.container-title{width:90%}.card{width:18rem;cursor:default}.card-img{height:10rem}.card-title-header{font-size:.7rem}.card-description{font-size:.5rem}.responsive-grid{grid-gap:3rem}.btn-clear{padding:0 3px;font-size:15px}.btn-clear .fa{margin-right:0}.btn-clear span{display:none}}.navbar{flex-direction:column;background:var(--navbar-color)}.navbar-left h2{letter-spacing:1px;margin-left:.5rem}.logo{height:40px}.navbar-main{display:flex;align-items:center;width:100%;justify-content:space-between;padding:0 1rem}.navbar-right>li{cursor:pointer;font-size:1.7rem}.search-container{display:flex;align-items:center;padding:.5rem .9rem;grid-gap:1rem;gap:1rem;width:50%;overflow:auto;border-radius:var(--border-md)}.search-bar,.search-container{background-color:var(--container-color-dark);color:var(--font-color)}.search-bar{outline:none;border:none;width:100%;font-size:1rem}.search-bar::-webkit-input-placeholder{background-color:var(--container-color-dark);font-weight:var(--font-light);color:var(--font-color)}.search-bar:-ms-input-placeholder{background-color:var(--container-color-dark);font-weight:var(--font-light);color:var(--font-color)}.search-bar::placeholder{background-color:var(--container-color-dark);font-weight:var(--font-light);color:var(--font-color)}.nav-header{position:-webkit-sticky;position:sticky;top:0;z-index:10}.nav-header-icon{color:var(--icon-color)}.drawer-hamberg-btn{display:none;font-size:1.4rem;margin-right:.5rem}.drawer-hamberg-btn:hover{background:none;color:var(--primary-color)}.logo-wrapper{cursor:pointer}@media screen and (max-width:950px){.drawer-hamberg-btn{display:block;color:var(--icon-color)}.logo-wrapper{cursor:default}}@media screen and (max-width:500px){.login{font-size:1.2rem;cursor:default}.navbar,.navbar-left{justify-content:space-between}.navbar{padding:.8rem .1rem;grid-gap:1rem;gap:1rem}.search-container{display:none}.search-mob{display:flex;width:92%}.logo{height:30px}}@media screen and (min-width:500px){.search-mob{display:none}}.sidebar-container{display:flex;flex-direction:column;width:250px;height:100%;grid-gap:2rem;gap:2rem;position:fixed;left:0;overflow-y:auto;z-index:5;background-color:var(--navbar-color)}.sidebar-option{display:flex;align-items:center;padding:1rem 2rem;cursor:pointer;color:var(--font-color)}.active,.sidebar-option:hover{background-color:var(--container-color-dark)}.inactive{background-color:var(--navbar-color)}.sidebar-option .fa{margin-right:2rem;font-size:1.3rem}@media screen and (max-width:950px){.trans-on{left:0}.trans-off,.trans-on{transition:left .5s ease-out}.trans-off{left:-30.875rem}}@media screen and (max-width:500px){.sidebar-container{width:200px}.sidebar-option{cursor:default}}.loader-wrapper{background:var(--bg-color);width:calc(100vw - 15.625rem);position:fixed;height:calc(100vh - 4.5rem);z-index:9999;margin-left:15.625rem}.mini-loader-wrapper{width:100%}@media screen and (max-width:500px){.loader-wrapper{margin-left:0;width:100%}.loader{width:4rem}.mini-loader{width:30px}}.modal-wrapper{background:rgba(52,46,46,.7490196078431373);width:100vw;position:fixed;height:100vh;z-index:9999}.modal{color:var(--font-color);padding:1rem;grid-gap:1.2rem;gap:1.2rem;width:20rem;background:var(--bg-color)}.modal-header{display:flex;justify-content:space-between}.select-input-text{font-size:.9rem}.modal-input input{border-radius:var(--border-sm);font-size:.9rem;padding:.2rem .5rem;margin-left:1rem;cursor:pointer;color:var(--font-color);background:var(--navbar-color-dark);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fa,.select-input{cursor:pointer}.secondary{background:var(--primary-color);font-size:.8rem;padding:.3rem .8rem;width:100%;letter-spacing:1px;text-align:center;font-family:inherit;border-radius:0}@media screen and (max-width:500px){.modal{width:80%;grid-gap:.8rem;gap:.8rem}.modal-input input{margin-left:.2rem}}.category-list{display:flex}.category{font-weight:var(--font-semiBold);font-size:1rem;color:var(--font-color);background-color:var(--container-color-dark);padding:.4rem 1rem;border-radius:var(--border-lg);margin-right:1rem;cursor:pointer}.category:hover{background:var(--primary-color);color:var(--white)}.active-category{background-color:var(--primary-color)}@media screen and (max-width:630px){.category-list{justify-content:center}.category{flex-wrap:wrap;font-size:.5rem;padding:.4rem .5rem;cursor:default,}}.play-container{min-height:100vh;display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;padding:2.5rem;margin-left:250px}.play-container iframe{height:calc(75vh - 72px)}.video-footer{display:flex;flex-direction:column;grid-gap:2rem;gap:2rem}.footer-title{letter-spacing:1px;line-height:2rem}.footer-btn-list{display:flex}.footer-btn-list div{font-weight:var(--font-semiBold);font-size:1rem;color:var(--font-color);padding:.4rem 1rem;border-radius:var(--border-lg);margin-right:1rem;cursor:pointer}.footer-btn-list div:hover{background:green;color:var(--white)}.footer-btn-list div .fa{margin-right:.5rem}.footer-description{margin-bottom:2rem;line-height:2rem}.is-not-select{background-color:var(--container-color-dark)}.is-select{background:var(--primary-color)}@media screen and (max-width:950px){.trans-on{left:0}.trans-off,.trans-on{transition:left .5s ease-out}.trans-off{left:-30.875rem}.play-container{margin-left:0;z-index:2}}@media screen and (max-width:500px){.play-container{padding:1rem}.play-container iframe{height:calc(50vh - 106px)}.footer-btn-list{display:flex;justify-content:space-around}.footer-btn-list div{padding:.5rem .7rem;font-size:.7rem;margin-right:0;cursor:default}.footer-title{font-size:.8rem}}.card-img{position:relative}.playlistFolder{border-radius:0}.card-title-header{background-color:var(--bg-color);border:none;outline:none;color:var(--font-color)}.card-highlight{font-size:1.5rem;background-color:var(--bg-color);height:100%;width:40%;position:absolute;top:0;right:0;opacity:.9;grid-gap:1rem;gap:1rem}.empty{background-image:linear-gradient(90deg,#d3cc34,#eb9200);color:var(--font-color)}.auth-container{flex-grow:1;flex-direction:column;height:calc(100vh - 72px)}.auth-main-container{flex-direction:column;width:25rem;padding:2rem;grid-gap:2rem;gap:2rem;box-shadow:0 0 9px 1px #d3931c}.auth-checkbox,.auth-main,.first-last-wrapper{display:flex;flex-direction:column;justify-content:center;grid-gap:1.3rem;gap:1.3rem;font-size:.8rem}.auth-main-container input{border-radius:var(--border-sm);font-size:.9rem;padding:.4rem 1rem;cursor:pointer;color:var(--font-color);background:var(--navbar-color-dark)}.auth-main-container input:focus,.auth-main-container input:hover{border:2px solid var(--primary-color)}.checkbox-input{accent-color:var(--primary-color)}.auth-main-container input::-webkit-input-placeholder{font-size:.9rem}.auth-main-container input:-ms-input-placeholder{font-size:.9rem}.auth-main-container input::placeholder{font-size:.9rem}.auth-email,.auth-firstname,.auth-lastname,.auth-pwd{display:flex;flex-direction:column}.auth-checkbox{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;grid-gap:.1rem;gap:.1rem}.auth-checkbox label{display:flex;align-items:center;grid-gap:.2rem;gap:.2rem;cursor:pointer}.auth-checkbox a{color:var(--primary-color);margin-left:1rem}.auth-primary-btn{cursor:pointer;background-color:var(--primary-color);color:var(--white);padding:.5rem 0}.auth-primary-btn a{color:var(--white);background:var(--primary-color)}.auth-secondary-btn{cursor:pointer;margin-top:1rem}.auth-secondary-btn a{font-size:1rem;color:var(--black)}.auth-main label{margin-bottom:.5rem}.first-last-wrapper{flex-direction:row;grid-gap:.5rem;gap:.5rem}.first-last-wrapper .text-input{width:100%}@media screen and (max-width:500px){.auth-container{height:calc(100vh - 10rem)}.auth-main-container{width:20rem;padding:1rem}.auth-main{grid-gap:1rem;gap:1rem}}.profile-main-container{padding-top:3rem;display:flex;flex-direction:column;align-items:center;grid-gap:2rem;gap:2rem}.title{font-weight:var(--font-semiBold)}.tabs{display:flex;flex-direction:column;justify-content:center;width:400px;box-shadow:0 0 9px 1px green}.tabs label{padding:.5rem 2rem;font-weight:var(--font-regular);width:100%;text-align:center;background:var(--primary-color)}.tabs .tab{padding:20px;border-top:3px solid var(--main-color)}.details-header{font-weight:var(--font-semiBold);font-size:1.1rem;margin-bottom:2rem;border-bottom:1px solid var(--primary-color);padding-bottom:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.profile-details-main{display:flex;grid-gap:2rem;gap:2rem;margin-bottom:2rem}.profile-details-main>div{display:flex;flex-direction:column;grid-gap:10px;gap:10px}@media screen and (max-width:500px){.tabs label{padding:.5rem 1rem}.tabs{width:300px}.profile-details-main{grid-gap:.5rem;gap:.5rem}}
/*# sourceMappingURL=main.49c8c2ad.chunk.css.map */