@font-face{font-family:"Montserrat-Regular";font-style:normal;src:local("Montserrat Regular"),url(/static/media/Montserrat-Regular.3cd78665.ttf)}@font-face{font-family:"Montserrat-Bold";font-style:bold;src:local("Montserrat Bold"),url(/static/media/Montserrat-Bold.079ca05d.ttf)}body,html{background-color:#121212;-webkit-font-smoothing:antialiased}body{font-family:"Montserrat-Regular";margin:0;color:#fff;-moz-osx-font-smoothing:grayscale}body ::selection{color:#121212;background:#7986cb}body ::-moz-selection{color:#121212;background:#7986cb}body a,body a:visited{color:#fff;text-decoration:none;transition:color .125s ease-in}body a:hover{color:#7986cb}.lightbox{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin:auto;position:absolute;z-index:100;width:100vw;height:100vh;background-color:rgba(18,18,18,.8);text-align:center;transition:visibility .5s,opacity .5s linear}@media screen and (max-height:800px){.lightbox{overflow-y:auto!important}}.lightbox .genre-list,.lightbox .genre-list h2{margin-top:0}.lightbox .external-links{padding-top:.25em;padding-bottom:.5em}.lightbox .external-links a{width:1.5em;padding-right:.25em;padding-left:.25em;text-decoration:none;font-weight:bolder}.lightbox .external-links svg{height:auto;width:1.5em}.lightbox .close-icon{transition:color .125s ease-in;text-align:unset;left:0;display:inline;display:initial;position:absolute;text-decoration:none;margin:1.4em .5em .5em;padding:.25em;width:2em}.lightbox .close-icon:hover{cursor:pointer;color:#7986cb}.lightbox #last_link:hover{color:#d92323}.lightbox #spot_link:hover{color:#1ed760}.lightbox .track-wrapper{display:flex;align-items:center;flex-direction:column}.lightbox .track-wrapper .track-container{max-width:25em;justify-content:left}.lightbox .track-wrapper .track-container div:first-child{margin-top:.75em}@media screen and (max-width:400px){.lightbox .track-wrapper .track-container{max-width:300px}}.lightbox .artist-info{overflow-y:scroll}.lightbox .track{justify-content:left;align-content:center;flex-direction:row;display:flex;height:1.25em;margin:1.25em}.lightbox .track #track-name{align-self:center;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis}.lightbox .track .track-icon{transition:color .125s ease-in;width:1em;height:auto;color:#fff}.lightbox .track .track-icon:hover{color:#7986cb;cursor:pointer}.lightbox .track h4{height:1.25em;white-space:nowrap}.lightbox .track button{font-size:1.5em;padding:.25em;align-self:center;border:#fff;stroke:#fff;border-radius:50%;background:none}.lightbox .track .pause-icon{display:none}.lightbox .track .play-icon{display:block}.lightbox .track.audio-playing .play-icon{display:none}.lightbox .track.audio-playing .pause-icon{display:block}.lightbox .lightbox-title{text-align:center;margin:.75em auto 0}@media screen and (max-width:475px){.lightbox .lightbox-title{word-break:break-word;max-width:250px}}.lightbox .lightbox-container{padding-bottom:5em;margin:auto;width:50%;text-align:center}.lightbox .lightbox-container a{padding-right:1em}.lightbox .lightbox-container .lightbox-image{width:200px;height:200px;background-position:50%;background-repeat:no-repeat;background-size:cover;margin:0 auto;border-radius:50%;box-shadow:0 0 25px 5px rgba(0,0,0,.5)}.lightbox .lightbox-container ul{list-style-type:none;padding-left:0}.lightbox .lightbox-container ul h2{margin-bottom:0}#artist-title{word-break:break-word;font-weight:900;margin-top:.35em;text-align:center;z-index:1;position:absolute;left:50%;transform:translate(-50%);background-color:rgba(38,38,38,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.4em;border-radius:30px;animation:fadein 1s ease-in;text-decoration:none;transition:visibility .5s,opacity .5s linear,color .25s,background-color .25s ease-in}#artist-title:hover{cursor:pointer;color:#7986cb}@media screen and (max-width:400px){#artist-title{margin-top:.9em;font-size:1.5em;max-width:250px}}#source-artist-image{opacity:0;z-index:1;animation:fade 2s ease-in;position:fixed;top:50%;left:50%;background-position:50%;background-repeat:no-repeat;background-size:cover;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;box-shadow:0 0 25px 5px rgba(0,0,0,.5)}@media screen and (min-width:650px){#source-artist-image{width:20vw;height:20vw}}@media screen and (max-width:649px){#source-artist-image{width:50vw;height:50vw}}body{overflow:hidden}@keyframes fade{0%{opacity:0}25%{opacity:1}to{opacity:0}}#back-link{animation:fadein 2s ease-in;display:inline;display:initial;position:absolute;margin:.5em;text-decoration:none;opacity:1;visibility:unset;transition:visibility .5s,opacity .5s linear,color .25s ease-in}#back-link #back-button{margin-top:.9em;padding:.25em;width:2em}.wrapper.lightbox-visible #back-link{opacity:0;visibility:hidden}#home-search{animation:fadein 1s}#home-search input{background-image:url(/static/media/search.b704bf1c.svg);background-repeat:no-repeat;background-position:0;background-position-x:2%;background-size:7%;background-color:#fff;text-indent:1.25em;margin:0;width:400px;background-color:#232323;color:#fff;font-size:1.75em;border-radius:30px;border-color:transparent;padding:.25em;outline:none}@media screen and (max-width:770px){#home-search input{font-size:1.25em;width:280px;text-indent:1.5em;padding:.5em .25em}}#home-search input.populated{border-radius:30px 30px 0 0;border-bottom-color:hsla(0,0%,100%,.1)}input+.suggestions-container{background-color:#232323;padding:1em 0 1.25em;border-radius:0 0 30px 30px}input+.suggestions-container a{padding:.25em 0 .25em .5em;display:block;text-decoration:none}input+.suggestions-container a:hover{background-color:hsla(0,0%,100%,.1)}input+#suggestion-box{display:none}input+#suggestion-box.populated{display:block}@keyframes fadein{0%{opacity:0}to{opacity:1}}.searchbar-container{z-index:1;margin:auto;position:fixed;top:25%;left:50%;transform:translate(-50%)}@media screen and (max-device-width:480px)and (orientation:portrait){.searchbar-container{top:1em}}.searchbar-container h1{font-size:60px;text-align:center;margin-top:0;margin-bottom:10px}.searchbar-container svg{width:150px;margin:auto;display:block}.app-footer{text-align:center;position:fixed;bottom:0;width:100%}.app-footer p{font-size:.9em;display:block;margin:1em auto}.app-footer p a{font-family:"Montserrat-Bold";font-weight:800}.help-link{animation:fadein 2s ease-in;display:inline;display:initial;position:absolute;right:0;margin:1em;text-decoration:none;opacity:1;visibility:unset;transition:visibility .5s,opacity .5s linear,color .25s ease-in}.help-link #help-button{padding:.25em;width:2em}#help{animation:fadeHelp 1s ease-in;height:100vh;overflow-y:auto!important}.help-wrapper{padding-bottom:2em;padding-top:1em;text-align:center;margin:auto;width:50%}.help-wrapper b{font-family:"Montserrat-Bold"}@media screen and (max-width:500px){.help-wrapper{padding-bottom:5em}}.help-wrapper h1{font-size:3em;margin-top:-.05em;margin-bottom:1em}.help-wrapper .logo-container{height:300px;display:flex}.help-wrapper .logo-container #logo{width:300px!important;margin:0 auto;animation:zoom 2s ease-in infinite alternate;display:block;align-items:center}.help-wrapper .animation-container{margin-left:-50px;display:flex;flex-direction:row;align-items:center;justify-content:center}.help-wrapper .explanation{width:100%}.help-wrapper .explanation p{max-width:400px;text-align:center;margin:auto}.help-wrapper .artist-demo{margin-top:4em}.help-wrapper .artist-demo .name-demo{margin:auto;width:100px;font-size:1.5em;background-color:rgba(38,38,38,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.5em;border-radius:30px;transition:color .25s ease-in}.help-wrapper .artist-demo .name-demo:hover{cursor:pointer;color:#7986cb}.help-wrapper .artist-demo .explanation{margin-top:1em}.help-wrapper .hover-demo{margin-top:4em}.help-wrapper .hover-demo h5{margin:0;animation:fadeHelp 2s ease-in infinite alternate}.help-wrapper .hover-demo p{max-width:200px;margin:.25em}.help-wrapper .hover-demo h3{margin-bottom:.5em}.help-wrapper .hover-demo .explanation{flex-flow:column;justify-content:center;display:flex;flex-wrap:wrap;flex-direction:row}.help-wrapper .hover-demo svg:hover{cursor:pointer}.help-wrapper #tooltip{opacity:0;background-color:rgba(38,38,38,.8);border-radius:30px;padding:12px;color:#fff;position:absolute;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.help-wrapper #enjoy{padding-top:2em;padding-bottom:.5em;margin:0}@keyframes zoom{0%{transform:scale(1)}to{transform:scale(.75)}}@keyframes fadeHelp{0%{opacity:0}to{opacity:1}}#not-found #back-link{display:unset}.message{margin-left:1em;margin-right:1em;padding-top:10em}.message svg{width:170px}.message h1{font-family:"Montserrat-Bold";font-size:2rem;padding-bottom:.25em;padding-top:.25em}.message>*{text-align:center;display:block;margin:auto}
/*# sourceMappingURL=main.63451c0e.chunk.css.map */