*{box-sizing:border-box;margin:0;padding:0}:root{--navbar-height:60px;--sidebar-width:250px}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}.App{display:flex;flex-direction:column;max-height:100vh}.app_content{display:flex;height:100%;width:100%}.App>div:first-child{position:-webkit-sticky;position:sticky;top:0;width:100%}.app_content>div:first-child{position:fixed;top:var(--navbar-height)}.app_content>div:nth-child(2){margin-left:var(--sidebar-width);max-width:calc(100vw - var(--sidebar-width))}@media screen and (max-width:768px){.app_content>div:nth-child(2){margin-left:0;max-width:100vw}}.sideBar{background-color:#e5e7eb;min-height:calc(100vh - var(--navbar-height));min-width:var(--sidebar-width)}.sideBar a:link,.sideBar a:visited{color:inherit;cursor:auto;text-decoration:inherit}.sideBar ul{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-padding-start:0;list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0;padding:1rem 0}.sideBar ul li{align-items:center;cursor:pointer;display:flex;font-size:1.1rem;font-weight:500;gap:1rem;padding:1rem}.sideBar ul li.active,.sideBar ul li:hover{background-color:#d1d5db}@media screen and (max-width:768px){.sideBar{-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.show-sidebar{-webkit-transform:translateX(0);transform:translateX(0)}}.navBar{background-color:#fff;border-bottom:1px solid #dcdcdc;justify-content:space-between;min-height:var(--navbar-height);padding:0 1rem}.navBar,.navBar_logoMenuDiv{align-items:center;display:flex}.navBar_logoMenuDiv{gap:1rem}.navBar_menuIcon{cursor:pointer;display:none;font-size:1.5rem}.navBar_logo{height:calc(var(--navbar-height) - 10px);width:150px}.navBar_logo>img{height:100%;object-fit:cover;width:100%}.navBar_searchInputDiv{align-items:center;background-color:#fff;border:1px solid gray;border-radius:.5rem;display:flex;font-size:1.5rem;padding:.25rem}.navBar_searchInput{border:none;font-size:1rem;height:1.5rem;padding:.5rem;width:300px}@media screen and (max-width:768px){.navBar_menuIcon{display:block}.navBar_logo{height:40px;width:100px}.navBar_searchInput{width:150px}}.loginButton_div{align-items:center;display:flex}.loginButton{background-color:initial;border:none;cursor:pointer;font-family:inherit;font-size:1rem;padding:1rem}.loginButton:hover{color:gray}.loginButton_signOutBtn{background-color:initial;border:none;cursor:pointer;font-family:inherit;font-size:1rem;padding:.5rem}.videoListing{display:flex;flex-direction:column;padding:0 1rem}.videoListing_filters{padding:.5rem 0}.videoListing_panel{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start;padding:1rem 0}@media screen and (max-width:768px){.videoListing_panel{justify-content:center}}a:link,a:visited{color:inherit;cursor:auto;text-decoration:inherit}.videoCard{border-radius:.5rem;box-shadow:0 0 15px 0 gray;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow:hidden;width:330px}.videoCard_imageDiv{height:200px;width:330px}.videoCard_contentDiv{padding:0 .5rem .5rem}.videoCard_imageDiv img{height:100%;object-fit:cover;width:100%}.videoCard_titleDiv{align-items:center;display:flex;justify-content:space-between;margin:0}.videoCard_title{overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.videoCard_optionsIcon{cursor:pointer;font-size:1.25rem}.videoCard_descriptionDiv{display:flex;font-size:.8rem;justify-content:space-between;margin:0}.videoFilters{display:flex;gap:1rem}.videoFilters_category{background-color:#dcdcdc;border:none;border-radius:1rem;cursor:pointer;font-size:1rem;padding:.75rem}.videoFilters_category.active,.videoFilters_category:hover{background-color:brown;color:#fff}.playlistVideos_soonText{display:block;font-size:2rem;margin:2rem}.likedVideos{padding:1rem}.likedVideos_list{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 0}@media screen and (max-width:768px){.likedVideos_list{justify-content:center}}.watchLater{padding:1rem}.watchLater_list{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 0}@media screen and (max-width:768px){.watchLater_list{justify-content:center}}.historyVideos{width:100%}.historyVideos_header{display:flex;justify-content:space-between;padding:1rem}.historyVideos_header button{background-color:red;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:inherit;font-weight:700;padding:.5rem}.historyVideos_header button:hover{color:#dcdcdc}.historyVideos_list{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem}@media screen and (max-width:768px){.historyVideos_list{justify-content:center}}.videoViewer{display:flex;flex-direction:column;height:100%;margin:2rem 2rem 0;padding:0 0 0 2rem;width:100%}.videoViewer_playerFrame{height:75vh;width:100%}.videoViewer_content{display:flex;flex-direction:column;gap:.5rem}.videoViewer_creator{font-size:1rem;font-weight:700}.videoViewer_uploadDate{font-size:.8rem}.videoViewer_actionsDiv{display:flex;font-size:1rem;gap:1rem}.videoViewer_actionsDiv button{background-color:#dcdcdc;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-weight:700;gap:.5rem;padding:.5rem}.videoViewer_actionsDiv button.active{background-color:brown;color:#fff}.videoViewer_fullBreak{background-color:#000;height:1px;margin:1rem 0;width:100%}.loginPage{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - var(--navbar-height));width:100%}.loginPage_form{border-radius:.5rem;box-shadow:0 0 5px 0 gray;gap:1rem;padding:2rem}.loginPage_form,.loginPage_form label{display:flex;flex-direction:column}.loginPage_form input{border:1px solid gray;border-radius:.5rem;font-family:inherit;font-size:inherit;padding:.25rem;width:250px}.loginPage_buttonsDiv{display:flex;flex-direction:column}.loginPage_signInBtn{background-color:#38bdf8;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:inherit;font-weight:700;margin-top:.5rem;padding:.5rem .25rem}.loginPage_signInBtn:hover{outline:1px solid gray}.loginPage_signUpBtn{background-color:initial;border:none;border-radius:.5rem;cursor:pointer;font-family:inherit;font-size:inherit;padding:.5rem .25rem}.loginPage_signUpBtn:hover{outline:1px solid gray}.loginPage_signInBtn.guest{background-color:gray}.signUpPage{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - var(--navbar-height));width:100%}.signUpPage_form{border-radius:.5rem;box-shadow:0 0 5px 0 gray;gap:1rem;padding:2rem}.signUpPage_form,.signUpPage_form label{display:flex;flex-direction:column}.signUpPage_form input{border:1px solid gray;border-radius:.5rem;font-family:inherit;font-size:inherit;padding:.25rem}.signUpPage_nameInputDiv{display:flex;gap:1rem}.signUpPage_nameInputDiv input{width:150px}.signUpPage_signInBtn{background-color:#38bdf8;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:inherit;font-weight:700;margin-top:1rem;padding:.5rem .25rem}.signUpPage_signInBtn:hover{outline:1px solid gray}.signUpPage_signUpBtn{background-color:initial;border:none;border-radius:.5rem;cursor:pointer;font-family:inherit;font-size:inherit;padding:.5rem .25rem}.signUpPage_signUpBtn:hover{outline:1px solid gray}.signUpPage_LoginBtn{background-color:initial;border:none;border-radius:.5rem;cursor:pointer;font-family:inherit;font-size:inherit;padding:.5rem .25rem}.signUpPage_LoginBtn:hover{outline:1px solid gray}
/*# sourceMappingURL=main.457ed637.css.map*/