body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{position:relative}.gap-1{grid-gap:1rem;gap:1rem}.gap-2{grid-gap:2rem;gap:2rem}.gap-4{grid-gap:4rem;gap:4rem}.gap-px-10{grid-gap:10px;gap:10px}.padding-2{padding:2rem}.opacity-0{opacity:0}.margin-1{margin:1rem}.margin-2{margin:2rem}.margin-bottom-1{margin-bottom:1rem}.margin-top-r-20{margin-top:20vh}.height-r-100{height:100vh}.height-r-80{height:80vh}.margin-top-1{margin-top:1rem}.position-relative{position:relative}.position-absolute{position:absolute}.height-max-content{height:-webkit-max-content;height:max-content}.width-max-content{width:-webkit-max-content;width:max-content}.height-fit-content{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.width-fit-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.cursor-pointer{cursor:pointer}.btn-padding-010{padding:0 10px}.flex-1{flex:1 1}.flex-2{flex:2 1}.flex-3{flex:3 1}.flex-4{flex:4 1}.flex-5{flex:5 1}.width-r-80{width:80vw}.width-r-100{width:100vw}.width-p-100{width:100%}.App{display:flex}html .without-shadow{box-shadow:none}.primary-video-button{background-color:#970000;box-shadow:0 0 8px var(--white)}.text-red{color:var(--red-400)}@media (max-width:850px){html{font-size:1rem}}@media (max-width:700px){html{font-size:15px}.side-nav.flex{background-color:var(--white);transition:none;height:95vh}.option-select h1{display:none}}.openPlaylist{color:var(--white);transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.openPlaylist:hover{cursor:pointer;-webkit-transform:scale(1.2);transform:scale(1.2)}.deletePlaylist{color:var(--white)}.deletePlaylist:hover{cursor:pointer;color:var(--red-400)}.playlist-name{background-color:var(--white);padding:5px;border-radius:.5rem}.playlist-wrapper{box-shadow:0 0 8px var(--white);padding:1rem}@media (max-width:500px){.playlist-wrapper{padding:5px}.playlist-name{padding:0;background-color:transparent;color:var(--red-400)}}.snackbar-wrapper{width:30%;border-radius:5px;-webkit-transform:translateX(40vw);transform:translateX(40vw);border:4px solid var(--primary-400);bottom:5%;background-color:#970000;position:fixed;box-shadow:0 0 12px var(--white);z-index:4;padding:10px 1rem}.close-snackbar{width:1rem;font-size:1rem}.close-snackbar:hover{cursor:pointer;border-radius:50%;background-color:var(--primary-400)}@media (max-width:750px){.snackbar-wrapper{width:250px;-webkit-transform:translateX(20vw);transform:translateX(20vw)}}.modal-background{width:100vw;padding-right:10rem;height:100vh;position:fixed;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:4}.modal-container{position:relative;width:40%;max-height:40vh;min-height:40vh;border-radius:12px;background-color:var(--primary-400);padding:25px;overflow-y:auto}.cross-for-chips{background-color:var(--red-400);position:absolute;right:50%;bottom:1%}.modal-container .title{margin-bottom:2rem}.modal-container .input-text{width:60%}.add-song-button{border-radius:10px;color:var(--red-400);box-shadow:inset 2px 2px 8px var(--white)}.delete-playlist-button{border-radius:10px;color:var(--secondary-300)}@media (max-width:1200px){.modal-container .playlist-generator{flex-direction:column}.modal-container{width:60%}.modal-container .input-text{width:80%}}@media (max-width:720px){.modal-container{margin-left:10rem}.modal-container .input-text{width:220px}}@media (max-width:550px){.modal-background{padding:1rem}.modal-container{margin-left:20px;width:600px}}iframe{height:80vh;min-width:55vw}.screen{grid-gap:var(--size-12);gap:var(--size-12)}.screen,.video-desc{padding:var(--size-12)}.video-desc{box-shadow:0 0 8px var(--red-400)}.video-opt{grid-gap:var(--size-12);gap:var(--size-12)}.video-opt,.video-title{padding:var(--size-08);background-color:var(--red-400)}.recommendations-tab{background-color:rgba(251,108,108,.5);grid-gap:1rem;gap:1rem;height:100vh;flex:1 1;-webkit-filter:brightness(.5);filter:brightness(.5)}.recommendations-tab>div{cursor:pointer}.suggested-video-view{max-width:80%;margin-left:auto;margin-right:auto}.video-wrapper{background-color:var(--primary-300)}.video-illuminator{box-shadow:0 0 16px var(--white)}.width-12{width:var(--size-12)}@media (max-width:1200px){.video-wrapper{flex-direction:column}.recommendations-tab{height:-webkit-max-content;height:max-content;padding:5rem;-webkit-filter:brightness(.8);filter:brightness(.8)}}@media (max-width:800px){.video-illuminator iframe{height:40vh}}@media (max-width:420px){.video-wrapper{padding:0;margin:1rem 8px 1rem 0}.recommendations-tab{padding:10px}.video-illuminator iframe{height:30vh}}.side-nav{background-color:var(--primary-200);color:var(--primary-400);margin-right:2rem;top:0;position:-webkit-sticky;position:sticky;left:0;height:100vh;transition:background-color .4s ease-in-out}.side-nav:hover{background-color:var(--white);cursor:pointer}.option-select{box-shadow:8px 8px 12px 0 rgba(0,0,0,.2),-2px -2px 12px 0 hsla(0,0%,100%,.5);border-radius:40px;padding:var(--size-12)}.option-choose{box-shadow:inset 6px 6px 10px 0 rgba(0,0,0,.2),inset -6px -6px 10px 0 hsla(0,0%,100%,.5)}.nav-section-left{align-self:center;grid-gap:1rem;gap:1rem}.ecomm-card.eg-card{background-color:var(--primary-400);box-shadow:0 0 5px var(--white);border-radius:.5rem;max-width:15rem;max-height:18rem;padding:.5rem}.video_status{position:absolute;bottom:25%;left:7.8%;width:92%;background-color:rgba(219,41,41,.8);padding:.5rem;grid-gap:1rem;gap:1rem}.ecomm-card img{border-top-right-radius:.5rem;border-top-left-radius:.5rem;margin-top:0}.ecomm-card:hover{box-shadow:0 0 8px var(--red-400)}.history-card{background-color:var(--white);border-radius:.5rem;height:15vh;width:50vw;box-shadow:0 2px 8px var(--red-400);padding:.5rem;margin:1rem}#historyVideo h2{color:var(--primary-400)}#historyVideo .video_status,#playListedVideo .video_status{bottom:2%;left:4%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:5px}.playlist-card{background-color:var(--white);border-radius:.5rem;height:35vh;width:15rem;padding:.5rem}.playlist-card h2{display:none}.playlist{background-color:var(--primary-400);top:75%;padding:10px;position:absolute;grid-gap:1rem;gap:1rem;max-height:10rem;overflow-y:auto;z-index:2}.add-playlist{background-color:transparent;border-bottom:2px solid var(--white)}@media (max-width:700px){.ecomm-card.eg-card{width:70vw;height:14rem}.history-card{height:5rem;width:68vw;margin-left:0;padding:5px}#historyVideo .video_status p{display:none}#historyVideo .video_status{left:2%}#playListedVideo .playlist-card{width:220px;height:200px}#playListedVideo .video_status{grid-gap:10px;gap:10px}}.password-container{width:-webkit-max-content;width:max-content;position:relative;display:flex;align-items:center;justify-content:space-around}.category-card{box-shadow:0 16px 16px var(--red-400);height:22rem;transition:all .5s ease-in}.category-card>img,.category-card>p{width:40vw}.category-card:hover{-webkit-transform:scale(.95);transform:scale(.95)}.category-odd section{order:0}.category-odd img{order:1}@media (max-width:700px){.category-card,.category-card section{align-items:center}.category-card img{height:10rem;width:10rem}.category-even,.category-odd{flex-direction:column;align-items:center}.category-odd img{order:0}.category-odd section{order:3}}@media (max-width:500px){.category-card{height:25rem}}.loader{border:20px solid var(--primary-300);border-radius:50%;width:120px;height:120px;-webkit-animation:spin 2.5s ease-in-out infinite;animation:spin 2.5s ease-in-out infinite}.small-loader{border:4px solid var(--white);border-radius:50%;width:20px;height:20px;-webkit-animation:spinner 2.5s ease-in-out infinite;animation:spinner 2.5s ease-in-out infinite}@-webkit-keyframes spin{25%{border-top:20px solid var(--red-400)}75%{border-bottom:20px solid var(--red-400)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{25%{border-top:20px solid var(--red-400)}75%{border-bottom:20px solid var(--red-400)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes spinner{25%{border-top:4px solid var(--red-400)}75%{border-bottom:4px solid var(--red-400)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{25%{border-top:4px solid var(--red-400)}75%{border-bottom:4px solid var(--red-400)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.delete-from-history{right:4%;top:15%}@media (max-width:700px){.selected-list{margin:10px}.selected-list .delete-from-history{right:5%}}@media (max-width:360px){.selected-list{width:0}}.login-page{height:100vh;width:100vw;background-image:linear-gradient(180deg,var(--red-400),var(--primary-400),var(--primary-400))}.register-link:hover{text-decoration:underline;cursor:pointer}.condition-checked{text-decoration:line-through}.guest-login:hover{background-color:#970000;color:var(--white)}.pass-checks-box{border:2px solid var(--primary-300);padding:10px}@media (max-width:450px){.credential-form{padding:10px}}.home-page{background:linear-gradient(rgba(0,0,0,.2),#000,rgba(0,0,0,.1)),url(/static/media/landing2.6699cbfe.jpg);height:100vh;width:95vw;background-position:50%;background-repeat:no-repeat;background-size:cover}.home-sign-in{padding:10px 1.5rem}.eye-catcher{color:var(--red-400);height:3rem;width:3rem}.loader-wrapper{width:100vw;margin-top:30vh}@media (max-width:700px){.home-page h2,h1{margin-left:2rem}.category-cards{grid-gap:4rem;gap:4rem}}.delete-playlist-video{top:2%;right:5%}.video-container{background-color:var(--white-200);padding:var(--size-16)}@media (max-width:820px){.video-container{padding:10px}}@media (max-width:400px){.video-container{padding:10px;margin-left:-30px;margin-right:0}}
/*# sourceMappingURL=main.d5927ed1.chunk.css.map */