@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://lightt-ui.netlify.app/lightui.css);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;list-style-type:none;margin:0;padding:0;scroll-behavior:smooth}:root{--secondary-bg-color:#ff99dc;--bg-container-color:#f7f7f7;--bg-color:#fff;--bg-input-color:#f2f2f6;--bg-color-nav:#f2f2f6;--text-secondary-color:#fff;--heading-text-color:#333;--bg-btn-signup-color:#ececec}body{background:#f7f7f7;background:var(--bg-container-color);font-family:Poppins}.main-container{background-color:#f7f7f7}.main-grid-container{display:grid;grid-template-areas:"sidebar header " "sidebar main ";grid-template-columns:15rem 1fr;grid-template-rows:4rem}@media only screen and (max-width:780px){.main-grid-container{display:grid;grid-template-areas:"sidebar header " "sidebar main ";grid-template-columns:5rem 1fr;grid-template-rows:4rem}}@media only screen and (max-width:480px){.main-grid-container{display:grid;grid-template-areas:"header " "main " "mobile";grid-template-columns:1fr;grid-template-rows:none}}.header-wrapper{background-color:var(--bg-color);grid-area:header;height:4rem;padding:0 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:2}.head-logo{display:none}.search-bar{align-items:center;display:flex;flex-direction:row;position:relative}.search-bar-icon{cursor:pointer;position:absolute;right:20px}.search-bar>input{background-color:var(--bg-input-color);border:2px solid transparent;padding:8px 12px;width:100%}.auth-action-wrapper{margin-left:1rem;width:14rem}.login-btn,.signup-btn{align-items:center;color:var(--text-secondary-color);display:flex;font-weight:700;height:2.5rem;text-decoration:none}.login-btn{background-color:var(--bg-btn-signup-color);color:var(--heading-text-color)}@media only screen and (max-width:780px){.search-bar{width:100%}.search-bar>input{background-color:var(--bg-input-color);border:2px solid transparent;padding:8px 12px;width:100%}.signup-btn{display:none}}@media only screen and (max-width:480px){.header-wrapper{padding:0 1rem}.head-logo{display:block;margin-right:1rem}.auth-action-wrapper{margin-left:1rem;width:none}}.sidebar-wrapper{background-color:#fff;grid-area:sidebar;height:100vh;position:fixed;top:0;width:15rem;z-index:999}.sidebar-content{height:100%}.sidebar-content>*+*{margin-bottom:2rem}.sidebar-head{padding:1rem}.sidebar-logo{color:var(--primary-color);font-size:1.5rem;margin-left:1rem}.sidbar-nav-items>*{margin-top:1rem}.sidebar-items{align-items:center;color:#000;display:flex;font-weight:500;gap:2rem;padding:.5rem 1.5rem;text-decoration:none;width:100%}.sidebar-items:hover{background:var(--bg-color-link-hover)}.nav-link-active{background:var(--bg-color-link-active);border-left:4px solid var(--primary-color);color:var(--primary-color);font-weight:600}.sidebar-user{margin-bottom:.9rem;margin-top:auto}@media only screen and (max-width:780px){.sidebar-wrapper{background-color:var(--bg-color);grid-area:sidebar;height:100vh;width:5rem}.nav-title,.sidebar-logo{display:none}}@media only screen and (max-width:480px){.sidebar-wrapper{display:none}}.mobile-wrapper{display:none}@media only screen and (max-width:480px){.mobile-wrapper{background-color:#fff;bottom:0;display:block;grid-area:mobile;position:fixed;width:100%;z-index:999}.mobile-content>*+*{margin-left:2rem}.mobile-items{align-items:center;color:#000;display:flex;font-weight:500;gap:2rem;padding:.5rem 1.5rem;text-decoration:none;width:100%}.mobile-items:hover{background:var(--bg-color-link-hover)}.mobile-link-active{background:var(--bg-color-link-active);border-bottom:4px solid var(--primary-color);color:var(--primary-color);font-weight:600}.mobile-user{margin-bottom:.9rem;margin-top:auto}}.category-wrapper{margin:2rem 0}.category-title{margin-bottom:2rem}.category-card-wrapper{gap:4rem}@media only screen and (max-width:780px){.category-card-wrapper{gap:3rem;row-gap:3rem}}@media only screen and (max-width:480px){.category-card-wrapper{gap:1rem;row-gap:10rem}}.category-item{height:250px;position:relative;width:200px}.category-link{height:100%;text-decoration:none;width:100%}.category-link>img{border-radius:4px}.category-action{bottom:0;position:absolute;width:100%}.category-action>button{background:var(--bg-color);border-radius:4px;border-radius:0;color:#000;font-family:poppins;font-weight:500;width:100%}.category-action>button:active{-webkit-transform:none;transform:none}@media only screen and (max-width:780px){.category-item{height:200px;width:150px}.category-action{bottom:12px;overflow:hidden;position:absolute;text-overflow:ellipsis;white-space:nowrap;width:100%}}@media only screen and (max-width:480px){.category-item{height:150px;width:180px}.category-action{bottom:auto;overflow:hidden;position:absolute;text-overflow:ellipsis;white-space:nowrap;width:100%}}.video-card{background-color:var(--bg-color);height:auto;position:relative;width:20rem}.video-modal{position:absolute;top:50%;z-index:99}.video-card-content{padding:1rem}.video-thumbnail>a>img{aspect-ratio:2/1;border-radius:10px 10px 0 0;object-fit:cover}.video-card-title{font-size:var(--font-size-sm);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-card-title>a{color:inherit;text-decoration:none}.video-card-action{margin-left:auto}@media only screen and (max-width:780px){.video-card{background-color:var(--bg-color);height:auto;width:15rem;width:20rem}}.modal-backdrop{background:rgba(0,0,0,.05);height:100%;left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;z-index:999}.card-content{font-size:1rem}.input{align-items:center;display:flex;gap:1rem}.input>input{height:1rem;margin-left:1rem;width:1rem}.create-playlist{width:100%}.close-modal{fill:#3f3f3f;all:unset;cursor:pointer}.category-btn{all:unset;border:2px solid var(--primary-color);border-radius:40px;cursor:pointer;font-weight:600;padding:.4rem 1rem}.allvideos{background-color:var(--primary-color);color:#fff}.javascript{background-image:linear-gradient(135deg,#fdeb71 10%,#f8d800);border:none;color:#3d3d3d}.react{background-image:linear-gradient(135deg,#2afadf 10%,#4c83ff)}.css,.react{border:none;color:#fff}.css{background-image:linear-gradient(135deg,#52e5e7 10%,#130cb7)}.html{background-image:linear-gradient(135deg,#fff6b7 10%,#f6416c);border:none;color:#fff}@media only screen and (max-width:780px){.category-btn{border-radius:40px;cursor:pointer;font-size:12px;font-weight:600;overflow:hidden;padding:5px;text-overflow:ellipsis;white-space:nowrap}}.input-field>input{background-color:var(--bg-input-color);border:2px solid transparent}.lds-ring{display:inline-block;height:80px;left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80px;z-index:9999}.lds-ring div{-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid var(--primary-color);border-color:var(--primary-color) transparent transparent transparent;border-radius:50%;box-sizing:border-box;display:block;height:34px;margin:8px;position:absolute;width:34px}.lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media only screen and (max-width:780px){.hero-wrapper{padding:1rem 2rem}}.all-card{background-color:var(--bg-color);border-radius:10px;height:auto;width:100%}.all-card-content{margin:10px;width:100%}.all-thumbnail>a>img{aspect-ratio:2/1;border-radius:10px;object-fit:cover;width:300px}.all-card-title{color:var(--color-heading);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.all-card-title>a{color:inherit;text-decoration:none}.card-desc{color:var(--color-desc);font-size:1rem;font-size:500}.all-card-action{margin-left:auto}@media only screen and (max-width:768px){.all-card{background-color:var(--bg-color);height:auto;width:100%}.all-thumbnail>a>img{border-radius:10px;height:100%;width:100%}.all-card-content{width:100px}}@media only screen and (max-width:480px){.all-card{background-color:var(--bg-color);height:auto;width:100%}.all-thumbnail>a>img{border-radius:10px;height:100%;width:100px}.all-card-content{width:50px}}.playlist-card{align-items:center;background:#020024;background:linear-gradient(90deg,#020024,#3434ff 0,#00d4ff);color:var(--bg-color);cursor:pointer;display:flex;font-size:3rem;height:200px;justify-content:center}.toast-position{position:fixed;right:0;top:10%}.hero-wrapper{background:#020024;background:linear-gradient(90deg,#020024,#3434ff 0,#00d4ff);border-radius:10px;color:var(--text-secondary-color);padding:1rem 4rem}.hero-title-subhead{font-size:clamp(1rem,3vh,2rem)}.hero-action{margin:1rem 0}.hero-action>button{background:var(--bg-color);border-radius:4px;color:#000;font-family:poppins;font-weight:500;width:10rem}button>a{color:inherit;text-decoration:none}@media only screen and (max-width:780px){.hero-wrapper{padding:1rem 2rem}.hero-title-head{font-size:2rem}.hero-title-subhead{font-size:1.5rem}}@media only screen and (max-width:480px){.hero-wrapper{padding:1rem}}.main-container{background-color:var(--bg-container-color);height:100vh}.home-wrapper{margin:2rem}.main-container{grid-area:main}.explore-wrapper{margin:2rem;padding-bottom:2rem}.loader-position{bottom:0;display:inline-block;height:40px;left:50%;position:-webkit-sticky;position:sticky;top:100%;-webkit-transform:translate(-50%);transform:translate(-50%);width:40px;z-index:9999}.loader-position div{height:34px;width:34px}.explore-card-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}.explore-category{margin-bottom:2rem}@media only screen and (max-width:480px){.explore-card-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center}.explore-category{display:flex;justify-content:center;margin-bottom:2rem}}.playlist-wrapper{margin:2rem}.playlist-card-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;margin-top:2rem}.create-playlist-modal{align-items:center;display:flex;height:200px;justify-content:center}.no-playlist,.playlist-head>h1{color:var(--heading-text-color)}.no-playlist{width:100%}.like-wrapper{margin:2rem}.account-wrapper{margin:7rem auto;max-width:50rem}.account-head{margin:auto;padding:2rem;width:30rem}@media (max-width:700px){.account-head,.account-wrapper{width:90%}}.watchlater-wrapper{margin:2rem}.background-color{background-image:radial-gradient(circle 860px at 11.8% 33.5%,#f01e5c 0,#f4314a 30.5%,#f94b25 56.1%,#fa5813 75.6%,#fd6602 100.2%)}.video-card-wrapper{margin-top:2rem}.clear{margin-top:1rem}.clear>button{background-color:var(--bg-btn-signup-color);color:var(--heading-text-color)}.video-wrapper{margin:2rem;padding-bottom:2rem;width:90%}.video-player{height:30rem}.react-player{border-radius:10px;overflow:hidden}.video-content{margin:1rem 0}.video-head{gap:.5rem}.video-title{color:var(--heading-text-color)}.video-views{color:#949393}.video-action{margin-bottom:2rem;width:20rem}.btn-title{text-align:center}.video-creator{margin-bottom:1rem}.video-creator>a{color:inherit;color:var(--heading-text-color);text-decoration:none}.loading{position:absolute;top:50%}@media only screen and (max-width:780px){.video-player{height:20rem}}@media only screen and (max-width:480px){.video-player{height:10rem}}.auth-wrapper{grid-area:main;margin:2rem}.auth-card{width:27rem}.auth-head{margin:1rem 0}.head-title{font-size:2rem;font-weight:400}.head-desc>a{color:var(--primary-color);font-weight:700;text-decoration:underline}.form-wrapper>*{margin:.1rem 0 .5rem;width:90%}.pass-forget>a{color:var(--danger-color);display:flex;justify-content:flex-end;text-decoration:none}.auth-action{margin:1rem}.auth-action>button{font-weight:700;width:100%}.relative{position:relative}.eye{height:20px;left:90%;position:absolute;top:60%;width:20px}@media only screen and (max-width:480px){.auth-wrapper{align-items:center;display:flex;height:100%;justify-content:center}.auth-card{width:22rem}}.category-container{margin:2rem}.category-head{color:var(--heading-text-color);margin-bottom:2rem}.route-error-wrapper{min-height:80vh}.route-error-wrapper>h1{font-size:10rem}.route-error-wrapper>h3{font-size:5rem}.cover-wrapper{margin:2rem}.cover-title{background-color:var(--primary-color);border-radius:10px;color:var(--text-secondary-color);padding:4rem}.hero-title-head{font-size:clamp(2rem,4vw,5rem)}@media only screen and (max-width:780px){.cover-wrapper{padding:1rem 2rem}}@media only screen and (max-width:480px){.cover-wrapper{padding:1rem}}
/*# sourceMappingURL=main.412d545b.css.map*/