@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@300&family=Poppins:wght@300;400&family=Signika&family=Ubuntu:wght@300;400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kanit&display=swap);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}:root{--grey-medium:#dcdee0;--grey:#34343d;--white:#fff;--text-color:#ece3e3;--card-shadow:#adb5bd;--black:#000;--backdrop:rgba(63,61,70,.7);--greyish-black:#191921;--light-grey:#6d6d6d;--dark-orange:#e75a4b;--red:#e40b0b;--background-color:#141319;--primary-light:#0b77e4;--nav-box-shadow:#eee;--sidebar-active:#262f44}[data-theme=light]{--white:#000;--text-color:#222121;--card-shadow:#302727;--background-color:#eaeaea;--grey:#cecece;--greyish-black:#dbdbdb}.App{background-color:#141319;background-color:var(--background-color)}.App,.main-cont{min-height:100vh}.main-cont{gap:2rem}.right-main{gap:2.5rem;margin-left:33rem;min-height:100vh;padding:3rem 0;position:relative;width:100%}.videos-container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;width:100%}.message-container{align-items:center;gap:2rem;height:-webkit-max-content;height:max-content;justify-content:center;position:absolute;top:25rem;width:100%}.message{color:#ece3e3;color:var(--text-color)}.cta-button,.message{font-family:Kanit,sans-serif;font-size:1.8rem}.cta-button{background-color:#e75a4b;background-color:var(--dark-orange);border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.3rem 1rem}@media screen and (max-width:1300px){.videos-container{grid-template-columns:1fr 1fr}}@media screen and (max-width:900px){.right-main{margin-left:5rem}}@media screen and (max-width:700px){.videos-container{grid-template-columns:1fr}}@media screen and (max-width:500px){.right-main{margin:0;padding:3rem 1rem}}.navbar{align-items:center;background-color:var(--greyish-black);border-bottom:.2rem solid #eee;height:7rem;justify-content:space-between;left:0;overflow:hidden;padding:0 3rem;position:-webkit-sticky;position:sticky;top:0;z-index:1}.nav-heading{align-items:center;cursor:pointer}.heading{color:var(--white);font-family:Signika,sans-serif;margin:0}.nav-search{align-items:center;position:relative}.search-icon{color:var(--text-color);left:2rem;position:absolute}.filter-icon{cursor:pointer;position:absolute;right:1rem}.nav-input{background-color:var(--grey);border:none;border-radius:.5rem;color:var(--text-color);height:3.4rem;padding-left:4.5rem;width:20vw}::-webkit-input-placeholder{color:var(--text-color)}:-ms-input-placeholder{color:var(--text-color)}::placeholder{color:var(--text-color)}.nav-input:focus{outline:none}.saved-item-container{align-items:center;gap:1.4rem}.saved-item{align-items:center;height:3.5rem;position:relative}.nav-icon{color:var(--white);cursor:pointer;font-size:2.5rem;margin-right:1.2rem}.hamburger,.mobile-nav-search,.mobile-search-cont{display:none}@media screen and (max-width:900px){.nav-input{width:28vw}.hamburger{display:block}}@media screen and (max-width:580px){.navbar{padding:0 1.8rem}.heading{font-size:2.6rem}}@media screen and (max-width:500px){.nav-search{display:none}.mobile-nav-search{align-items:center;display:flex;position:relative}.nav-input{height:3.6rem;width:100%}.mobile-search-cont{background-color:var(--background-color);display:block;overflow:hidden;padding:.2rem 1rem;position:-webkit-sticky;position:sticky;top:7.2rem;z-index:1}}.sideBar{background-color:var(--greyish-black);gap:.5rem;height:100vh;left:0;padding-top:2rem;position:fixed;width:25rem}.aside-tab{align-items:center;box-sizing:border-box;color:var(--white);cursor:pointer;gap:3rem;height:4.5rem;padding-left:3rem;width:100%}.aside-tab:hover{background-color:var(--grey)}.aside-subhead{font-size:1.6rem}.showSide{background-color:var(--greyish-black);gap:.5rem;height:100vh;left:0;padding-top:2rem;position:fixed;width:25rem;z-index:10}@media screen and (max-width:900px){.sideBar{display:none}.show-backdrop{background-color:var(--backdrop);height:100vh;position:fixed;top:7.2rem;width:100vw;z-index:5}.hide-backdrop{display:none}}.video-card{background-color:var(--background-color);box-shadow:0 0 .6rem var(--card-shadow);color:var(--text-color);gap:1rem;height:-webkit-max-content;height:max-content;position:relative;width:33rem}@media screen and (max-width:1500px){.video-card{width:29rem}}@media screen and (max-width:500px){.video-card{width:100%}}.watch-modal{align-items:flex-start;background-color:var(--greyish-black);bottom:-1.7rem;color:var(--text-color);justify-content:center;position:absolute;right:1.8rem;z-index:2}.watch-modal-option{align-items:center;cursor:pointer;gap:.6rem;padding:.6rem .8rem}.remove-watch{align-items:center;color:var(--red);gap:.6rem}.backdrop{align-items:center;background-color:var(--backdrop);display:flex;height:100vh;justify-content:center;position:fixed;top:0;width:100vw;z-index:5}.playlist-modal{background-color:var(--background-color);border-radius:.5rem;gap:1rem;justify-content:center;padding:1rem;width:30rem;z-index:6}.playlist-name{background-color:var(--grey);border:none;border-radius:.3rem;color:var(--text-color)}.h4-tag{margin:0}.cross-icon{cursor:pointer}.playlist{gap:1rem}.playlist-input{gap:2rem}.create-playlist-btn{background-color:var(--dark-orange);border-radius:.2rem;height:2.5rem;margin-top:1rem;width:100%}.loader{align-items:center;background-color:var(--background-color);height:100vh;justify-content:center;opacity:.9;position:fixed;top:0;width:100vw;z-index:20}.category-list{align-items:center;color:var(--text-color);flex-wrap:wrap;gap:2rem;width:100%}.category-name{font-family:Kanit,sans-serif;font-size:1.6rem}.auth-container{padding-top:7rem}.auth-card,.auth-container{align-items:center;justify-content:center}.auth-card{background-color:var(--background-color);border-radius:1rem;box-shadow:0 0 .6rem var(--card-shadow);color:var(--text-color);gap:1.5rem;padding:1rem 0;width:50rem}.auth-heading{margin:0}.form-description{padding:0 .8rem;text-align:center}.auth-subhead{font-size:1.5rem;padding:0 2rem}.auth-input{align-items:center;font-size:1.5rem;justify-content:space-between;width:85%}.input-label:after{color:var(--red);content:"*"}.input-feild{border:.2rem solid var(--grey-light);border-radius:.5rem;height:3rem;padding-left:1rem;width:60%}.input-feild:focus{border-color:var(--primary);outline:none}::-webkit-input-placeholder{color:var(--light-grey)}:-ms-input-placeholder{color:var(--light-grey)}::placeholder{color:var(--light-grey)}.auth-btn{width:95%}.auth-footer{align-items:center;cursor:pointer;font-size:1.6rem;padding:2rem 0}@media screen and (max-width:520px){.auth-card{width:90%}.auth-input{width:95%}}.single-video-cont{color:var(--text-color);gap:2rem;margin-left:32rem;padding:3rem 5rem 3rem 0;width:100vw}.iframe-height{height:70%}.vid-title{margin:0}.title-cont{gap:.2rem}.chip-container{align-items:center;flex-wrap:wrap;gap:2rem}.chip{align-items:center;background-color:var(--grey);border-radius:5rem;cursor:pointer;gap:.7rem;justify-content:center;padding:.6rem 1.5rem}.chip-text{font-family:Kanit,sans-serif;font-size:1.6rem}.chip-active{align-items:center;background-color:var(--dark-orange);border-radius:5rem;cursor:pointer;gap:.7rem;justify-content:center;padding:.6rem 1.5rem}.vid-description{gap:1rem}@media screen and (max-width:900px){.single-video-cont{margin-left:5rem}}@media screen and (max-width:500px){.single-video-cont{margin:0;padding:3rem 1rem}.iframe-height{height:40%}}.playlist-card{background-color:var(--background-color);box-shadow:0 0 .6rem var(--card-shadow);color:var(--text-color);gap:1rem;height:20.7rem;position:relative;width:33rem}.thumbnail,.thumbnail-container{height:16rem}.thumbnail{cursor:pointer}.video-count{align-items:center;background-color:rgba(63,61,70,.8);gap:1.2rem;height:100%;justify-content:center;position:absolute;right:0;top:0;width:40%}.num-of-videos{font-size:2rem}.title-container{font-size:1.5rem;justify-content:space-between;padding:0 .8rem 0 1rem}.video-title{font-weight:900;text-align:left;width:90%}.ellipse{cursor:pointer}.video-card-footer{justify-content:space-between;margin-bottom:1.2rem;padding:0 .8rem 0 1rem}.delete-playlist{cursor:pointer}.creator{font-weight:600}.remove-playlist{align-items:center;background-color:var(--greyish-black);bottom:.3rem;color:var(--red);cursor:pointer;gap:.6rem;padding:.6rem .8rem;position:absolute;right:1.8rem;z-index:2}@media screen and (max-width:1500px){.playlist-card{width:29rem}}@media screen and (max-width:500px){.playlist-card{width:95%}}.history-modal{align-items:flex-start;background-color:var(--greyish-black);bottom:-5rem;color:var(--text-color);justify-content:center;position:absolute;right:1.8rem;z-index:2}.remove-history{color:var(--red)}.profile-card{background-color:var(--background-color);box-shadow:0 0 .6rem var(--card-shadow);color:var(--text-color);gap:2rem;height:-webkit-max-content;height:max-content;padding:0 1rem 1rem;position:absolute;top:20rem;width:35rem}.header-tab{border-bottom:2px solid var(--dark-orange);cursor:pointer;font-size:1.6rem;font-weight:700;padding:.7rem 0;text-align:center;width:100%}.profile-card-headings{margin:0}.user-details{gap:1rem}.user-data{align-items:center;gap:1rem}.new-address{cursor:pointer}.logout-btn{background-color:var(--background-color);box-shadow:0 0 .6rem var(--dark-orange);color:var(--text-color);font-weight:600}@media screen and (max-width:450px){.profile-card{width:30rem}}
/*# sourceMappingURL=main.10ce8af6.css.map*/