@import url(https://litespeedui.netlify.app/components/components.css);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Parisienne&display=swap);@import url(https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css);.light-theme{--menu-background:#f7f7f7;--text-color:#282828;--menu-hover:#ede9fe;--body-background:#f2f2f2;--profile-ctn-background:#fff}.dark-theme,.light-theme{--primary-color:#6d28d9;--chip-active-color:#fff}.dark-theme{--menu-background:#171923;--text-color:hsla(0,0%,100%,0.9215686274509803);--menu-hover:#2d3748;--body-background:#1a202c;--profile-ctn-background:#2d3748}ul{list-style-type:none}.flex-center{display:flex;align-items:center;grid-gap:10px;gap:10px}.cursor-pointer{cursor:pointer}.not-found-ctn{max-width:800px;width:100%;margin:5rem auto}.app-ctn{display:grid;grid-template-columns:1fr 7fr;background-color:var(--body-background)}header{display:none}aside,header{background-color:var(--menu-background);color:var(--text-color)}aside{position:-webkit-sticky;position:sticky;display:flex;flex-direction:column;height:100vh;top:0}aside h1.logo{font-family:"Parisienne",cursive;color:var(--primary-color)}aside span.mobile-menu-close{display:none;color:var(--text-color);padding-left:2rem;font-size:2.5rem}aside nav.side-menu{display:flex;flex-direction:column;flex-grow:1}aside nav.side-menu .menu-link{display:flex;align-items:center;padding:1rem;cursor:pointer;color:var(--text-color)}aside nav .menu-link:hover{background-color:var(--menu-hover)}aside nav span.material-icons{padding-right:10px}.videos-ctn{display:grid;grid-template-columns:repeat(auto-fill,minmax(23.4rem,1fr));grid-gap:2rem;gap:2rem}.video .video-thumbnail{position:relative}.video-thumbnail span.time-overlay{position:absolute;right:5px;bottom:5px;background-color:rgba(0,0,0,.8);color:var(--clr-white);font-size:12px;border-radius:2px;padding:5px}.videos-ctn .video .video-info{display:flex;padding-top:10px}.video-info img{width:3rem;height:3rem}.video-info .meta-data{padding-left:10px;flex-grow:1}.meta-data h5.video-title{line-height:1.3}.meta-data p.creator{font-size:14px}.views-date-info{display:flex;grid-gap:5px;gap:5px;font-size:14px}.video{position:relative;color:var(--text-color)}.video-option span.material-icons{cursor:pointer}.video-option .options{position:absolute;right:2rem;bottom:4rem;background-color:var(--menu-background);box-shadow:var(--light-shadow);width:230px;padding:1rem}.options ul li{display:flex;align-items:center;grid-gap:10px;gap:10px;padding:10px;cursor:pointer}.options ul li:hover{background-color:var(--light-gray);color:var(--clr-txt-dark);border-radius:5px}.clear-history{grid-gap:5px;gap:5px;padding-left:2rem}.clear-history,footer{display:flex;align-items:center;color:var(--text-color)}footer{flex-direction:column;grid-gap:1rem;gap:1rem;padding:2rem 0}footer .footer-links a{color:var(--primary-color);padding-right:14px;font-size:1.5rem}footer p.copyright{font-size:14px}@media screen and (max-width:800px){.app-ctn{display:block}.app-ctn,aside{min-height:100vh;height:100%}aside{position:fixed;left:0;-webkit-transform:translate(-100%);transform:translate(-100%);transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear;z-index:1}aside.show-menu{-webkit-transform:translate(0);transform:translate(0)}header{display:flex;align-items:center}header span.menu{font-size:2.5rem;padding-right:2rem}header h1.logo{font-family:"Parisienne",cursive;color:var(--primary-color)}aside span.mobile-menu-close{display:block}.videos-ctn{grid-template-columns:1fr}}.chips-ctn{display:flex;align-items:center;grid-gap:1rem;gap:1rem;white-space:nowrap;border-bottom:1px solid var(--light-gray);overflow-x:auto}.chips-ctn::-webkit-scrollbar{display:none}.chips-ctn .chip{padding:8px 12px;border-radius:1.25rem;background-color:var(--light-gray);cursor:pointer}.chips-ctn .chip-active{color:var(--chip-active-color);background-color:var(--primary-color)}.playlist-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:grid;place-items:center;z-index:1}.save-playlist-ctn{width:80%;max-width:250px;background-color:var(--menu-background);box-shadow:var(--light-shadow)}.save-playlist-ctn label{cursor:pointer}.box-title{justify-content:space-between}.loader{width:3rem;height:3rem;border:5px solid var(--clr-primary);border-bottom:5px solid transparent;border-radius:50%;display:inline-block;box-sizing:border-box;-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite}@-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)}}.search-bar{display:flex;align-items:center;justify-content:center;border:2px solid var(--light-gray);background-color:var(--clr-white);margin:2rem auto 1rem;max-width:50rem}.search-icon{padding:0 14px}.search-bar input.search-input{border:none}.result-text{color:var(--text-color)}@media screen and (max-width:1050px){.search-bar{margin:2rem 2rem 1rem}}form.auth-form{background-color:var(--profile-ctn-background);padding:2rem 4rem;width:100%;border-radius:8px;margin:4rem auto;max-width:31.25rem;box-shadow:var(--light-shadow);color:var(--text-color)}.form-control{padding-bottom:1rem;position:relative}.form-control label{display:block;padding-bottom:.125rem}.form-control label[for=remember-me],.form-control label[for=terms-condition]{display:inline-block;padding-left:.5rem}input[type=email],input[type=password],input[type=text]{width:100%;padding:.5rem;font-family:inherit;font-size:inherit;border:2px solid var(--light-gray);border-radius:6px}input:focus{border-color:var(--txt-dark)}.form-control button{width:100%}.account-toggle a{display:flex;justify-content:center;align-items:center;color:var(--txt-dark)}.hide-password{position:absolute;right:.5rem;bottom:1rem}.forgot-pw{padding-left:3rem;color:#a78bfa}.logout-btns{display:flex;grid-gap:1rem;gap:1rem}button.btn-icon-text-outline{margin:0;background-color:var(--clr-white)}.error-msg{color:var(--input-error)}@media screen and (max-width:800px){form.auth-form{width:90%;padding:1.5rem}.forgot-pw{display:block;padding:0}}.main-title{padding-top:1.5rem;color:var(--text-color)}.section-ctn{padding:1.5rem 2rem 2rem;color:var(--text-color)}.playlist-title-ctn{display:flex;align-items:center;justify-content:space-between}.profile-ctn{width:100%;max-width:31.25rem;margin:1rem auto;box-shadow:0 2px 20px var(--black-soft);background-color:var(--profile-ctn-background)}.profile-img{width:9.375rem;height:9.375rem;overflow:hidden;margin:1rem auto}.single-video-ctn{width:100%;color:var(--text-color)}.cta-icons{display:flex;align-items:center;grid-gap:1.5rem;gap:1.5rem;padding:1rem 0}.cta-icons .icon-text{display:flex;align-items:center;grid-gap:5px;gap:5px;font-weight:700;cursor:pointer;padding:10px}.icon-text:hover{background-color:var(--light-gray);border-radius:5px;color:var(--clr-txt-dark)}@media screen and (max-width:800px){.cta-icons{grid-gap:0;gap:0}}
/*# sourceMappingURL=main.e6630669.chunk.css.map */