@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap);:root{--navbar_shadow:2px 4px 10px var(--Primary_Color_100);--roboto-font:"Roboto",sans-serif;--Modal_Bg_Color:rgba(0,0,0,0.6)}body{font-family:var(--Lato_Font);margin:0;padding:0}.nav-fs{font-size:14px}.fs-btw-ml{font-size:1.2rem}.bg-transparent{background:transparent}.pointer{cursor:pointer}.bd-3{border-radius:3px}.mg-l{margin-left:3px}.mg-r{margin-right:5px}.mg-top{margin-top:1px}.clr-red{color:var(--Color_Danger_500)}.flex-dir-col{flex-direction:column}.flex-center{justify-content:center}.flex-align-start,.flex-center{display:flex;align-items:center}.flex-align-start{justify-content:flex-start}.channel-avatar{border-radius:50%;max-width:2rem}.sidebar{position:-webkit-sticky;position:sticky;top:4.5rem;border-right:1px solid var(--Primary_Color);height:calc(100vh - 6rem)}.sidebar-list{list-style-type:none;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.sidebar-item{margin-bottom:1.5rem}.sidebar-item:hover{color:var(--Primary_Color)}@media screen and (max-width:615px){.sidebar{border:none;bottom:0;z-index:2;width:90%;padding:0;margin-top:auto;height:-webkit-max-content;height:max-content}.sidebar,.sidebar-list{position:-webkit-sticky;position:sticky}.sidebar-list{flex-direction:row;width:100%;padding:10px;background-color:var(--Color_White)}.sidebar-item{margin:1rem}.sidebar-item small{display:none}}.video-card{display:flex;flex-direction:column;align-items:flex-start;position:relative}.image-container{position:relative;padding:0}.video-time{padding:3px;font-size:12px;background-color:var(--Color_Black);color:var(--Color_White);position:absolute;bottom:0}.video-image{width:100%}.video-body{width:90%}.video-body,.video-text{display:flex;align-items:flex-start}.video-text{flex-direction:column}.video-text small{opacity:.9;font-weight:300;font-family:var(--roboto-font)}.menu-button{position:absolute;top:2px;background:transparent}.video-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-family:var(--roboto-font)}.menu-area{position:relative}.menu-list{list-style:none;top:8px;right:-1rem;width:-webkit-max-content;width:max-content;background-color:var(--Primary_Color_100);position:absolute;padding:.8rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.menu-item:nth-child(2){margin-top:6px;color:var(--Secondary_Hover_Color)}.menu-item button{background:transparent;border:0;display:flex;align-items:center;opacity:.9}.menu-item button:hover{opacity:1}.playlist-form{display:flex;flex-direction:column;padding:0;border-top:1px solid var(--Secondary_Border_Color)}.playlist-input{border:none}.pl-label{-webkit-user-select:none;-ms-user-select:none;user-select:none}.pl-label input{vertical-align:middle}.modal-container{height:100vh;width:100%;position:fixed;top:0;left:0;z-index:3;background-color:var(--Modal_Bg_Color)}.modal{width:15rem;background-color:var(--Color_White)}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--Secondary_Border_Color)}.create-btn{margin-top:10px;border-top:1px solid var(--Secondary_Border_Color)}.hero-section{display:flex;justify-content:space-around;align-items:center}.hero-text{width:40%}.hero-heading{font-size:3rem;font-weight:400;color:var(--Primary_Color)}.hero-quote{opacity:.8;font-size:1.25rem}.highlight-text{color:var(--Primary_Color)}.image{max-width:30%}@media screen and (max-width:825px){.hero-text{width:100%}.hero-section{flex-direction:column}.image{max-width:80%}}.login-card{background-color:var(--Color_White);width:25rem;max-width:100%;justify-content:center;align-items:stretch;margin-top:5rem;padding:.5rem 1.5rem 1rem;box-shadow:0 3px 8px rgba(0,0,0,.24)}.btn-area,.login-card{display:flex;flex-direction:column}.is-secondary{background-color:var(--Secondary_Color);color:var(--Color_White)}.is-secondary:hover{background-color:var(--Secondary_Hover_Color)}.text-login{margin:1rem 0;text-align:center;font-size:2rem}.input-icon-container{margin:10px 0;padding:0 1rem}.auth-link{color:var(--Primary_Color)}.horizontal-div label{-webkit-user-select:none;-ms-user-select:none;user-select:none}.forgot-link:hover{color:var(--Color_Black)}.input{width:90%}.container{align-items:center}.container,.signup-card{display:flex;justify-content:center}.signup-card{background-color:var(--Color_White);max-width:25rem;width:100%;flex-direction:column;align-items:stretch;margin:5rem;padding:.5rem 1.5rem 1rem;box-shadow:0 3px 8px rgba(0,0,0,.24)}.is-solid:disabled{background-color:var(--Secondary_Border_Color);color:var(--Secondary_Color);cursor:not-allowed}.error-msg{color:var(--Color_Danger_500)}.text-signup{margin:1rem 0;text-align:center;font-size:2rem}.name-section{display:flex;grid-gap:20px;gap:20px}.name-section .input{width:90%}.input-icon-container-su{display:flex;align-items:center;margin:0;border-radius:3px;padding:0}.input-primary{border:2px solid var(--Primary_Color)}.text-or{text-align:center;font-size:1.25rem}.horizontal-div{margin:.5rem 0;justify-content:space-between;display:flex}.btn{margin-right:0}.btn-icon,.input-icon{font-size:1.2rem}.btn-icon,.login-icon{margin-left:5px}.forgot-link{font-size:1rem;color:var(--Primary_Color)}.input{width:95%;outline:none;margin:0}.mg-top{margin-top:10px}.mr{margin-right:5px}.wd-100{width:100%}.chip-item{border:1px solid var(--Primary_Color);border-radius:2rem;padding:.5rem 1rem;margin:0 .5rem .5rem}.chip-item:hover,.filled-chip{background-color:var(--Primary_Color);color:var(--Color_White)}.main-container{width:100%;display:flex;min-height:calc(100vh - 5rem)}.content-area{padding:1rem;display:flex;flex-direction:column;margin:3rem auto;width:80%}.category-area{display:flex;flex-wrap:wrap;justify-content:flex-start}.video-grid{margin-top:1rem;display:grid;grid-gap:2.5rem 2rem;gap:2.5rem 2rem;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr))}@media screen and (max-width:615px){.main-container{display:flex;flex-direction:column-reverse}}.pl-card-border{border:1px solid var(--Color_Black);border-radius:5px}.card-info{height:40%;width:100%;position:absolute;bottom:0;opacity:.7;background-color:var(--Color_Black);color:var(--Color_White)}.back-button{margin:0 7rem 1rem 0}.pl-video-body{width:90%;display:flex;justify-content:space-between}.video-grid-container{width:100%}.feature-video-grid{display:grid;grid-template-columns:30% 60%;grid-gap:1rem 3rem;gap:1rem 3rem;margin:auto;max-width:70rem;justify-content:center;align-items:flex-start}.fv-info,.fv-videos{margin-top:3rem}.fv-intro-image{max-width:10rem}@media screen and (max-width:900px){.feature-video-grid{grid-template-columns:1fr;margin:1rem}.fv-info{border-bottom:2px solid var(--Primary_Disabled_Color)}}.feature-video-item{display:flex;align-items:flex-start;border-bottom:1px solid var(--Primary_Disabled_Color);position:relative}.feature-video-item:hover{background-color:var(--Primary_Color_100)}.fv-video-image-container{position:relative}.video-time{bottom:3px;right:0}.fv-video-image{max-width:8rem}.trash-btn{background:transparent;position:absolute;right:0;top:0}.trash-btn:hover{color:var(--Color_Danger_500)}.fv-text{width:100%;position:relative}.fv-title{width:80%;font-size:1.1rem;font-family:var(--roboto-font)}.fv-channel{opacity:.8}.profile-container{height:90vh;margin:4rem auto}.profile-section{margin:auto;max-width:40rem;display:flex;border-top:1px solid var(--Primary_Disabled_Color)}.profile-section ul{padding:0;list-style:none}.profile-sidebar{width:10rem;border-right:1px solid var(--Primary_Disabled_Color)}.profile-info{width:100%}.sidebar-list-item{font-size:1.2rem;border-bottom:1px solid var(--Primary_Disabled_Color)}.video-area{display:grid;grid-gap:2rem 0;gap:2rem 0;justify-content:space-evenly;margin:0 auto;grid-template-columns:minmax(0,40rem) minmax(0,20rem);position:relative}.video-main{margin:1rem;align-self:flex-start;position:-webkit-sticky;position:sticky;top:5rem}.video{height:23rem}@media screen and (max-width:900px){.video-area{grid-template-columns:1fr;margin:1rem 0}.video-main{position:relative}.video{height:16rem}}.video-description{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.video-title{font-family:var(--Lato_Font);font-weight:500}.filled-like,.filled-watch-later{color:var(--Primary_Color)}.feature-list{list-style:none;padding:0;display:flex;justify-content:flex-start;flex-wrap:wrap;width:100%}.feature-list li{margin:5px 16px 5px 0}.feature-list button{padding:0}.feature-list li:hover{color:var(--Primary_Color);cursor:pointer}.profile-detail span:first-child{font-weight:600}.mg-l-16{margin-left:1rem}.primary-clr{color:var(--Primary_Color)}.navigation{box-shadow:var(--navbar_shadow);background-color:var(--Color_White);position:-webkit-sticky;position:sticky;z-index:2;top:0}.secondary-list{padding:0 20px}.logo-text{-webkit-user-select:none;-ms-user-select:none;user-select:none;margin-left:1rem;color:var(--Primary_Color);font-family:var(--Logo_Font)}.quick-link{display:flex;margin-left:3rem;font-size:1.25rem}.nav-item{display:flex;flex-direction:column;align-items:center}.nav-item:hover{color:var(--Primary_Color)}.search-input{width:100%}.search-bar{max-width:20rem}.searchbox-icon{align-self:center}.clr-white{color:var(--Color_White)}@media screen and (max-width:615px){.search-bar{position:absolute;top:4.3rem;max-width:95%;left:0;display:flex}.hamburger-icon{display:flex;align-items:center;justify-content:center}.nav-right-section,.quick-link{display:none}}.nav-modal{display:flex;justify-content:flex-start;background-color:var(--Secondary_Hover_Color);position:fixed;padding:3rem 0;top:0;left:0;z-index:4;width:12rem;height:100vh}.close-btn,.nav-modal{color:var(--Color_White)}.close-btn{position:absolute;top:5px;right:5px}.modal-item-container{margin:0 auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.nav-modal-item{display:flex;margin-bottom:1rem;align-items:center}.nav-modal-item p{font-size:1.1rem;margin-left:5px}
/*# sourceMappingURL=main.16167710.chunk.css.map */