#root{max-width:100%!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}html,body{-ms-overflow-style:none;scrollbar-width:none;overflow-x:hidden}::-webkit-scrollbar{display:none}a:hover{background:transparent!important}button{border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:transform .1s ease}button:hover{transform:scale(1.07)}button:active{transform:scale(.99)}.react-responsive-modal-modal{border-radius:16px}@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}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scroll-horizontal{0%{left:100%}to{left:-100%}}@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}}@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}}#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;border-radius:10px}.homeButtons{animation:fadeIn .5s;position:relative;border-radius:0;color:#000;font-weight:bolder;padding:10px 13px;outline:0!important}.pulseClass{box-shadow:0 0 #fff;transform:scale(1);animation:pulse 2s infinite}.theme{height:40px;width:65px;margin:5px;font-size:12px;background-color:#5ad2d8;color:#000;border-radius:10px}.removeAlbum{display:none;position:absolute;top:0;left:0;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:absolute;top:0;left:-100px;color:#000;background:#5ad2d8;font-size:13px;width:130px;height:50px;box-shadow:0 8px 16px #0003;border-radius:16px;z-index:2}.recents{transition:transform .3s ease}@media (hover:hover){.removePContainer:hover .removePlay,.removeContainer:hover .removeAlbum{display:block}.recents:hover{transform:scale(1.05)}}.addPlaylist{margin:0;cursor:pointer;border:2px solid #7a19e9;color:#5ad2d8;border-radius:50%;height:35px;width:35px;font-size:30px;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{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:50px;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:-50px;right:40vw}.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:40px;padding:3px 6px}.removeImg{height:30px;width:30px}#filterTrack{justify-self:center;width:70vw!important}.buttonContainer{white-space:nowrap;top:20vh;margin-left:2px}.homeButtons{width:fit-content;padding:10px 8.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:0;margin-bottom:200px}.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}}.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}.cardArtistContainer .cardArtist: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}.mainArtistContainer{overflow-x:auto}.cardArtistContainer{display:inline;margin:auto}.card{transition:transform .3s ease}@media (hover: hover){.card:hover{transform:scale(1.05)}}@media only screen and (max-width: 768px),(max-height: 400px){.card{width:115px;height:190px;font-size:13px}.cardImg{height:130px}.cardName{font-size:13px}}.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}}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:18px;bottom:-2px;width:70px;height:60px;border:1px solid 0066ff;background:#000}#svg3{width:400px;height:390px;border:1px solid 0066ff;background:#000;overflow:hidden}#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){.svgImage{width:185px;height:185px;left:60px}#svg1{width:200px;height:225px;right:37px}#svg2{width:55px;height:50px;left:20px}#svg3{width:300px;height:290px}}._buttonText_jwg83_1{padding-top:11.7px;padding-bottom:11.7px;width:100%;transition:transform .1s ease}._buttonText_jwg83_1:hover:not(:active){background-color:#7a19e9;transform:scale(1.07)}._buttonText_jwg83_1:active{transform:scale(.97)}._buttonContent_jwg83_18{display:flex;flex-direction:column;align-items:center;position:absolute;top:100%;left:0;background:linear-gradient(to bottom,#06f,#c3f);min-width:10px;width:80px;box-shadow:0 8px 16px #0003;border-radius:16px;z-index:5}@media only screen and (max-width: 768px),(max-height: 400px){._buttonContent_jwg83_18{position:absolute;top:40px;left:0;min-width:10px;width:80px}._buttonText_jwg83_1{padding-top:8.7px;padding-bottom:8.7px;font-size:12px}}._albumImage_16kqw_1{height:359px;z-index:0}._artistName_16kqw_5{font-weight:bolder;align-self:center}._tdContainer_16kqw_9{width:100%!important;max-width:100%!important}._albumDescription_16kqw_14{display:flex;flex-direction:column;align-self:flex-start;margin-bottom:20px;color:#5ad2d8}._innerDescription_16kqw_21{display:flex;margin-right:10px}._desc1_16kqw_25{margin-right:5px}._tinyArtist_16kqw_28{border-radius:50%;height:40px;width:40px}._uTitle_16kqw_34,._uTitle2_16kqw_34{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_16kqw_44{animation:_fadeIn_16kqw_1 .5s;margin-left:28%;margin-top:30px}._removeContainer3_16kqw_52{display:flex;align-items:center}._removeAlbum3_16kqw_56{display:none;position:absolute;top:0;left:-80px!important;padding:5px;color:#000;border-radius:10px;background:#5ad2d8;font-size:13px;width:100px;height:50px;box-shadow:0 8px 16px #0003;z-index:2}._removeContainer3_16kqw_52:hover ._removeAlbum3_16kqw_56{display:block}@media (min-height: 1000px){._fade-in-image2_16kqw_44{margin-left:19.2%}._albumImage_16kqw_1{height:459px;right:500px}._artistName_16kqw_5{font-size:35px}}._listContainer_16kqw_91{display:flex;align-items:start}._tdContainer_16kqw_9{position:relative}._removeImg2_16kqw_100{padding-top:10px;height:27px;width:27px;pointer-events:none;cursor:pointer}._discog_16kqw_108,._discogMore_16kqw_108,._artist_16kqw_5{transition:transform .3s ease}@media (hover: hover){._discog_16kqw_108:hover,._discogMore_16kqw_108:hover,._artist_16kqw_5:hover{transform:scale(1.05)}}@media only screen and (max-height: 400px){#_removeContainer3_16kqw_52:hover ._removeAlbum3_16kqw_56{display:none}._removeImg2_16kqw_100{height:25px;width:25px;pointer-events:all}}@media only screen and (max-width: 768px){#_removeContainer3_16kqw_52:hover ._removeAlbum3_16kqw_56{display:none}._removeImg2_16kqw_100{height:20px;width:20px;pointer-events:all}._innerDescription_16kqw_21{font-size:13px;white-space:nowrap;margin-left:15px}._albumDescription_16kqw_14{align-self:center!important;justify-self:center;gap:10px}}._innerMain_1virf_1{flex:1;min-width:0;display:flex;flex-direction:column;margin:0;text-align:left;color:#5ad2d8}._innerMainName_1virf_11{margin:0;padding:0;font-size:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#7b1ce7;font-weight:700;transition:color .3s ease;flex:1;min-width:0}h4{position:static;margin:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._songLength_1virf_34{font-weight:700;color:#5ad2d8}._trackContainer_1virf_39{position:relative;display:flex;justify-content:flex-start;gap:10px;align-items:center;margin-bottom:20px}._trackContainer_1virf_39>a{flex:1;min-width:0;display:flex;text-decoration:none}@media (hover: hover){._innerMainName_1virf_11:hover{color:#5ad2d8}}@media only screen and (max-width: 768px){._innerMain_1virf_1,h2,._songLength_1virf_34{font-size:15px}._trackContainer_1virf_39{width:100%}._innerMain_1virf_1 h2,._innerMain_1virf_1 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}._innerMainName_1virf_11{font-size:15px}}.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!important;padding:0!important;min-width:600px!important;max-height:90%!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}}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;top:-40px;left:-90px;padding:5px;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}.theme{height:40px;width:65px;margin:5px;font-size:12px;background-color:#5ad2d8;color:#000}@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}}.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}.filterContainer{display:flex;justify-content:center}.desc2{justify-content:center}}@media only screen and (max-width: 768px){#removeContainer2:hover .removeAlbum2{display:none}.removeImg2{height:25px;width:25px;pointer-events:all}.tdContainer{width:95%!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}.filterContainer{display:flex;justify-content:center}.desc2{justify-content:center}}.pTrackContainer{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid rgba(90,210,216,.3)}.pInnerMain{flex:1;min-width:0;display:flex;flex-direction:column;text-align:left;color:#5ad2d8}.pInnerMain>div{display:flex;align-items:center;gap:2px;min-width:0}.pInnerMainName{flex:1;min-width:0;margin:0;padding:0;font-size:20px;font-weight:700;color:#7b1ce7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s ease}@media (hover: hover){.pInnerMainName:hover{color:#5ad2d8}}.ptrackArtist{position:static;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pSongLength{font-weight:700;color:#5ad2d8}@media only screen and (max-width: 768px){.pTrackContainer{width:100%;margin-bottom:30px}.pInnerMainName,.ptrackArtist,.pSongLength{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}.pInnerMainName,.ptrackArtist{max-width:45vw}}.artistImage{animation:fadeIn .5s;width:320px;height:320px;border-radius:10px;align-self:center;margin:0;padding:0}.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:90%;height:90%}.topTrackNum{display:none}.headers2{overflow-x:scroll;white-space:nowrap}}@media (min-height: 1000px){.artistImage{width:740px;height:640px}}._mainLogo_1e3ji_1{display:grid;grid-template-columns:repeat(7,1fr);justify-content:centr;align-items:center;width:98vw;position:absolute;top:15px;left:0}._userName_1e3ji_12,._navIcon1_1e3ji_12,._searchimg_1e3ji_12,._navIcon2_1e3ji_12,._logoIcon_1e3ji_12{transition:transform .15s ease}._userName_1e3ji_12:hover,._navIcon1_1e3ji_12:hover,._searchimg_1e3ji_12:hover,._navIcon2_1e3ji_12:hover,._logoIcon_1e3ji_12:hover{transform:scale(1.07)}._userName_1e3ji_12:active,._navIcon1_1e3ji_12:active,._searchimg_1e3ji_12,:active ._navIcon2_1e3ji_12:active,._logoIcon_1e3ji_12:active{transform:scale(.99)}._userName_1e3ji_12,._navIcon1_1e3ji_12,._navIcon2_1e3ji_12,._Discover_1e3ji_24{background:linear-gradient(to bottom,#06f,#c3f);background-clip:text;-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:25px;cursor:pointer}._searchimg_1e3ji_12{cursor:pointer;width:70px;height:70px;width:fit-content;justify-self:center}._Discover_1e3ji_24{cursor:pointer}._logoIcon_1e3ji_12{width:80px;height:80px}._search_1e3ji_12{width:100%;position:absolute;top:0;display:flex}._searchTerm_1e3ji_59{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_1e3ji_59:focus{color:#00b4cc}._searchButton_1e3ji_75{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_1e3ji_87{z-index:9;width:400px;position:absolute;margin-top:2%;margin-left:50%;margin-right:40%;transform:translate(-50%,-50%)}._fade-in-image_1e3ji_99{animation:_fadeIn_1e3ji_1 .5s}._recents_1e3ji_103{transition:transform .3s ease}@media (hover: hover){._recents_1e3ji_103:hover{transform:scale(1.07)}}@media only screen and (max-height: 400px){._userName_1e3ji_12{width:20px;overflow:none;display:none}._navIcon1_1e3ji_12,._navIcon2_1e3ji_12{display:none}._searchimg_1e3ji_12{width:55px;height:55px;right:43vw;top:-1.9vh}._Discover_1e3ji_24{font-size:20px;right:25vw}._logoIcon_1e3ji_12{width:60px;height:60px;top:-20px}._wrap_1e3ji_87{width:100%;margin-top:85px}._searchTerm_1e3ji_59{width:100%}#_modalbuttons_1e3ji_1{margin-top:37vh!important}._fade-in-image_1e3ji_99 img{height:50px;width:50px}._fade-in-image_1e3ji_99{font-size:15px!important;max-height:fit-content!important;flex-wrap:nowrap!important}._logoModal_1e3ji_165{max-width:85vw!important;text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important}}@media only screen and (max-width: 768px){._mainLogo_1e3ji_1{grid-template-columns:repeat(4,1fr)}._navIcon1_1e3ji_12,._navIcon2_1e3ji_12{display:none}._searchimg_1e3ji_12{width:55px;height:55px;right:43vw;top:-1.9vh}._Discover_1e3ji_24{font-size:20px;right:25vw}._logoIcon_1e3ji_12{width:60px;height:60px;top:-20px}._wrap_1e3ji_87{width:100%;margin-top:85px}#_searchTerm_1e3ji_59{width:100%}#_modalbuttons_1e3ji_1{margin-top:15vh!important}._fade-in-image_1e3ji_99 img{height:50px;width:50px}._fade-in-image_1e3ji_99{font-size:15px!important;max-height:fit-content!important;flex-wrap:nowrap!important}._logoModal_1e3ji_165{max-width:85vw!important;text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important}}.fade-in-image,.iconImage{animation:fadeIn .5s}.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}.discoverCHeader{margin-top:200px;max-width:150px;color:#fff}.categoryContainer{transition:transform .3s ease}@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}.categoryContainer:hover{transform:scale(1.07)}}@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}.iconImage{height:125px!important;width:90px!important}}.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}.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}.songDescription{display:flex;flex-direction:column;align-items:start;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (min-height: 1000px){.scrollbar1,.scrollbar2{max-width:450px}}.spotifyButtonContainer{display:none}#toggle1{height:20px;cursor:pointer}#toggle2{height:19px;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){.songDescription{min-width:100vw;max-width:100vw}}@media only screen and (max-width: 768px),(max-height: 400px){.songDescription{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{width:100%}@media only screen and (max-width: 768px),(max-height: 400px){#seeker{bottom:50px;width:99%;position:fixed}input[type=range]::-webkit-slider-runnable-track{height:.3rem}input[type=range]::-webkit-slider-thumb{height:1rem;width:.67rem;margin-top:-6px}}#addSong{height:35px;width:35px;font-size:20px;cursor:pointer;border:2px solid #7a19e9;color:#5ad2d8;border-radius:50%}@media only screen and (max-width: 768px),(max-height: 400px){#addSong{position:fixed;bottom:70px;left:86vw;z-index:2;border:3px solid white;color:#fff}}#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}}