html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(44,42,55)}.component{margin:1em auto}@media (max-width: 900px){.component{width:100%}}.header{background-color:#0003;border-radius:10px;color:#fff;display:flex;align-items:center;width:76%;gap:10px;padding-left:4%;margin-bottom:4%;margin-top:10%}.header--menu--button{display:flex;justify-content:center;align-items:center;border-radius:5px;background-color:#0003}.menu--button--icon{width:10px;height:20px;padding:5px}.header--menu--text{color:#fff;font-family:Ubuntu;font-weight:200;font-size:.8rem}.header--title{font-family:Ubuntu;font-weight:300;font-size:1.2rem}.header--subtitle{font-family:Ubuntu;font-weight:300;font-size:.8rem}.menu--button--icon{width:30px;height:30px;border-radius:5px}.musicCover{border-radius:10%;width:76%}.controlButtons:hover{fill:#0575c5}.playButton{background:none;border:none;align-items:center;justify-content:center}.playButton:hover{color:#000}.shuffleButton,.prevButton,.nextButton,.volumeButton{background:none;border:none;align-items:center;justify-content:center}.volumeButtonIcon{fill:#fff}.volumeButtonIcon:hover{fill:#0575c5;stroke:#0575c5}.title{color:#fff;font-size:larger;letter-spacing:6px;font-size:1.5rem;font-family:Unica One,sans-serif;font-weight:400;font-style:normal}.subTitle{margin-top:-1em;color:#747474;font-family:Ubuntu;font-weight:300;font-size:1.2rem;text-align:center}.timeline--container{position:absolute;display:flex;flex-direction:row;bottom:25%;left:50%;transform:translate(-50%);width:70%;z-index:1;background-color:#000c;padding:10px;border-radius:10px}.musicCover{width:80%;height:100%;object-fit:fill}.fs--musicCover{width:50px;height:50px;border-radius:10px;object-fit:fill}.fs--details{display:flex;flex-direction:column;color:#fff}.fs--title{letter-spacing:2px;font-size:.9rem;font-family:Unica One,sans-serif;font-weight:400;font-style:normal}.fs--subTitle{margin-top:-1em;color:#747474;font-family:Ubuntu;font-weight:300;font-size:.75rem}.overlay-container:hover .time{position:absolute;bottom:20px;left:50%;transform:translate(-50%,-50%);z-index:1;font-family:Ubuntu;font-weight:300;font-size:smaller;margin:0 auto;width:100%;display:flex;justify-content:space-between;color:#fff;background-color:#000c;padding:5px;border-radius:12px}.controls{width:70%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4%;background-color:#0000004d;border-radius:12px;padding:20px;margin-bottom:10%}.fs--controls{width:70%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4%;background-color:#0000004d;border-radius:12px;padding:20px;margin-bottom:10%}.fs--controls--main{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4%}.overlay-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1}.overlay-container .time{display:none}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%}input[type=range]::-webkit-slider-runnable-track{background:#053a5f;height:.5rem}input[type=range]::-moz-range-track{background:#053a5f;height:.5rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:0;background-color:#5cd5eb;height:.5rem;width:1rem}input[type=range]::-moz-range-thumb{border:none;border-radius:0;background-color:#5cd5eb;height:2rem;width:1rem}.searchMenu{background-color:#0003;border-radius:10px;color:#fff;display:flex;flex-direction:column;flex-grow:1;width:76%;height:100%;gap:10px;margin-bottom:4%;padding-left:4%}.searchHeader{font-family:Ubuntu;font-weight:400;font-size:1.2rem;margin-top:1.5rem;margin-left:.5rem;margin-bottom:1rem}.playlistThumb{display:flex;justify-content:center;align-items:center;gap:20px}.playlistButton{border-radius:5px;background-color:#000;color:#fff;padding:2px;border:none}.playlistButton:hover{background-color:#444}.playlistButtonText{padding:5px 10px}.playListHeader{display:flex;flex-direction:row;justify-content:space-between;margin-right:5%;margin-top:2%}.viewPlayListButton{border-radius:10px;background-color:#0003;color:#fff;margin:5px;border:none}.viewPlayListButton:hover{background-color:#3c3c3c}.playListName{padding-left:4%;font-family:Ubuntu;font-weight:500;font-size:1.3rem;text-align:left}.songList{display:flex;flex-direction:column;gap:10px}.songListing{display:flex;flex-direction:row;gap:5px;color:#fff;align-items:center;background-color:#0003;padding-left:4%;margin-right:4%;justify-content:space-between}.songButton{display:flex;margin-right:1rem;border:none;align-items:center;padding:8px;border-radius:2px}.songButton:hover{background-color:#777}.songListingDesc{display:flex;flex-direction:row;gap:5px;align-items:center}.searchAlbumArt{width:40px;height:40px;border-radius:5px}.searchArtistDesc{display:flex;flex-direction:column}.searchTitle{color:#fff;font-size:larger;font-size:1.2rem;font-family:Unica One,sans-serif;font-weight:400;font-style:normal}.searchSubtitle{margin-top:-1em;color:#747474;font-family:Ubuntu;font-weight:300;font-size:.9rem;text-align:left}.searchHeaderTitle{padding-left:4%;font-family:Ubuntu;font-weight:500;font-size:1.3rem;text-align:left}.playListView{display:flex;flex-direction:column;margin-top:1.5rem;gap:10px}.playlistListing{display:flex;flex-direction:row;gap:5px;color:#fff;align-items:center;background-color:#0003;margin-right:4%;padding:5%}.playlistListing{font-family:Unica One,sans-serif;font-weight:400;font-style:normal;text-align:left;letter-spacing:3px;justify-content:space-between;border-radius:10px}.cozyListing{display:flex;flex-direction:row;gap:5px;color:#fff;align-items:center;background-color:#58878f61;margin-right:4%;padding:5%;font-family:Unica One,sans-serif;font-weight:400;font-style:normal;text-align:left;letter-spacing:3px;justify-content:space-between;border-radius:10px;border:2px solid #58878f61}.cozyListing:hover{border:2px solid #0575c5}.gamingListing{display:flex;flex-direction:row;gap:5px;color:#fff;align-items:center;background-color:#8f585861;margin-right:4%;padding:5%;font-family:Unica One,sans-serif;font-weight:400;font-style:normal;text-align:left;letter-spacing:3px;justify-content:space-between;border-radius:10px;border:2px solid #8f585861}.gamingListing:hover{border:2px solid rgba(255,0,0,.375)}.jazzListing{display:flex;flex-direction:row;gap:5px;color:#fff;align-items:center;background-color:#898f5861;margin-right:4%;padding:5%;font-family:Unica One,sans-serif;font-weight:400;font-style:normal;text-align:left;letter-spacing:3px;justify-content:space-between;border-radius:10px;border:2px solid #898f5861}.jazzListing:hover{border:2px solid rgba(255,208,0,.375)}.timer{color:#fff;background-color:#000c;padding-top:5px;padding-bottom:5px;font-family:Unica One,sans-serif;font-weight:400;font-style:normal;font-size:2rem;position:absolute;display:flex;flex-direction:row;align-items:center;text-align:center;justify-content:center;top:20%;right:1%;width:8%;z-index:9999}.timerDiv{display:flex;flex-direction:column;align-items:center}.timerDigits{display:flex;flex:row}.timerText{color:#fff;font-family:Unica One,sans-serif;font-weight:400;font-style:normal;font-size:6rem;margin:0}.timerInput{background-color:#2b2b36;text-align:center;color:#fff;font-family:Unica One,sans-serif;font-weight:400;font-style:normal}.startLoader{display:flex;flex-direction:column;color:#fff;font-family:Unica One,sans-serif;font-weight:400;font-style:normal;width:100vw;height:100vh;justify-content:center;align-items:center;text-align:center;z-index:9999}*::-webkit-scrollbar{height:10px;width:10px}*::-webkit-scrollbar-track{border-radius:5px;background-color:#dfe9eb}*::-webkit-scrollbar-track:hover{background-color:#b8c0c2}*::-webkit-scrollbar-track:active{background-color:#b8c0c2}*::-webkit-scrollbar-thumb{border-radius:5px;background-color:#1b1b1e}*::-webkit-scrollbar-thumb:hover{background-color:#2b2b36}*::-webkit-scrollbar-thumb:active{background-color:#2b2b36}.player{opacity:0;transition:opacity 1s ease}.player.visible{opacity:1}.canvas{opacity:0;transition:opacity 1s ease}.canvas.visible{opacity:1}.soundMenuExpand{position:absolute;top:70px;right:10px;display:flex;flex-direction:column;width:175px;border-radius:5px}.soundButton{display:flex;flex-direction:row;align-items:center;gap:10px}.rainControls,.natureControls{display:flex;flex-direction:row;background-color:#070f2b;padding-right:10px}