@import "https://fonts.googleapis.com/css2?family=DM+Sans&display=swap";@import "https://fonts.cdnfonts.com/css/baloo-da";@import "https://fonts.googleapis.com/css2?family=Blinker:wght@700&display=swap";.top-page-bar{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:4vh}.main-size{font-size:4vh}.upload-button{color:var(--h1-color);margin-left:1vw;margin-right:1vw;cursor:pointer;transition:.3s}.upload-button:active{transform:scale(.8);transition:.3s}.subheading{text-align:left;font-size:3vw;padding-top:3vh;filter:brightness(.9);margin-left:2vw;margin-top:1vh;transition:.2s;margin-bottom:0;border-bottom:1px solid #666;line-height:.1em}.subheading span{background:var(--primary-bg-color);padding:0 10px}.subheading-2{text-align:left;font-size:2vw;padding-top:3vh;filter:brightness(.9);margin-left:1vw;margin-top:1vh;transition:.2s;margin-bottom:0;border-bottom:1px solid #666;line-height:.1em}.subheading-2 span{background:var(--primary-bg-color);padding:0 10px}.grid-size:hover{color:#22a6b3;transform:scale(1.1)}.upload-button:hover{color:#22a6b3;transform:scale(1.2);transition:.3s}.theme-mode:hover,.settings-mode:hover,.search-question:hover{color:#22a6b3;transform:scale(1.1)}.song-image{width:10vw;height:10vw;margin-top:2vh;margin-left:1vw;margin-right:0;margin-bottom:0;cursor:pointer;transition:.2s}.album-art{width:12vw;height:12vw;border-radius:0;margin-left:0;margin-right:0;margin-bottom:0;cursor:pointer;transition:.3s}#recentlyPlayedv2{display:flex;flex-direction:row;margin-top:0;margin-left:1vw;overflow-x:auto;overflow-y:hidden}.show-moreSongs{display:flex;flex-direction:column;margin-top:2vh;margin-left:40vw;margin-bottom:2vh;padding:1vw;overflow-y:auto;background-color:var(--card-color-music);color:var(--card-text-color);border-radius:1vw;width:10vw;transition:.4s;cursor:pointer}.show-moreSongs:hover{background-color:#22a6b3;color:#fff;transform:scale(1.1)}.stylish{margin-top:0}.song-image:hover{transform:scale(1.1)}.songs-container{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}#songsDiv{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:0;margin-right:1vw;margin-left:0;margin-bottom:2vh;overflow-x:auto}#songsDivs{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:0;margin-left:1vw;margin-bottom:2vh;overflow-x:auto}#albumsDiv,#albumsDivs{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:2vh;margin-left:1vw;margin-bottom:2vh;overflow-x:auto}.album{display:flex;flex-direction:column;margin-top:2vh;margin-left:1vw;margin-bottom:2vh;overflow-y:auto;background-color:var(--card-color-music);color:var(--card-text-color);border-bottom-right-radius:.4vw;border-bottom-left-radius:.4vw;transition:.3s}.album p{margin-top:.5vw;margin-bottom:.5vw;margin-left:0;margin-right:0;padding:0;font-size:.7vw;text-align:center;filter:brightness(.5);transition:.2s}.w-6{width:2.5rem}.h-6{height:2.5rem}.album:hover{transform:scale(1.05);transition:.3s;cursor:pointer}.album:active{transform:scale(.9);transition:.3s}.songDiv{display:flex;flex-direction:column;margin-top:2vh;margin-left:2vw;margin-bottom:1vh;padding:0;overflow-y:auto;background-color:var(--card-color-music);color:var(--card-text-color);border-bottom-left-radius:.4vw;border-bottom-right-radius:.4vw;flex-basis:10%;flex-grow:1;max-width:12vw;min-width:7vw;transition:.3s}.songDiv:hover{transform:scale(1.05);transition:.3s;cursor:pointer}.songDiv:active{transform:scale(.9);transition:.3s}.songTitle{margin-top:1vw;margin-bottom:0;margin-left:0;margin-right:0;padding:0;font-size:.7vw;text-align:center;filter:brightness(.5);transition:.2s}.songArtist{margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding:0;font-size:.7vw;text-align:center;border-radius:1vw;filter:brightness(.3);transition:.2s}.songAlbum,.songYear{margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding:0;font-size:.6vw;text-align:center;border-radius:1vw;filter:brightness(.8);transition:.2s}.expand-song{display:flex;flex-direction:column;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding:0;font-size:1vw;text-align:center;border-radius:1vw;filter:brightness(.8);background-color:var(--card-color);cursor:pointer;transition:.2s}.expand-song:hover{transform:scale(1.05)}.songImage{aspect-ratio:1/1}.songImageExpanded{width:10vw;height:10vw;border-radius:10%;margin-top:2vh;margin-left:1vw;margin-right:0;margin-bottom:0;cursor:pointer}.songTitleExpanded{margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding:0;font-size:1vw;text-align:center;border-radius:1vw}.songArtistExpanded{margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding:0;font-size:1vw;text-align:center;border-radius:1vw;filter:brightness(.5)}.songAlbumExpanded,.songYearExpanded{margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding:0;font-size:.6vw;text-align:center;border-radius:1vw;filter:brightness(.8)}.songsArtist{margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding:0;font-size:3vw;text-align:center;border-radius:1vw;filter:brightness(.5);transition:.2s}.songsAlbum,.songsYear{margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding:0;font-size:1.5vw;text-align:center;border-radius:1vw;filter:brightness(.8);transition:.2s}.side-info{display:flex;flex-direction:column;margin-top:0;margin-bottom:0;margin-left:0;margin-right:20vw;padding:0;width:30vw;font-size:1vw;text-align:center;border-radius:0;filter:brightness(.8);background-color:var(--card-color);cursor:pointer;transition:.2s}.set-bg{display:none}html{background:var(--primary-bg-color);transition:1s;background-size:cover;margin:0;padding:0}body{font-family:var(--header-font);overflow-y:scroll}::-webkit-scrollbar{width:0}.mobile{display:none}.song-image{width:10vw;height:10vw;border-radius:10%;margin-top:2vh;margin-left:1vw;margin-right:0;margin-bottom:0;cursor:pointer;transition:.2s}.media-player-wrap{background:url(assets/a9362e9d1ae13b2f90f29a61c1ad526b.1000x1000x1.png),#4f4d4d;border-radius:2vw;height:18vh;width:23vw;background-repeat:no-repeat;background-position:center center;background-size:cover;opacity:1;display:block;position:inherit;margin-left:70vw;margin-bottom:20vh;transition:.4s}.spaceDesktop2{height:10vh;width:23%;display:block;transition:.4s}.spaceDesktop3{height:10vh;width:5%;display:block;transition:.4s}#f{display:none}.slider-container{margin:20px;display:flex;align-items:center;justify-content:center;font-size:1.5vw}.slider{-webkit-appearance:none;width:60vw;height:1.2vh;margin:0 10px;background:#fff;outline:0;opacity:.7;transition:opacity .2s}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.5vw;height:1.5vw;border-radius:50%;background:#888;cursor:pointer}.slider::-moz-range-thumb{width:1.5vw;height:1.5vw;border-radius:50%;background:#888;cursor:pointer}.slider-value{margin:10px}.custom-file-upload{color:var(--title-color);font-size:1.5vw;font-family:var(--card-title-font);margin-top:3vh;transition:.4s;background-color:var(--alt-bg-color);text-align:center;width:20%;display:block;margin-left:40%;border-radius:3vw}.custom-file-upload:hover{transform:scale(1.05);transition:.1s;box-shadow:#18d631 0 0 1vh}.volumeSlide{-webkit-appearance:none;width:100%;height:1vh;background:var(--card-color);outline:0;opacity:.9;transition:opacity .2s;margin-top:0;margin-right:0;transition:.4s;border-radius:1vh;margin-bottom:none;transform:rotate(180deg);position:inherit}.volumeSlide::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:2vh;height:2vh;background:var(--alt-bg-color);cursor:pointer;border-radius:2vh}h1{font-family:var(--card-title-font);font-size:2vw;color:var(--h1-color);font-weight:700}p{text-align:center;color:var(--p-text-color)}a{-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration);color:var(--card-text-color);cursor:pointer}.title-nav{margin-top:1.5vh;margin-right:8vw}.hide{display:none}.bottom-wrap{height:10vh;width:100%;position:sticky;z-index:10;bottom:0;left:0;overflow-x:hidden;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);transition:.5s;overflow-y:hidden}.hamburger-sidebar{height:5vw;width:5vw;position:absolute;z-index:100;margin:0;top:.5%;left:1%;cursor:pointer}#hamburgerSidebar{transition:.4s}.progress-container{background:#1b1b1b;border-radius:.3vh;height:.3vh;width:40%;position:absolute;left:29.8%;margin-top:5vh;padding:10px}.progress-container p{margin-top:-1vh;filter:brightness(50%)}.progress-bar{background:#777;border-radius:3vh;height:.3vh;width:0%}.forward-arrow{height:4vh;width:50%;position:absolute;left:50%;transform:translate(43%);padding:10px;margin-top:2.63vh}.forward-arrow:hover .back-arrow:hover{cursor:pointer}.pause-play{height:10px;width:10px;left:49.7%;margin-top:7.2vh;position:absolute;transition:.3s}.pause-play:hover{transform:scale(1.05);transition:.3s;cursor:pointer}.back-arrow{height:4vh;width:50%;position:absolute;left:50%;transform:translate(-50%);padding:10px;margin-top:2.63vh}.volume-container{margin-top:5vh;right:1%;background:#000;border-radius:.5px;height:1vh;width:10%;position:absolute;transform:rotate(180deg)}.volume-bar{background:var(--alt-bg-color);border-radius:.5px;height:1vh;width:10%}.volume-icon{height:4vh;width:4vh;right:12vw;margin-top:3.6vh;position:absolute;color:#fff}.volume-icon:hover{transform:scale(1.05);transition:.1s;box-shadow:#000 0 0 1vh}.volume-icon-mute{height:5vh;width:5vh;margin-left:2vh;margin-top:9.5vh;position:absolute;color:#fff}.volume-icon-mute:hover{transform:scale(1.05);transition:.1s;box-shadow:#000 0 0 1vh}.song-title-container{width:100%;position:absolute}.song-title{font-size:1.5vh;padding-top:.5vh;text-align:center;text-overflow:ellipsis;position:absolute;left:50.23%;transform:translate(-50%);padding:10px;overflow:hidden;white-space:nowrap}.song-title:hover{filter:brightness(80%);text-decoration:underline}.song-artist{font-size:1vh;margin-top:3.3vh;text-align:center;text-overflow:ellipsis;position:absolute;left:50.23%;transform:translate(-50%);overflow:hidden;white-space:nowrap;filter:brightness(70%)}.song-artist:hover{filter:brightness(80%);text-decoration:underline}.song-photo{height:20vh;width:20vw;margin-left:0;left:0;position:absolute}.photo-style{height:9.9vh;width:auto;margin:0;padding:0}:root{--title-color:#14FFEC;--h1-color:var(--font-color);--card-color:var(--settings-3);--card-color-darker:var(--settings-2);--card-color-music:var(--settings-1);--card-title-color:#666;--card-text-color:#666;--card-text-weight:bold;--p-text-color:var(--font-color);--link-decoration:none;--settings-container:#212121;--media-skip-buttons:rgba(102, 40, 40, .7);--media-play-buttons:rgba(128, 105, 46, .7);--media-icon-color:black;--alt-bg-color:#33c263;--mobile-bg:#343434;--nav-bar-bg:#0D7377;--music-bar:#0E0E0E}