@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500&display=swap);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}:root{--blue-800:#38b6ff;--gray-light:#28282d;--gray-dark:#111;--gray-300:hsla(0,0%,100%,0.75);--white-100:#fff}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}body{background-color:#111;background-color:var(--gray-dark);font-family:"Montserrat",sans-serif}.nav-bar{color:var(--white-100);background-color:var(--gray-light);padding:0 6rem;box-shadow:0 5px 25px 0 rgb(0 0 0/30%);display:flex;justify-content:space-between;align-items:center;z-index:3;position:sticky;position:-webkit-sticky;top:0;height:71px;font-family:"Montserrat"}.logo{color:var(--blue-800);font-weight:500;font-size:1.5rem;padding:.5rem 2rem;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin-left:-80px;-webkit-transition:background-color .5s ease;transition:background-color .5s ease;cursor:pointer}.logo span{color:var(--white-100)}.right-nav{width:24%}.right-nav svg:hover{fill:var(--blue-800)}.right-nav ul{display:flex;align-items:center}li{list-style:none}.right-nav .mobile-hide{list-style:none;padding:0 0 0 2rem;font-size:.9rem;color:var(--white-100);cursor:pointer;-webkit-transition:color .3s ease;transition:color .3s ease;font-weight:500;text-decoration:none}.right-nav .mobile-hide:hover{color:var(--blue-800)}.mobile-show{display:none}@media screen and (max-width:768px){.nav-bar{padding:0 2rem}.logo{padding:.5rem;margin-left:0}}@media screen and (max-width:578px){.nav-bar{padding:0 1rem}.logo{padding:1rem;margin-left:0}.mobile-hide{display:none}.mobile-show{display:block}.right-nav{width:15%}}.side-bar-bg{visibility:hidden;position:fixed;top:0;right:0;left:0;bottom:0;background-color:var(--grey-dark);opacity:0;-webkit-transition:.3s ease;transition:.3s ease;-webkit-transition-property:opacity visibility;transition-property:opacity visibility}.side-bar{position:fixed;top:70px;left:0;width:280px;height:100vh;background-color:var(--gray-light);border-top:2px solid var(--blue-800);color:var(--gray-300);padding:1rem;-webkit-transform:translate(-100%);transform:translate(-100%);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.side-bar .nav-link{display:block;text-transform:uppercase;list-style:none;font-weight:300;font-size:.9rem;padding:1rem;color:var(--white-100);text-decoration:none}@media screen and (max-width:578px){.side-bar-bg.show{visibility:visible;display:block;opacity:1;z-index:1}.side-bar.view{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}}.banner_img{background-size:cover;background-image:url(/static/media/mp3.672cd286.jpg),-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.215)),to(rgba(0,0,0,.6)));background-image:url(/static/media/mp3.672cd286.jpg),linear-gradient(rgba(0,0,0,.215),rgba(0,0,0,.6));background-blend-mode:overlay;background-position:50%;color:var(--white-100);object-fit:contain;height:500px}.banner_contents{font-family:"Montserrat";margin-left:250px;padding-top:90px;height:190px}.title{font-size:3rem;font-weight:700;padding-bottom:.3rem}.description{width:45rem;line-height:1.5;padding-top:1rem;font-size:1.2rem;max-width:560px;font-weight:400}.banner_btn{cursor:pointer;color:var(--white-100);outline:none;border:none;font-weight:500;border-radius:.2vw;padding:.5rem 2rem;margin-right:1rem;background-color:rgba(51,51,51,.5);text-decoration:none}.banner_btn:hover{color:#000;background-color:#e6e6e6;-webkit-transition:all .2s;transition:all .2s}@media screen and (max-width:578px){.banner_img{height:350px}.banner_contents{font-family:"Montserrat";margin-left:56px;padding-top:50px;height:190px}.title{font-size:2rem;font-weight:600;padding-bottom:.3rem}.description{width:21rem;line-height:1.5;padding-top:1rem;font-size:.9rem;max-width:560px;font-weight:500}.banner_btn{color:#000;background-color:#e6e6e6;outline:none;border:none;font-weight:500;border-radius:.5vw;padding:.3rem 1.2rem;margin-right:1rem;text-decoration:none}}.Wrapper{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 25px}.trending_txt,.Wrapper{font-family:"Montserrat"}.Wrapper::-webkit-scrollbar{display:none}.item{width:250px;min-width:110px;flex:0 0 auto;margin:25px}.item img{background-size:cover;background-position:50%;width:100%}.card_des{color:var(--white-100);margin-left:0}.videoSk{margin:60px 20px;-webkit-animation:skeleton .5s ease infinite alternate;animation:skeleton .5s ease infinite alternate}@-webkit-keyframes skeleton{to{opacity:.5}}@keyframes skeleton{to{opacity:.5}}.videoImgSk{width:18rem;height:10rem;background-color:#313131}.postTitleSk{width:222px}.postTitleSk,.postTopicSk{height:12px;margin-top:10px;background-color:#313131;border-radius:5px}.postTopicSk{width:250px}.explore{display:flex;flex-wrap:wrap;justify-content:center;padding:0 30px;font-family:"Montserrat";min-height:60vh}.explore_txt{color:var(--white-100);align-self:center;margin-top:60px;font-size:xx-large}@media screen and (max-width:526px){.explore{padding:0}}.cards{margin:60px 20px;color:var(--white-100)}.card-image{width:18rem}.card-title{margin-top:10px}@media screen and (max-width:586px){.card-image{width:20rem}.cards{margin:20px}}.like-box{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}@media screen and (max-width:586px){.like-box{margin:0;grid-template-columns:1fr;width:100%}}.playlist-box-head{display:flex;align-items:center}.playlist-box-head svg{margin-left:1rem;height:18px;width:18px;cursor:pointer;fill:var(--white-100)}.plist-box{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}@media screen and (max-width:768px){.playlist-box-head{justify-content:space-between}}.playlist-container{margin:2rem 0}.library-page{color:var(--white-100);font-family:"Montserrat",sans-serif}.wrapper{padding:2rem 6rem}.divider{background-color:#5c5c5c;height:2px;margin:10px 0}@media screen and (max-width:768px){.wrapper{padding:2rem}}@media screen and (max-width:586px){.wrapper{padding:1rem}}.footer{background-color:var(--gray-light);min-height:7rem;width:100%;padding:1.2rem;color:var(--white-100);font-size:1rem;box-sizing:border-box;font-family:"Montserrat";text-align:center}.footer-header,.social-links{margin:10px 0}.icon{color:var(--white-100);margin:10px}.footer-end{font-size:small;font-weight:200}.modal-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(19,19,19,.66);z-index:100;display:flex;justify-content:center;align-items:center}.modal-bg.hide{display:none}.modal{color:var(--white-100);background-color:var(--gray-light);width:290px;min-height:280px;box-shadow:0 6px 12px -2px rgb(50 50 93/25%),0 3px 7px -3px rgb(0 0 0/30%);border-radius:5px}.modal-heading{padding:1rem 1rem 0;font-size:1.1rem;display:flex;justify-content:space-between;align-items:center}.modal-heading .text{color:var(--blue-800)}.modal-heading svg{cursor:pointer;fill:var(--white-100);opacity:.7;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.modal-heading:hover>svg{opacity:1}.modal-options{padding:1rem;height:190px;border-bottom:1px solid hsla(0,0%,50.2%,.274)}.checkbox label{font-size:1rem;display:flex}.modal-add{padding:.7rem;display:flex;align-items:center;background-color:var(--gray-900)}.modal-add input{border:0;margin:0;outline:none}.modal-add button,.modal-add input{background-color:transparent;color:var(--gray-300)}.modal-add button{border:none;padding:.4rem .7rem;font-weight:500;border-radius:2px;cursor:pointer}.video-play{padding:2rem 6rem;display:flex;flex-direction:column;font-family:"Montserrat"}.video-player{height:486px}.video-details{color:var(--white-100);margin-bottom:1rem}.video-details .details-head{border-bottom:1px solid rgba(78,78,78,.541);display:flex;justify-content:space-between;margin:2rem 0 1rem}.video-details .name{font-size:1.5rem;font-weight:400}.video-details .caption{color:var(--white-100);line-height:1.5rem;-webkit-line-clamp:15;font-size:.9rem;padding-bottom:2rem;border-bottom:1px solid rgba(78,78,78,.541)}.video-details .channel{display:flex;align-items:center;margin-bottom:20px}.avatar{width:70px;border-radius:50%;margin-right:20px}.button-group{display:flex;align-items:center}.iconpad{margin-right:50px}@media screen and (max-width:1024px){.video-play{flex-direction:column}.video-details{margin:1rem 0}.video-details .name{font-size:1.5rem;margin-bottom:1rem}.video-details{border-bottom:1px solid rgba(78,78,78,.541)}}@media screen and (max-width:768px){.video-play{padding:2rem}.video-details .channel .avatar{display:block}.video-player{height:60vw}}@media screen and (max-width:426px){.video-play{padding:1rem}.video-details .name{font-size:1.2rem;font-weight:300}.video-details .details-head{flex-direction:column;align-items:unset;margin-top:.5rem;padding-bottom:0}.button-group{width:100%;text-align:right}}.account{min-height:80vh;text-align:center;color:var(--white-100)}.usericon{width:15rem;border-radius:50%}.logout_btn{cursor:pointer;outline:none;border:none;font-weight:500;border-radius:.2vw;padding:.5rem 2rem;text-decoration:none;color:#000;background-color:#e6e6e6}.login-page{padding:8% 0 0;margin:auto;min-height:100vh;width:100%;background-image:url(https://wallup.net/wp-content/uploads/2019/09/09/67257-guitar.jpg);background-repeat:no-repeat;background-size:cover;background-position:50%}.form{background-image:linear-gradient(45deg,hsla(0,0%,100%,.07),hsla(0,0%,100%,.2));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;max-width:320px;margin:0 auto 100px;padding:45px;border:none;position:relative;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.13),0 5px 16px rgba(0,0,0,.33);z-index:0}.form input{outline:0;box-sizing:border-box;border-radius:4px;padding:15px;margin:0 0 15px;width:100%;color:#fff;font-size:14px;border:none;-webkit-transition:border-radius .3s;transition:border-radius .3s;background-color:hsla(0,0%,100%,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 0 5px rgba(0,0,0,.1)}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-transition:background-color 50000s ease-in-out 0s,color 5000s ease-in-out 0s;transition:background-color 50000s ease-in-out 0s,color 5000s ease-in-out 0s}.form input::-webkit-input-placeholder{color:#dbdbdb}.form input::-moz-placeholder{color:#dbdbdb}.form input:-ms-input-placeholder{color:#dbdbdb}.form input::-ms-input-placeholder{color:#dbdbdb}.form input::placeholder{color:#dbdbdb}.form button{text-transform:uppercase;outline:0;background:#2c92ce;width:100%;border:0;padding:15px;color:#fff;font-size:14px;cursor:pointer}.form button:active,.form button:focus,.form button:hover{background:var(--blue-800);-webkit-transition:all .4s ease;transition:all .4s ease}.form .message{margin:15px 0 0;color:#b3b3b3;font-size:14px}.form .message span{color:var(--blue-800);text-decoration:none;cursor:pointer}.pass-wrapper{position:relative;display:flex}i{position:absolute;top:24%;right:8%;font-size:large;color:#dbdbdb}i:hover{cursor:pointer}.testCredentials-btn{color:#b3b3b3}.testCredentials-link{color:#fff;cursor:pointer;text-decoration:underline}.loader{border:3.5px solid #f3f3f3;border-top-color:#424344;border-radius:50%;width:14px;height:14px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;margin:auto}@-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)}}
/*# sourceMappingURL=main.83a87e38.chunk.css.map */