#root{max-width:100vw!important;margin:0!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.5;font-size:17px!important;color-scheme:dark;color:#131212de}#root background{width:100vw;min-height:100vh;background-color:#242424}html{overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2!important;background:transparent!important}body{margin:0;display:flex;place-items:center;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;color:#7a19e9;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.react-responsive-modal-modal{background:#1c1c1c;overflow:hidden;border-radius:16px;margin:0;padding:20px 0}@media only screen and (max-width: 768px){#root{max-width:92.5vw!important}body{max-width:100vw}*{-webkit-user-select:none;user-select:none}}@media only screen and (max-height: 400px){body{max-width:100vw}*{-webkit-user-select:none;user-select:none}}#root{max-width:100vw;margin:0;padding:1rem;text-align:center}h1{font-family:Arial,Helvetica,sans-serif;background:linear-gradient(to bottom,#06f,#c3f);background-clip:text;-webkit-text-fill-color:transparent;-webkit-background-clip:text}#root{max-width:1280px;margin:0 auto;padding-top:20vh;text-align:center}.welcome{display:flex}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.intro{font-family:Arial,Helvetica,sans-serif;background:linear-gradient(to bottom,#06f,#c3f);background-clip:text;-webkit-text-fill-color:transparent;-webkit-background-clip:text}sup{font-size:small}.loginImage{animation:fadeIn .5s}@media only screen and (max-width: 768px){.loginImage{margin:0!important;padding:0!important;max-width:96vw!important}.intro{font-size:50px}.introImg{width:80px;height:auto}}.muzieknootjes2{display:block;margin:auto;position:relative;width:50%;min-width:300px;height:200px;border:0px solid #000}.tnoot-2,.tnoot-1,.tnoot-3,.tnoot-4,.tnoot-5,.tnoot-6,.tnoot-7,.tnoot-8{position:absolute;animation:notes 2s infinite linear;font-size:35px;opacity:0;color:#06f}.tnoot-1{top:60px;left:0;animation-delay:.5s}.tnoot-2{top:30px;left:30%;animation-delay:1s}.tnoot-3{top:90px;left:60%;animation-delay:1.5s}.tnoot-4{top:40px;left:90%;animation-delay:2s}.tnoot-5{top:70px;left:50%;animation-delay:.75s}.tnoot-6{top:20px;left:40%;animation-delay:1.25s}.tnoot-7{top:100px;left:45%;animation-delay:1.75s}.tnoot-8{top:35px;left:80%;animation-delay:2.1s}.fade-in-image,.fade-in-image2{animation:fadeIn .5s}.homeButtons{animation:fadeIn .5s;position:relative;border-radius:10px;color:#000;font-weight:bolder;padding:10px 13px;background:#7a19e9;outline:0!important}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #eeeeeeb3}70%{transform:scale(1);box-shadow:0 0 0 10px #0000}to{transform:scale(.95);box-shadow:0 0 #0000}}.pulseClass{box-shadow:0 0 #fff;transform:scale(1);animation:pulse 2s infinite}.dropdown-content{display:none;position:absolute;background:linear-gradient(to bottom,#06f,#c3f);min-width:10px;width:80px;box-shadow:0 8px 16px #0003;border-radius:16px;z-index:2}.removeAlbum{display:none;position:relative;left:-30px;color:#000;background:#5ad2d8;font-size:13px;width:fit-content;height:50px;box-shadow:0 8px 16px #0003;border-radius:16px;z-index:2}.removePlay{display:none;position:relative;margin-top:20px;margin-left:-110px;color:#000;background:#5ad2d8;font-size:13px;width:130px;height:50px;box-shadow:0 8px 16px #0003;border-radius:16px;z-index:2}.dropdown-content,a:hover{background-color:#ddd}@media (hover:hover){.removePContainer:hover .removePlay,.removeContainer:hover .removeAlbum{display:block}}.addPlaylist{margin:0;cursor:pointer;border:2px solid #7a19e9;color:#5ad2d8;border-radius:50%;height:35px;width:35px;font-size:30px;position:absolute;left:37vw;line-height:28px;padding:3px 5px;transform:scale(1);animation:pulse3 2.5s infinite}form label{display:block;width:100%;margin-top:15px;margin-bottom:5px;text-align:left;color:#fff;font-weight:700;font-size:20px}form input{display:block;width:100%;margin-bottom:15px;padding:10px;box-sizing:border-box;border:1px solid #ddd;border-radius:5px}.wrap2 button{position:relative;width:100%;height:65px;margin-top:35px;color:#fff;background-color:#06f}#modal4{margin:0!important;padding:15px!important;min-width:400px!important;min-height:370px!important;overflow:hidden!important;background:linear-gradient(to bottom,#06f,#c3f)}.homeContainer{position:absolute;top:8vw;right:40vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.albumContainer{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;padding-top:15px;width:95vw;top:550px}.playlistContainer{display:flex;flex-wrap:wrap;flex-direction:column;padding-top:10vw;margin-bottom:90px}.likedSongImg{height:300px;width:300px;margin-right:50px;border-radius:10px}.audioPodcast{display:flex;align-items:start!important;position:relative;left:-20vw;max-height:340px;max-width:95vw}.audioPodcast h2{margin-top:100px}@media (min-height: 1000px){.homeContainer{margin-top:0}.albumContainer{top:700px}}.removeImg{height:40px;width:40px;margin:0 0 20px;cursor:pointer}@media only screen and (max-height: 400px){.playlistContainer{margin-top:190px!important}.audioPodcast{margin-top:200px}}@media only screen and (max-width: 768px),(max-height: 400px){.removePlay{width:90px;height:30px;font-size:8px;margin-left:-60px;margin-top:30px}.removeAlbum{width:fit-content;height:fit-content;font-size:15px;margin-left:30px;border-radius:3px;padding:3px}.removeImg{height:30px;width:30px}.homeContainer{margin-top:60px;right:5vw;flex-direction:column}.buttonContainer{width:90vw;white-space:nowrap;top:20vh;margin-left:10%}.homeButtons{width:fit-content;padding:10px 5px;font-size:12px}.albumContainer{top:580px;padding-top:25px;padding-bottom:200px}.likedSongImg{height:150px;width:150px;margin-right:5px}a div h2{font-size:13px;max-width:100px}.playlistContainer{margin-top:90px;margin-bottom:200px}.filterHome button{margin-right:10vw}.addPlaylist{margin-top:60px}.fade-in-image,.fade-in-image2{height:150px!important;width:150px!important;margin-right:5px!important}.audioPodcast{align-items:start!important;position:relative;left:-20vw;max-height:fit-content}.audioPodcast h2{margin-top:100px}.fade-in-image2{margin-bottom:0!important}#modal4{max-height:90vh!important;max-width:90vw!important;min-width:90vw!important}.theme{height:30px;width:55px;font-size:9px;margin:2px;padding:5px 0}#dropdown-content{position:absolute;top:40px;left:0;min-width:10px;width:80px}}.react-responsive-modal-root{position:fixed;top:0;bottom:0;left:0;right:0;z-index:1000}.react-responsive-modal-overlay{background:#00000080;position:fixed;top:0;bottom:0;left:0;right:0;z-index:-1}.react-responsive-modal-container{height:100%;outline:0;overflow-x:hidden;overflow-y:auto;text-align:center}.react-responsive-modal-containerCenter:after{width:0;height:100%;content:"";display:inline-block;vertical-align:middle}.react-responsive-modal-modal{max-width:800px;display:inline-block;text-align:left;vertical-align:middle;background:#fff;box-shadow:0 12px 15px #00000040;margin:1.2rem;padding:1.2rem;position:relative;overflow-y:auto}.react-responsive-modal-closeButton{position:absolute;top:14px;right:14px;border:none;padding:0;cursor:pointer;background-color:transparent;display:flex}.react-responsive-modal-overlay,.react-responsive-modal-container,.react-responsive-modal-modal{animation-fill-mode:forwards!important}@keyframes react-responsive-modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes react-responsive-modal-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes react-responsive-modal-modal-in{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes react-responsive-modal-modal-out{0%{transform:scale(1);opacity:1}to{transform:scale(.96);opacity:0}}.renderImage{animation:fadeIn .5s;border-radius:10px}.subRender{display:flex}@media only screen and (max-width: 768px),(max-height: 400px){.mainRender{height:150px!important;width:150px!important;margin-right:5px!important}.subsubRender{height:75px!important;width:75px!important}.renderImage{height:150px!important;width:150px!important;margin-right:5px!important}}.card{box-shadow:0 4px 8px #0003;transition:.3s;width:200px;height:285px;margin-bottom:50px;background:linear-gradient(to bottom,#06f,#c3f);border-radius:10px;z-index:1;position:relative;animation:fadeIn .5s;font-size:17px;color:#5ad2d8}.card:hover{box-shadow:0 8px 16px #0003}a{cursor:pointer}a:hover{color:#000}.cardImg{border-radius:10px;width:80%;height:190px}.cardName{width:100%}p{color:#5ad2d8;font-size:17px;white-space:nowrap;overflow-x:auto}.cardArtist{color:#5ad2d8;font-weight:700;white-space:nowrap;overflow-x:auto}.mainArtistContainer2{display:none}.mainArtistContainer{display:flex;overflow-x:auto}.cardArtistContainer{margin:auto}@media only screen and (max-width: 768px),(max-height: 400px){.card{width:165px;height:250px;font-size:15px}}.muzieknootjes3{display:block;position:relative;bottom:1px;width:90px}.ttnoot-2,.ttnoot-1,.ttnoot-3,.ttnoot-4{position:absolute;animation:notes3 2s infinite linear;font-size:30px;font-weight:bolder;opacity:0}.ttnoot-1{top:60px;left:0;animation-delay:.5s;color:#d093e5}.ttnoot-2{top:60px;left:30%;animation-delay:1s;color:#5ad2d8}.ttnoot-3{top:60px;left:60%;animation-delay:1.5s;color:#d093e5}.ttnoot-4{top:60px;left:90%;animation-delay:2s;color:#5ad2d8}@keyframes notes3{0%{transform:scale(1) translate(0);opacity:0}50%{opacity:1;transform:scale(1.5) translate(50%,-50%)}80%{opacity:0;transform:scale(1.5) translate(100%,-100%)}to{transform:scale(1.5) translate(100%,-100%);opacity:0}}#scrollButton{display:none;position:fixed;bottom:10vh;left:2vw;z-index:99;border:solid 2px rgb(90,210,216);outline:none;background:transparent;color:#5ad2d8;cursor:pointer;padding:15px;border-radius:10px;font-size:28px;width:80px;height:40px;line-height:0px}#scrollButton:hover{color:#7a19e9;border:solid 2px #7a19e9}@media only screen and (max-height: 400px){#scrollButton{bottom:20vh}}body{display:flex;justify-content:center;align-items:center;min-height:50vh;background-color:#000}h2{font-family:Arial,Helvetica,sans-serif;background:linear-gradient(to bottom,#06f,#c3f);background-clip:text;-webkit-text-fill-color:transparent;-webkit-background-clip:text}.muzieknootjes{display:block;margin:auto;position:relative;width:10vw;min-width:300px;height:200px;border:0px solid #000;z-index:1}.noot-1,.noot-2,.noot-3,.noot-4,.noot-5,.noot-6,.noot-7,.noot-8{position:absolute;animation:notes 2s infinite linear;font-size:35px;opacity:0}.noot-1{top:60px;left:0;animation-delay:.5s;color:#d093e5}.noot-2{top:30px;left:30%;animation-delay:1s;color:#d093e5}.noot-3{top:90px;left:60%;animation-delay:1.5s;color:#d093e5}.noot-4{top:40px;left:90%;animation-delay:2s;color:#4d73ad}.noot-5{top:70px;left:50%;animation-delay:.75s;color:#4d73ad}.noot-6{top:20px;left:40%;animation-delay:1.25s;color:#c3f}.noot-7{top:100px;left:45%;animation-delay:1.75s;color:#c3f}.noot-8{top:35px;left:80%;animation-delay:2.1s;color:#c3f}@keyframes notes{0%{transform:scale(1) translate(0);opacity:0}50%{opacity:1;transform:scale(1.5) translate(50%,-50%)}80%{opacity:0;transform:scale(1.5) translate(100%,-100%)}to{transform:scale(1.5) translate(100%,-100%);opacity:0}}.loadingSpin{position:relative;bottom:100px;z-index:0}@media (min-height: 1000px){.loadingSpin{bottom:200px}}.svgContainer{display:flex;position:relative;margin-left:auto;margin-right:auto;max-width:800px;align-items:center;animation:fadeIn .5s}.svgImage{height:359px;width:359px;position:relative;left:100px;z-index:1;border-radius:10px}#svg1{position:relative;right:100px;z-index:0;width:400px;height:390px;border:1px solid 0066ff;background:#000;overflow:hidden}#svg2{z-index:0;position:absolute;left:22px;bottom:0;width:70px;height:60px;border:1px solid 0066ff;background:#000}#svg3{width:400px;height:390px;border:1px solid 0066ff;background:#000;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}#record,#record2{transform-origin:center center;animation:spin 2.5s linear infinite}#record3{transform-origin:center center;animation:spin 1.25s reverse linear infinite}.line1{stroke:#c3f;stroke-width:2}.line2{stroke:#d093e5;stroke-width:2}.line3{stroke:#4d73ad;stroke-width:2}.line4{stroke:#d093e5;stroke-width:2}.line5{stroke:#4d73ad;stroke-width:2}.line6{stroke:#c3f;stroke-width:2}.line7{stroke:#c3f;stroke-width:4}.line8{stroke:#d093e5;stroke-width:4}.line9{stroke:#4d73ad;stroke-width:4}.writing{font-weight:700}@media (min-height: 1000px){.svgContainer{max-width:900px}.svgImage{width:433px;height:433px;left:102px}#svg1{width:600px;height:490px;right:127px}#svg3{width:600px;height:590px}}@media only screen and (max-height: 400px){#svg2{width:55px;height:50px;left:20px}}@media only screen and (max-width: 768px){.svgContainer{max-width:99vw;margin-right:0p;margin-left:5vw;overflow-x:hidden}.svgImage{min-width:185px;min-height:185px;max-width:185px;max-height:185px;left:10px}#svg1{min-width:200px;min-height:225px;max-width:200px;max-height:225px;right:87px}#svg2{width:55px;height:50px;left:20px}#svg3{width:300px;height:290px}}.lol,.lol2{font-weight:bolder;font-size:large;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(to bottom,#06f,#c3f);background-clip:text;-webkit-text-fill-color:transparent;-webkit-background-clip:text}.lol2{margin-left:65vw}#snackbar2{visibility:hidden;min-width:250px;margin-left:-125px;background-color:#7a19e9;color:#5ad2d8;text-align:center;border-radius:16px;padding:16px;position:fixed;z-index:2;left:50%;bottom:30px}#snackbar2.show{visibility:visible;-webkit-animation:fadein .5s,fadeout .5s 4s;animation:fadein .5s,fadeout .5s 4s}@media (min-height: 1000px){.fade-in-image2{margin-left:19.2vw}.lol2{margin-left:56vw}.topDiv{margin-top:0}.albumImage{height:459px;right:500px}}.albumImage{height:359px;position:absolute;right:440px;top:18px;z-index:0}.artistName{font-weight:bolder}.uTitle,.uTitle2{font-weight:bolder;font-size:large;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(to bottom,#06f,#c3f);background-clip:text;-webkit-text-fill-color:transparent;-webkit-background-clip:text}.fade-in-image2{animation:fadeIn .5s;margin-left:28vw;margin-top:30px}@media (min-height: 1000px){.fade-in-image2{margin-left:19.2vw}.topDiv{margin-top:0}.albumImage{height:459px;right:500px}.artistName{margin-top:10vw;font-size:35px}}@media only screen and (max-width: 768px){#removeContainer3:hover .removeAlbum3{display:none}.removeImg2{height:20px;width:20px;pointer-events:all}.desc1{margin-left:12vw}.tdContainer{width:90%;margin-left:4vw}.topDiv{max-height:105vh}.topDiv h2{width:90%;overflow:hidden}}.main{display:flex;align-items:center}.innerMain{position:relative;display:flex;margin:0;text-align:left;color:#5ad2d8}h2{margin:0;padding:0;font-size:20px;max-width:700px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}h4{position:absolute;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.songLength{font-weight:700;color:#5ad2d8}.trackContainer{display:flex;justify-content:space-between;margin-bottom:20px}@media only screen and (max-width: 768px){.innerMain,h2,.songLength{font-size:15px}.trackContainer{width:100%}.innerMain h2,.innerMain h4{max-width:51vw;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}.savedContainer{background-color:#5ad2d8;margin-right:20px;width:29px;height:29px;border-radius:50%}.subSaved{color:#7a19e9;font-size:20px}@media only screen and (max-width: 768px){.savedContainer{height:20px;width:20px}.subSaved{font-size:15px}}.now_playing2{position:relative}.bar2{display:inline-block;margin-right:1px;width:5px;height:1px;overflow:hidden;background:linear-gradient(to bottom,#06f,#c3f);color:transparent;animation-name:pulse2;animation-duration:.9s;animation-iteration-count:infinite}@keyframes pulse2{0%{height:1px;margin-top:0}10%{height:10px;margin-top:-40px}50%{height:5px;margin-top:-20px}60%{height:7.5px;margin-top:-30px}80%{height:15px;margin-top:-60px}to{height:1px;margin-top:0}}#modalComp{margin:0 0 150px!important;padding:0!important;min-width:600px!important;max-height:700px!important;overflow:hidden;overflow-y:auto;background:linear-gradient(to top,#06f,#c3f)!important}input[type=checkbox]{width:1.5rem;height:1.5rem;color:#1e90ff;vertical-align:middle;-webkit-appearance:none;background:none;border:0;outline:0;flex-grow:0;border-radius:50%;background-color:#fff;transition:background .3s;cursor:pointer}[type=checkbox]:before{content:"";color:transparent;display:block;width:inherit;height:inherit;border-radius:inherit;border:0;background-color:transparent;background-size:contain;box-shadow:inset 0 0 0 1px #ccd3d8}[type=checkbox]:checked{background-color:currentcolor}[type=checkbox]:checked:before{box-shadow:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E")}[type=checkbox]:disabled{background-color:#ccd3d8;opacity:.84;cursor:not-allowed}[type=checkbox]::-ms-check{content:"";color:transparent;display:block;width:inherit;height:inherit;border-radius:inherit;border:0;background-color:transparent;background-size:contain;box-shadow:inset 0 0 0 1px #ccd3d8}[type=checkbox]:checked::-ms-check{box-shadow:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E")}@media only screen and (max-width: 768px),only screen and (max-height: 400px){#modalComp{max-height:90vh!important;max-width:85vw!important;min-width:85vw!important;margin-bottom:0!important}#modalComp h3{margin-top:20px!important;font-size:14px!important}#modalComp .modalCompImg{width:150px!important;height:150px!important}input[type=checkbox]{margin-top:10px!important}}.topDiv{display:flex;flex-direction:column;margin-top:10px;margin-bottom:20px}.albumImage{height:359px;position:absolute;right:440px;top:18px;z-index:1}.topDiv h2{margin-left:auto;margin-right:auto}.artistName{font-weight:bolder;font-size:25px}.albumDescription{display:flex;align-items:center;margin-bottom:20px;color:#5ad2d8}.innerDescription{display:flex;margin-right:10px}.desc1{margin-right:5px}.tinyArtist{border-radius:50%;height:40px;width:40px}.rTitle,.rTitle2{font-weight:bolder;font-size:large;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(to bottom,#06f,#c3f);background-clip:text;-webkit-text-fill-color:transparent;-webkit-background-clip:text}.fade-in-image2{animation:fadeIn .5s;margin-left:28vw;margin-top:30px;margin-bottom:450px;position:relative}@media (min-height: 1000px){.fade-in-image2{margin-left:19.2vw}.topDiv{margin-top:0}.albumImage{height:459px;right:500px}.artistName{margin-top:2vw;font-size:35px}}.listContainer{display:flex;align-items:start}.tdContainer{width:80vw}.removeImg2{padding-top:10px;height:27px;width:27px;pointer-events:none;cursor:pointer}@media only screen and (max-width: 768px){#removeContainer3:hover .removeAlbum3{display:none}.removeImg2{height:20px;width:20px;pointer-events:all}.desc1{margin-left:12vw}.tdContainer{width:90%;margin-left:4vw}}.lolP{margin-left:65vw;font-weight:bolder;font-size:large;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(to bottom,#06f,#c3f);background-clip:text;-webkit-text-fill-color:transparent;-webkit-background-clip:text}@media (min-height: 1000px){#deleteSong{left:600px}.lolP{margin-left:55.4vw}}.lol{margin-left:30px}.lolP,.lol{font-weight:bolder;font-size:large;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(to bottom,#06f,#c3f);background-clip:text;-webkit-text-fill-color:transparent;-webkit-background-clip:text}.rImage{height:360px;width:350px;z-index:1;position:relative;right:110px;top:10px}.removeAlbum3{display:none;position:absolute;left:2.5vw;padding:5px;color:#000;background:#5ad2d8;font-size:13px;width:130px;height:60px;box-shadow:0 8px 16px #0003;z-index:2}.removeContainer3{display:flex;align-items:center}.removeContainer3:hover .removeAlbum3{display:block}.uPlaylistImgs{border-radius:10px}@media (min-height: 1000px){#deleteSong{left:600px}.rImage{height:460px;width:450px;right:160px}.removeAlbum3{left:5.1vw}}@media only screen and (max-height: 400px){#removeContainer3:hover .removeAlbum3{display:none}.removeImg2{height:25px;width:25px;pointer-events:all}}@media only screen and (max-width: 768px){#removeContainer3:hover .removeAlbum3{display:none}.removeImg2{height:25px;width:25px;pointer-events:all}.desc2{margin-right:0}.tdContainer{width:90%!important;margin-left:2vw!important}.subTdContainer{margin-right:15px!important}.lolP{margin-right:0;margin-left:4px}.uPlaylistImgs{width:50px!important;height:50px!important}}.ptrackInfo{position:relative;display:flex;text-align:left;color:#5ad2d8}.ptrackName{text-align:left;margin:0;padding:0;font-size:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ptrackArtist{text-overflow:ellipsis;white-space:nowrap}.ptrackDur{font-weight:700;color:#5ad2d8}@media (min-height: 1000px){.mbar2{left:480px}}@media only screen and (max-width: 768px){.pTrackContainer{margin-bottom:30px}.ptrackName,.ptrackArtist,.ptrackDur{font-size:15px;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.trackContainer{width:100%}.ptrackName,h4{max-width:45vw}}div .fade-in-imageP{animation:fadeIn .5s;margin-left:1vw;position:relative}#deleteSong{position:absolute;left:180px;cursor:pointer}.lolP2{margin-left:30px}.lolP,.lolP2{font-weight:bolder;font-size:large;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(to bottom,#06f,#c3f);background-clip:text;-webkit-text-fill-color:transparent;-webkit-background-clip:text}.mainImage{height:360px;width:350px;z-index:1;position:relative;right:110px;top:10px}.mainImage2{height:360px;width:360px;margin:0;padding:0;z-index:1}.subImage{display:flex}.subsubImage{height:180px;width:180px;border-radius:0}.removeAlbum1{display:none;position:absolute;left:2.5vw;color:#fff;background:linear-gradient(to bottom,#06f,#c3f);font-size:10px;min-width:120px;box-shadow:0 8px 16px #0003;border-radius:16px;z-index:2}.removeAlbum2{display:none;position:absolute;left:2.5vw;padding:5px;background:#000;font-size:12px;min-width:120px;box-shadow:0 8px 16px #0003;z-index:2}.removeContainer2{width:20px}.removeContainer2:hover .removeAlbum2{display:flex;flex-direction:column;gap:10px}.dropbtn{background-color:#5ad2d8;color:#000;font-size:16px;border:none;position:relative;animation:fadeIn .5s}.dropdown2{position:relative;display:inline-block}.theme{height:40px;width:65px;margin:5px;font-size:12px;background-color:#5ad2d8;color:#000}.dropdown{position:relative;display:inline-block}.dropdown-content2{display:none;position:absolute;background:linear-gradient(to bottom,#06f,#c3f);min-width:10px;width:80px;box-shadow:0 8px 16px #0003;border-radius:16px;z-index:2;top:35px;left:65px}.dropdown-content2,a:hover{background-color:#ddd}.dropdown:hover .dropbtn{background-color:#7a19e9}@media (min-height: 1000px){#deleteSong{left:600px}.mainImage{height:460px;width:450px;right:160px}.mainImage2{height:auto;width:400px;margin-bottom:10px;position:relative;right:32px;bottom:11px}.subsubImage{height:auto;width:225px}.removeAlbum2{left:4.8vw}}.removeImg2{margin:0 0 20px;height:30px;width:30px;pointer-events:none;cursor:pointer}@media only screen and (max-height: 400px){#removeContainer2:hover .removeAlbum2{display:none}.removeImg2{height:25px;width:25px;pointer-events:all}}@media only screen and (max-width: 768px){#removeContainer2:hover .removeAlbum2{display:none}.removeImg2{height:25px;width:25px;pointer-events:all}.desc2{margin-left:12vw;margin-right:0}.tdContainer{width:90%!important;margin-left:2vw!important}.subTdContainer{margin-right:15px!important}.lolP2{margin-right:0;margin-left:4px}.uPlaylistImgs{width:50px!important;height:50px!important}.mainImage2{height:auto;width:280px}.subsubImage{width:95px;height:95px}.dropdown-content2{position:absolute;top:40px;right:10px;min-width:10px;width:80px}}.artistImage{animation:fadeIn .5s}.row{display:flex;gap:20px;overflow-x:auto}.headers{font-weight:700;font-size:30px}h5{color:#5ad2d8}@media only screen and (max-width: 768px){.artistImage{width:90vw!important;height:90vw!important}.topTrackNum{display:none}.headers2{overflow-x:scroll;white-space:nowrap}}.navIcon1,.navIcon2{font-family:Arial,Helvetica,sans-serif;background:linear-gradient(to bottom,#06f,#c3f);background-clip:text;-webkit-text-fill-color:transparent;-webkit-background-clip:text;position:absolute;font-size:25px;cursor:pointer}.navIcon1{top:0;left:40%}.navIcon2{top:0;right:40%}.Discover{position:absolute;top:0;right:20vw;cursor:pointer}.logoIcon{position:absolute;width:80px;height:80px;right:0;top:-30px}.searchimg{cursor:pointer;width:70px;height:70px;position:absolute;left:0;right:0;top:-20px;margin-inline:auto;width:fit-content}.userName,.userName2{position:absolute;top:0}.u2Container{display:none}.mainLogo{display:flex;position:absolute;top:30px;left:0;right:0;margin-inline:auto;width:95vw}.search{width:100%;position:relative;display:flex}.searchTerm{width:100%;border:3px solid #7a19e9;border-right:none;padding:5px;height:25px;border-radius:5px 0 0 5px;outline:none;color:#9dbfaf;background:#000}.searchTerm:focus{color:#00b4cc}.searchButton{width:40px;height:41px;border:1px solid #7a19e9;background:#7a19e9;text-align:center;color:#fff;border-radius:0 5px 5px 0;cursor:pointer;font-size:20px}.wrap{z-index:9;width:400px;position:absolute;margin-top:2%;margin-left:50%;margin-right:40%;transform:translate(-50%,-50%)}#modal3{margin:0 0 150px;padding:0;min-width:75vw;min-height:800px;background:#212121}@media only screen and (max-height: 400px){.userName{width:20px;overflow:none;display:none}.navIcon1,.navIcon2{display:none}.searchimg{width:55px;height:55px;right:43vw;top:-1.9vh}.Discover{font-size:20px;right:25vw}.logoIcon{width:60px;height:60px;top:-20px}.u2Container{display:flex;justify-content:center;align-items:center;margin-top:4px}.userName2{font-size:20px;line-height:38px}#modal3{max-height:90vh!important;max-width:90vw!important;min-width:90vw!important}.wrap{width:100%;margin-top:85px}#searchTerm{width:100%}#modalbuttons{margin-top:37vh!important}.fade-in-image img{height:50px;width:50px}.fade-in-image{font-size:15px!important;max-height:fit-content!important;flex-wrap:nowrap!important}.logoModal{max-width:85vw!important;text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important}}@media only screen and (max-width: 768px){.userName{width:20px;overflow:none;display:none}.navIcon1,.navIcon2{display:none}.searchimg{width:55px;height:55px;right:43vw;top:-1.9vh}.Discover{font-size:20px;right:25vw}.logoIcon{width:60px;height:60px;top:-20px}.u2Container{display:flex;justify-content:center;align-items:center;margin-top:4px}.userName2{font-size:20px;line-height:38px}#modal3{max-height:90vh!important;max-width:90vw!important;min-width:90vw!important}.wrap{width:100%;margin-top:85px}#searchTerm{width:100%}#modalbuttons{margin-top:15vh!important}.fade-in-image img{height:50px;width:50px}.fade-in-image{font-size:15px!important;max-height:fit-content!important;flex-wrap:nowrap!important}.logoModal{max-width:85vw!important;text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important}}@media only screen and (max-width: 768px){.discoverContainer{top:15vh!important}.categoryContainer{width:fit-content!important;height:110px!important;margin-bottom:0!important}.categoryContainer h4{margin-top:90px!important;font-size:10px}.categoryContainer .fade-in-image{height:90px!important;width:90px!important}.scroll-container,.carousel-primary,.categoryContainer{height:120px}.discoverCHeader{max-width:85px}}.scroll-container{margin-top:20px;margin-bottom:25px;height:fit-content;max-width:90vw;overflow:hidden;-webikit-mask:linear-gradient(90deg,transparent,white 20% 80%,transparent);mask:linear-gradient(90deg,transparent,white 20% 80%,transparent)}.carousel-primary{display:flex;justify-content:space-around;animation:scrollText 30s linear infinite;width:fit-content;overflow:hidden;white-space:nowrap}@media (hover:hover){.carousel-primary:hover{-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused}}@keyframes scroll-horizontal{0%{left:100%}to{left:-100%}}.discoverCHeader{margin-top:200px;max-width:150px}@media only screen and (max-width: 768px){.scroll-container,.carousel-primary,.categoryContainer{height:120px}.discoverCHeader{max-width:85px}}.fade-in-image{animation:fadeIn .5s}.catHeader{margin-left:auto;margin-right:auto;margin-bottom:20px;font-size:40px}.catCard{width:200px;height:305px;margin-bottom:50px;border-radius:10px}.cCardImg{width:80%;height:190px;border-radius:10px;margin-top:20px}@media only screen and (max-width: 768px){.catHeader{font-size:30px}.catCard{width:90px;height:135px;display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.cCardImg{height:80px;margin-top:5px}}.scrollbar1{max-width:17vw;color:#5ad2d8;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scrollbar2{max-width:17vw;color:#5ad2d8;overflow:hidden}.now-playing__name,.now-playing__artist{display:flex;flex-wrap:wrap}.now-playing__side{position:absolute;left:90px}.main-wrapper img{height:60px}.wrapper{z-index:1;display:flex;justify-content:center;align-items:center;height:60px;width:100vw;background-image:none;background-repeat:repeat;background-attachment:scroll;background-position:0% 0%;background-color:#000;position:fixed;bottom:0;left:0}.main-wrapper{display:flex;justify-content:space-between;align-items:center;margin-right:auto}.buttonWrapper{position:fixed}.volAddContainer{display:flex}#volumeIcon{position:absolute;right:28.2vw;bottom:8px;height:30px;cursor:pointer}#volumeBar{display:flex;position:absolute;bottom:14px;right:18.5vw;width:8.8vw}.now_playing{position:fixed;bottom:50px}.fiveButtonContainer{display:flex;position:relative}.btn-spotify{color:#000;background:#7a19e9;outline:0!important;text-align:center}.bar{display:inline-block;margin-right:1px;width:26.5px;height:1px;overflow:hidden;background:linear-gradient(to top,#06f,#c3f);color:transparent;animation-name:pulse;animation-duration:.9s;animation-iteration-count:infinite}.n1{animation-delay:.5s}.n2{animation-delay:.2s}.n3{animation-delay:1.2s}.n4{animation-delay:.9s}.n5{animation-delay:2.3s}.n6{animation-delay:1.3s}.n7{animation-delay:3.1s}.n8{animation-delay:1.9s}@keyframes pulse{0%{height:1px;margin-top:0}10%{height:40px;margin-top:-40px}50%{height:20px;margin-top:-20px}60%{height:30px;margin-top:-30px}80%{height:60px;margin-top:-60px}to{height:1px;margin-top:0}}@keyframes hithere{30%{transform:scale(1.2)}40%,60%{transform:rotate(-20deg) scale(1.2)}50%{transform:rotate(20deg) scale(1.2)}70%{transform:rotate(0) scale(1.2)}to{transform:scale(1)}}#modal1{background:linear-gradient(to top,#06f,#c3f)!important;margin:0;padding:10px!important;position:fixed!important;top:0!important;right:0!important;min-width:250px!important;min-height:100vw!important;overflow:hidden}@media (min-height: 1000px){.scrollbar1,.scrollbar2{max-width:450px}#volumeBar{width:16.5vw;right:11vw}}.spotifyButtonContainer{display:none}#toggle1{position:absolute;right:240px;bottom:12px;height:20px;cursor:pointer}#toggle2{position:absolute;left:240px;bottom:12px;height:19px;cursor:pointer}.deviceImg{position:absolute;right:-42vw;bottom:0;height:42px;cursor:pointer}.now-playing__side2{display:none;width:100%}@keyframes scrollText{0%{transform:translate(0)}to{transform:translate(-50%)}}@media only screen and (max-height: 400px){.now-playing__side2{min-width:100vw;max-width:100vw}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media only screen and (max-width: 768px),(max-height: 400px){.now-playing__side2{display:flex;flex-direction:column;align-items:start;margin-bottom:250px;background:#5ad2d8;color:#000;min-width:100vw;max-width:100vw;max-height:100px;opacity:.6;z-index:5;overflow-x:auto;-webikit-mask:linear-gradient(180deg,transparent,white 15% 85%,transparent);mask:linear-gradient(180deg,transparent,white 15% 85%,transparent)}#now-playing__name2{animation:fadeIn 3s}.now-playing__artist2 p,.now-playing__name2 p{font-weight:900;font-size:20px;margin:0}.wrapper{width:100vw;height:50px}.now-playing__name p,.now-playing__artist p{display:none;font-size:12px}.main-wrapper img{height:50px;position:fixed}.btn-spotify{display:none}.spotifyButtonContainer{display:block;position:relative;left:7vw}.now_playing{left:4vw}.bar{width:9.7vw;opacity:.8}.spotifyButtonContainer p{background:none;color:#5ad2d8;font-size:15px;position:fixed;bottom:1px;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.spotifyButtons1{left:35vw!important;width:fit-content!important}.spotifyButtons2{left:47vw!important;width:fit-content!important}.spotifyButtons3{left:65vw!important;width:fit-content!important}#volumeBar,#volumeIcon{display:none}#toggle1{left:23.5vw;bottom:15px;position:fixed}#toggle2{left:77vw;bottom:17px;position:fixed}.deviceImg{height:36px;left:87.5vw;bottom:5px;position:fixed}}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{background:#7a19e9;border-radius:16px;height:.5rem}input[type=range]::-moz-range-track{background:#7a19e9;border-radius:16px;height:.5rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;margin-top:-10px;background-color:#5ad2d8;height:1.5rem;width:1rem}input[type=range]::-moz-range-thumb{border:none;border-radius:0;background-color:#5ad2d8;height:2rem;width:1rem}#seeker{position:absolute;left:280px;bottom:12px;width:33vw}@media only screen and (max-width: 768px),(max-height: 400px){#seeker{left:12px;bottom:47px;width:90vw;position:fixed}input[type=range]::-webkit-slider-runnable-track{height:.3rem}input[type=range]::-webkit-slider-thumb{height:1rem;width:.67rem;margin-top:-6px}}@keyframes pulse3{0%{transform:scale(.95);box-shadow:0 0 #eeeeeeb3}70%{transform:scale(1);box-shadow:0 0 0 10px #5ad2d8}to{transform:scale(.95);box-shadow:0 0 #5ad2d8}}#addSong{position:absolute;height:35px;width:35px;right:31vw;bottom:-17px;font-size:20px;cursor:pointer;border:2px solid #7a19e9;color:#5ad2d8;border-radius:50%}@media (min-height: 1000px){#addSong{margin-left:34vw}}@media only screen and (max-width: 768px),(max-height: 400px){#addSong{position:fixed;bottom:40px;left:86vw;z-index:2;border:3px solid white;color:#fff}}