.sidebar{height:100vh;width:200px;background-color:#000;position:fixed;left:0;top:0;z-index:1;opacity:1;transition:opacity .5s ease-in}.sidebar>nav{height:100vh;display:flex;flex-direction:column}.sidebar>nav .options-container{padding-top:.5rem}.sidebar>nav .user-links{overflow-y:auto;padding-bottom:100px}.sidebar>nav .option-link{display:block;padding:7.5px 15px;text-decoration:none;color:#c8c8c8;font-weight:600}.sidebar>nav .option-link svg{margin-right:1rem}.sidebar>nav .option-link:hover{color:#fff}.sidebar>nav .section-title{margin-top:.5rem;font-size:.8rem;padding:7.5px 15px 0;cursor:default;letter-spacing:.1rem}.sidebar>nav .playlist{font-size:.9rem;font-weight:400}@media only screen and (max-width:1024px){.sidebar{top:65px;background:rgba(0,0,0,.95)}.sidebar>nav .options-container{display:none}.sidebar>nav .user-links{padding-bottom:190px}.sidebar>nav .section-title{font-size:.9rem}}@media only screen and (max-width:1024px){.sidebar{top:60px}}@media only screen and (max-width:480px){.sidebar .options-container{font-size:1.15rem}}.sidebar-closed{display:none;opacity:0;transition:opacity .5s ease-in}.search-bar form{display:flex;align-items:center}.search-bar form input{width:15rem;padding:.5rem 0;margin-right:.5rem;border-radius:25px;text-align:center;color:#000;font-size:.85rem;font-weight:700}.search-bar form input:focus{outline:none}.search-bar form svg.fa-search{cursor:pointer;height:30px;width:30px;padding:.5rem;border-radius:50%;text-align:center;transition:background-color .25s}.search-bar form svg.fa-search:hover{background-color:#09aec7}@media only screen and (max-width:1024px){.search-bar form{margin:1rem}.search-bar form input{padding:.5rem;font-size:1rem}}@media only screen and (max-width:768px){.search-bar form input{width:12rem;font-size:.75rem;padding:.6rem}.search-bar form svg.fa-search{height:25px;width:25px}}@media only screen and (max-width:700px){.search-bar form input{padding:.4rem}.search-bar form svg.fa-search{height:20px;width:20px}}.top-header{display:flex;position:fixed;top:0;left:200px;height:65px;width:calc(100vw - 200px);padding-left:1rem;background-color:#000;z-index:1;align-items:center}.top-header .sidebar-icon{display:none}.top-header .desktop-navbar{width:100%;display:flex;justify-content:space-between}.top-header .desktop-navbar .user-icon{color:#fff;width:100%;display:flex;margin-right:4rem;justify-content:flex-end;align-items:center;cursor:default}.top-header .desktop-navbar .user-icon svg{margin-left:.75rem}.top-header .mobile-navbar{display:none}@media only screen and (max-width:1024px){.top-header{padding:0;height:60px}.top-header .sidebar-icon{display:inline-block}.top-header .desktop-navbar{display:none}.top-header .mobile-navbar{width:100%;display:flex;justify-content:space-around;align-items:center}.top-header .mobile-navbar .sidebar-div,.top-header .mobile-navbar a{display:flex;flex-direction:column;align-items:center}.top-header .mobile-navbar .sidebar-div span,.top-header .mobile-navbar a span{padding-top:.25rem;font-size:.8rem}.top-header .mobile-navbar .sidebar-div svg,.top-header .mobile-navbar a svg{padding-top:.35rem}}@media only screen and (max-width:768px){.top-header .mobile-navbar .sidebar-div span,.top-header .mobile-navbar a span{font-size:.6rem}}.mobile{width:100vw;left:0}.mobile svg.fa-bars,.mobile svg.fa-book,.mobile svg.fa-home,.mobile svg.fa-search,.mobile svg.fa-times{color:#fff;height:50px;width:50px}@media only screen and (max-width:768px){.mobile svg.fa-bars,.mobile svg.fa-book,.mobile svg.fa-home,.mobile svg.fa-search,.mobile svg.fa-times{height:30px;width:30px}}@media only screen and (max-width:320px){.mobile svg.fa-bars,.mobile svg.fa-book,.mobile svg.fa-home,.mobile svg.fa-search,.mobile svg.fa-times{height:25px;width:25px}}.track-player-container{width:100vw;height:100px;position:fixed;bottom:0;left:0;background-color:#1d1d1d;display:flex;align-items:center;z-index:5}.track-player-container .track-player-details{display:flex;padding:1rem;color:#fff;align-items:center;position:absolute}.track-player-container .track-player-details img{height:80px;width:80px}@media only screen and (max-width:1400px) and (min-width:1025px){.track-player-container .track-player-details img{height:65px;width:65px}}.track-player-container .track-player-details .track-player-info{font-size:1rem;margin-left:1rem;letter-spacing:.05rem;width:300px}.track-player-container .track-player-details .track-player-info .track-player-title{font-weight:700;word-wrap:break-word}.track-player-container .track-player-details .track-player-info .track-player-artist{color:#cac9c9}@media only screen and (max-width:413px){.track-player-container .track-player-details{font-size:.7rem}}@media only screen and (max-width:387px){.track-player-container .track-player-details{font-size:.6rem}}.track-player-container .track-player-controls{margin:0 auto;display:flex;flex-wrap:nowrap}.track-player-container .track-player-controls svg{margin:0 1rem;height:1.75rem;width:1.75rem}@media only screen and (max-width:413px){.track-player-container .track-player-controls svg{margin:0 .75rem;height:1rem;width:1rem}}.track-player-container .preview-error{height:100px;position:fixed;bottom:0;right:2rem;display:flex;justify-content:flex-end;align-items:center;color:red;letter-spacing:.25rem;z-index:2}@media only screen and (max-width:1400px){.track-player-container,.track-player-container .preview-error{height:75px}}@media only screen and (max-width:1024px){.track-player-container{height:115px}.track-player-container .track-player-controls svg{height:2rem;width:2rem}.track-player-container .track-player-details{height:100%;padding:0;margin-left:1rem}.track-player-container .track-player-details .track-player-info{display:flex;flex-direction:column;justify-content:center;height:100%;width:200px;font-size:.8rem}.track-player-container .preview-error{height:115px;margin-right:-1rem;justify-self:flex-end;align-self:flex-end}.track-player-container .preview-error svg{display:none}}@media only screen and (max-width:800px){.track-player-container .track-player-details img{height:70px;width:70px}.track-player-container .track-player-details .track-player-info{font-size:.7rem}.track-player-container .preview-error{width:200px}}@media only screen and (max-width:700px){.track-player-container{height:100px}.track-player-container .track-player-controls svg{height:1.75rem;width:1.75rem}.track-player-container .track-player-details{margin-left:.5rem}.track-player-container .track-player-details img{display:none}.track-player-container .track-player-details .track-player-info{font-size:.8rem}.track-player-container .track-player-controls{margin:0 .9rem 0 auto}.track-player-container .track-player-controls svg{height:2rem;width:2rem}.track-player-container .preview-error{height:100px}.track-player-container .preview-error h5{font-size:.75rem}}@media only screen and (max-width:500px){.track-player-container .track-player-details{margin-left:.25rem}}@media only screen and (max-width:400px){.track-player-container .track-player-details .track-player-info{width:175px}}@media only screen and (max-width:320px){.track-player-container .track-player-details .track-player-info{width:135px;font-size:.65rem}}@media only screen and (max-width:700px){.no-preview .preview-error{height:20px;width:100%;margin:0;right:0;align-items:flex-start;justify-content:flex-start}.no-preview .preview-error h5{margin:0 0 0 1rem;font-size:.6rem;letter-spacing:2px;font-weight:700}}html{height:100%}html ::-webkit-scrollbar{width:7.5px;background:#000}html ::-webkit-scrollbar-thumb{background-color:grey}html body{height:100%;font-size:16px;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:"Poppins",sans-serif;background-color:#0f0f0f;color:#fff;cursor:default}html body a{text-decoration:none;color:#fff}html #root .app{height:100%;outline:0;overflow-y:scroll;overflow-x:hidden;box-sizing:border-box}html #root button,html #root button:focus{outline:0}
/*# sourceMappingURL=main.8507df11.chunk.css.map */