@import url(https://prism-ui.netlify.app/component.css);@import url(https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;600;700&display=swap);@import url(https://kit-pro.fontawesome.com/releases/v5.15.3/css/pro.min.css);*{box-sizing:border-box;font-family:"Titillium Web",sans-serif}.nav-logo{width:3rem;margin:.2rem .2rem .2rem 2rem}.nav-box{width:100%;position:-webkit-sticky;position:sticky;z-index:999;top:0;height:3.5rem}.navigation-bar{height:3.5rem;width:80%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin:auto}.nav-btn{margin:0}.main-heading{padding:1rem;margin:0 2rem;font-weight:bolder;font-size:x-large}.search-bar{width:100%;padding:.5rem 1rem;background-color:#0d1225;color:#fff;outline:none;border:none}.login-div{outline:none;font-size:larger}.link-btn{text-decoration:none;color:#000;font-weight:bolder}.main{margin:0}.sidebar{width:200px;position:fixed;height:100%;background-color:#080c20;padding:.5rem .8rem}.main-content{padding:.5rem;margin-left:200px}.videos-section{display:grid;grid-template-columns:repeat(4,1fr)}.btn{display:block;font-size:1.2rem;-webkit-align-items:baseline;align-items:baseline;margin:.2rem 0;background-color:#fff}.btn:hover{background-color:#f0f0f0}.btn i{margin:0 .3rem}.menu-bar{display:none;font-size:1.5rem;-webkit-align-items:center;align-items:center;margin-right:1.2rem}#menu,.logout-btn{cursor:pointer}.logout-btn{padding:.2rem .4rem;color:#080c20;background-color:initial;font-size:1.2rem;border-radius:.2rem;font-weight:700}.logout-btn:hover{padding:.3rem .6rem}@media screen and (max-width:1350px){.videos-section{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:1090px){.sidebar{width:80px}.btn{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.btn span{font-size:.8rem}.main-content{margin-left:100px}}@media screen and (max-width:920px){.videos-section{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:750px){.navigation-bar{width:100%;-webkit-justify-content:space-between;justify-content:space-between}.main-heading{padding:.5rem;margin:0;font-size:1rem}.login-div{font-size:.9rem}.sidebar{width:100%;text-align:center;left:100%;background-color:#080c20;transition:all .5s;height:100%;z-index:10;display:block}.sidebar-left{left:0}.menu-bar{display:block}.btn{width:100%}.btn i{display:none}.btn span{font-size:1.3rem}.main-content{margin-left:0}}@media screen and (max-width:480px){.videos-section{grid-template-columns:repeat(1,1fr)}}figure.fixedratio{padding-top:56.25%;background-size:cover;background-position:50%;margin:0}.card{max-width:100rem;padding:0;cursor:pointer;border:none;transition:box-shadow .3s}.card:hover{box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3)}.h-card{-webkit-flex-direction:column;flex-direction:column}.card-content,.h-card{display:-webkit-flex;display:flex}.card-content>img{margin:.3rem;box-shadow:none;width:45px;height:45px}.card-description{margin:.5rem}.card-description>div{font-weight:500;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:-webkit-min-content;height:min-content;line-height:1.4rem}.sub-title{font-weight:900;font-size:larger}.selected{font-weight:700;color:red}h1{color:#fff}#preloader{position:fixed;top:0;left:0;width:100%;height:100%}#loader{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#9370db;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}#loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#ba55d3;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}#loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#f0f;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.playlists-div,h1{margin-left:2rem}.playlists-div{border-width:2px thin thin;border-top:thin solid #c1c7cc;width:90%}.playlists-div .header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin:1rem;font-size:1.3rem}.playlists-div .section{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.header>button{padding:.2rem}.trash-can{cursor:pointer;font-size:larger}.videopage{display:grid;grid-template-columns:3fr 1fr}.iframe-container{position:relative;width:90.25%;padding-bottom:48.25%;height:0;margin:1rem}.iframe-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.func-icon{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;width:80%;margin:1rem;font-size:1.5rem}.func-icon i{cursor:pointer}@media screen and (max-width:1000px){.videopage{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.iframe-container{width:94%;padding-bottom:57.25%}.func-icon,h3{width:80%}}.modal-bg{background-color:rgba(0,0,0,.7);position:absolute;top:0;width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;z-index:5000;left:0;right:0}.modal{font-size:1.3rem;background-color:#fff;max-height:300px;max-width:600px}.modal-heading{font-size:1.4rem;padding:.5rem;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;border-bottom:1px solid grey}.modal-add,.modal-heading>i{cursor:pointer}.modal-add{padding:.4rem;border-top:1px solid grey}.modal-playlists{margin:1rem}.modal-add>i{margin:.4rem}.hide{display:none}.notes-div{display:block;border:1px solid #fff;width:18rem;border-radius:5px}.notes-div div{display:-webkit-flex;display:flex;margin:1rem;-webkit-justify-content:space-around;justify-content:space-around}.note-btn{background-color:initial;border:none;color:#afeeee;font-size:2rem;cursor:pointer;outline:none}.notes-div input{padding:.5rem;border-radius:5px;border:1px solid #d4d5d9;width:12rem}.Login-notes{color:#fff;font-size:large;background-color:#080c20;padding:1rem;margin-top:1rem;border:1px solid #fff;border-radius:2rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.Login-notes img{color:#fff;height:18rem;max-width:18rem}.Login-notes button{padding:.5rem;background-color:initial;color:#fff;font-weight:800;font-size:large;border:1px solid #fff;border-radius:.4rem;cursor:pointer}.Login-notes button:hover{padding:.65rem;background-color:#080c20}input:focus{outline:none;border:2px solid #fff}.notes-div textarea{margin:0 1rem 1rem;border:1px solid #d4d5d9;border-radius:5px;width:15rem;height:10rem;padding:.5rem}textarea:focus{outline:none;border:2px solid purple}.saved-note{border:1px solid #fff;width:18rem;border-radius:5px;margin:1rem 0;padding:1rem}.note-header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.note-title{font-weight:700;margin-bottom:.5rem;font-size:1rem;color:#afeeee}.note-sub{font-size:1.3rem;margin:.1rem}.note-description{font-size:medium;color:#faebd7}*{margin:0;padding:0}body{background-color:#0d1225}.container{width:35%;color:#fff;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media screen and (max-width:750px){.container{width:65%}}@media screen and (max-width:500px){.container{width:75%}}.container h2{font-family:"Oswald",sans-serif;display:inline-block;font-size:2rem;border-bottom:5px solid purple;margin-bottom:15px;padding:13px 0}.box{width:100%;margin:1rem 0;border-bottom:2px solid purple}.box input{background:none;width:80%;padding:.1rem;font-size:1rem;border:none;outline:none;color:#fff}.box i{width:20%;text-align:center}.container p{padding:0 .5rem .5rem}.btn{color:#fff;cursor:pointer;outline:none;margin:12px 0;padding:10px 21px;border:2px solid purple;border-radius:10px;font-size:18px;background:none;font-weight:700}.btn:hover{opacity:.5;color:purple;background:#fff}
/*# sourceMappingURL=main.b78484f1.chunk.css.map */