body,html{background:linear-gradient(180deg,#1e1e1e,#0a354f);font-family:Inter,sans-serif;height:100%;margin:0;overflow-x:hidden;padding:0}.root{padding-bottom:3.5em}@media (min-width:700px){body{background:linear-gradient(180deg,#1e1e1e,#0a354f);display:flex;font-family:Inter,sans-serif;height:100%;justify-content:center;margin:0;overflow-x:hidden;padding:0}}.headers{display:flex;height:120px;justify-content:flex-end;width:58.5vw}.loading--container{align-items:center;display:flex;height:100%;justify-content:center;margin:45vh 0 0;width:100%}.circle{aspect-ratio:1;margin-left:auto;margin-right:auto;margin-top:40vh;position:relative}.letter{color:#f5f5f5;font-family:Inter,sans-serif;left:50%;position:absolute;top:0}.green{color:#1db954;font-size:1.2em;line-height:.5em;padding-left:.1em}.blue{color:#00cfff}.header{align-items:center;color:#f5f5f5;display:flex;font-size:12.5px;gap:0;height:120px;justify-content:left;letter-spacing:-1.01px}.header--img{width:98px}.header--h1{font-weight:600;margin-left:-14px}.body--container{margin:0 38px}.body--h1{color:#f5f5f5;font-size:2.9375em;font-weight:400}.body--button{background-color:#3c3c3c;border:none;border-radius:5px;box-shadow:none;color:#f5f5f5;cursor:pointer;font-family:Inter,sans-serif;font-size:17px;height:70px;margin-top:40px;text-align:center;width:180px}.body--p{color:#8a8a8a;margin-top:2.5em}.footer--container{margin:2em 2.375em 0}.footer--img{border-radius:20px;flex-basis:100%;height:220px;width:218px}.results--header{margin:1.15em 2.375em 0}.results--h1{color:#f5f5f5;font-size:48px;font-weight:400;margin:0}.results--p{color:#8a8a8a}.artist--tile{align-items:center;background-color:#0a353ce0;border-radius:30px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;height:31vh;margin:6vh 3vw 1vh;position:relative;width:62vw}@media (min-width:700px){.artist--tile{align-items:center;background-color:#0a353ce0;border-radius:30px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;height:31vh;margin:6vh 3vw 1vh;position:relative;width:62vw}}.artist--tile-expanded{align-items:center;background-color:#0a353ce0;border-radius:30px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;height:70vh;margin:6vh 3vw 3vh;overflow:hidden;position:relative;width:92vw;z-index:10}.artist--tile--img{height:73%;margin-bottom:0;transition:all .2s ease;width:90%}.artist--tile--expanded--img,.artist--tile--img{border-radius:15px;margin-top:1.6vh;object-fit:cover;object-position:100% 0}.artist--tile--expanded--img{height:37%;transition:all .4s ease;width:95%}.artist--tile--expanded--album--container{display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 0 2.9%;width:100%}.artist--tile--expanded--album{border-radius:4px;margin-bottom:2em;margin-right:0;margin-top:.5em;max-width:3.8em}.artist--tile--expanded--album--container h4{color:#f5f5f5;font-weight:600;line-height:.8em;margin-left:-1.1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artist--tile--expanded--album--container p{color:#f5f5f5;font-size:.7em;font-weight:300;line-height:7.2em;margin-left:-9.4em}.artist--tile--expanded--album--container button{background-color:#0a1a1f;border:none;border-radius:10px;box-shadow:none;color:#f5f5f5;font-family:Inter,sans-serif;font-size:.96em;font-weight:500;height:3.4em;line-height:1.5em;margin:.8em 0 0 -3.5em;text-align:center;width:8em}.artist--tile--h3{color:#f5f5f5;font-weight:400;letter-spacing:.5px;margin-top:.99vh;text-align:center;text-overflow:ellipsis}.artist--tile--badge{background-color:rgba(0,0,0,.104);border-radius:10px;bottom:58%;color:#f5f5f5;font-size:2.2em;left:5%;position:absolute;text-shadow:.1em .1em .2em rgba(0,0,0,.856)}.artist--tile--genreBadge{background-color:#ebeff3;border:1px solid #949697;border-radius:5px;bottom:70%;color:#37393b;font-size:.96em;left:7%;padding:.1em .2em;position:absolute}.artist--tile--favoriteBadge{bottom:63.1%;font-size:1.46em;left:81%;text-align:center;transition:all .3s ease}.artist--tile--favoriteBadge,.artist--tile--favoriteBadge--expanded{background-color:#121212cb;border-radius:55px;color:#00cfff;padding:.1em .2em;position:absolute}.artist--tile--favoriteBadge--expanded{bottom:82%;font-size:1.96em;left:84%;transition:all .15s ease}.artist--tile-expanded--popular--container{align-items:center;display:flex;justify-content:center;margin:0 0 0 .38em;padding:0;width:100%}.artist--tile-expanded--h4{color:#dcdcdc;font-weight:500;letter-spacing:-.3px;margin-left:3.2%;margin-right:auto;margin-top:1em}.artists--container{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:1vh}.artists--container--loadMore{background-color:#00cfff;border:1.5px solid #0088a3;border-radius:5px;box-shadow:none;color:#002b36;cursor:pointer;font-family:Inter,sans-serif;font-size:17px;height:2.375em;margin-bottom:2.5em;margin-top:2.5em;text-align:center;text-shadow:.1em .1em .2em rgba(0,0,0,.551);width:9.25em}.artists--container--genre--container{display:flex;flex-wrap:wrap;gap:.5em;height:auto;margin-bottom:.8vh;margin-right:0;margin-top:5vh;position:relative;width:90%}.genreButton{background-color:#003d00;background-color:#00cfff;border:none;border-radius:5px;box-shadow:none;box-shadow:0 4px 8px #0000004d;color:#002b36;cursor:pointer;font-family:Inter,sans-serif;font-size:17px;text-align:center}.resultsFooter--container{align-items:left;display:flex;flex-direction:column;margin-top:4em;width:100%}.resultsFooter--container h3{color:#f5f5f5;font-size:1.9em;font-weight:400;margin-bottom:0;margin-left:.8em}.resultsFooter--container h4{color:#f5f5f5;font-size:1.3em;font-weight:300;margin-left:1.2em;margin-top:.2em}.resultsFooter--container button{align-self:center;background-color:#003d00;background-color:#00cfff;border:none;border-radius:5px;box-shadow:none;box-shadow:0 4px 8px #0000004d;color:#002b36;cursor:pointer;font-family:Inter,sans-serif;font-size:17px;height:4.5vh;margin-bottom:7vh;margin-top:1vh;text-align:center;width:25vw}.errorPage--container{align-items:center;color:#f5f5f5;display:flex;flex-direction:column;height:100vh;margin:0 0 0 1em;width:100vw}.errorPage--container h1{color:#f5f5f5;font-size:2.9375em;font-weight:400;margin-top:2em}.errorPage--container h4{color:#8a8a8a;font-size:1.5em;font-weight:300}.errorPage--container i{color:#fff;font-size:6.5em;margin-left:-.2em}.errorPage--container--API{align-items:center;color:#f5f5f5;display:flex;flex-direction:column;flex-wrap:wrap;height:100vh;margin:0 0 0 1em;width:90vw}.errorPage--container--API h1{color:#f5f5f5;font-size:2.9375em;font-weight:400;margin-top:2em}.errorPage--container--API h4{color:#8a8a8a;font-size:1.5em;font-weight:300}.errorPage--container--API i{color:#fff;font-size:6.5em;margin-left:0}.ManualSearch--container{align-items:center;display:flex;flex-direction:column;height:fit-content;justify-content:center;margin:2em 0}@media (min-width:700px){.ManualSearch--container{align-items:center;display:flex;flex-direction:column;height:fit-content;justify-content:center;margin:0 0 2em}}.ManualSearch--button{color:#f5f5f5}.ManualSearch--button,.ManualSearch--button:active{background-color:initial;border:none;box-shadow:none;cursor:pointer;font-family:Inter,sans-serif;font-size:1.5em;text-align:center}.ManualSearch--button:active{color:#777}.ManualSearch--label{color:#f5f5f5;font-size:1.7em;font-weight:300;margin-bottom:.4em;margin-top:.4em}.ManualSearch--container--inputandBtn{display:flex;margin:0}.ManualSearch--input{background-color:#fff0;border:1px solid #ccc;border-radius:5px;box-shadow:inset 0 1px 3px #0000001a;color:#333;font-family:Inter,sans-serif;font-size:1em;max-width:10em;padding:8px 15px}.ManualSearch--input:focus{border-color:#00cfff;box-shadow:0 0 5px #007bff80;color:#f5f5f5;outline:none}.ManualSearch--submit{background-color:initial;border:1px solid #00cfff;border-radius:5px;box-shadow:none;box-shadow:0 0 5px #007bff80;color:#f5f5f5;cursor:pointer;font-family:Inter,sans-serif;font-size:1.5em;margin-left:.5em;text-align:center}.ManualSearch--h4{color:#8a8a8a;font-weight:300;margin:1em 0 0;text-align:center;width:90%}.navbar--container{align-items:center;background-color:#1e1e1ed0;border-radius:25px;bottom:.6%;box-shadow:0 -2px 5px #0000001a;display:flex;gap:4em;height:1.4em;justify-content:center;left:0;margin:1em 0 0;padding:.8em 0;position:fixed;width:100vw;z-index:1000}.navbar--button{border:none;box-shadow:none;cursor:pointer;font-family:Inter,sans-serif;font-size:1.16em;text-align:center}.navbar--button,.navbar--button:active{background-color:initial}.navbar--home{color:#e0e0e0}.navbar--home,.navbar--selected{align-items:center;display:flex;justify-content:center;width:3em}.navbar--selected{background-color:#3e3e3eaf;border-radius:25px;color:#00cfff;height:1.5em;text-align:center}.navbar--discover,.navbar--favorites{align-items:center;color:#e0e0e0;display:flex;justify-content:center;width:3em}.navbar--desktop--container{margin-left:18em}.navbar--desktop--container,.navbar--desktop--container2{align-items:center;display:flex;font-size:12.5px;gap:2em;justify-content:center;letter-spacing:-1.01px}.navbar--desktop--container2{margin-right:-1.06em}.navbar--desktop--container--button{background-color:initial;border:none;border-radius:5px;box-shadow:none;color:#f5f5f5;cursor:pointer;font-family:Inter,sans-serif;font-size:1.1em;text-align:center}.favorites--header--container{margin:6em 2.375em 0}@media (min-width:700px){.favorites--header--container{margin:3em 2.375em 0}}.favorites--container{align-items:center;display:flex;flex-direction:column;margin-top:-1em}.favorites--container--h1{color:#8a8a8a;font-size:1.4375em;font-weight:300;margin-left:1.8em;margin-top:4.5em}.favorites--container--i{color:#8a8a8a;display:flex;font-size:4.4375em;font-weight:300;justify-content:center;margin-top:1em}
/*# sourceMappingURL=main.21d25686.css.map*/