body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--green:#1db954;--lightBlack:#161212;--headHeight:80px;--footHeight:10vh}*{margin:0;padding:0;box-sizing:border-box}body{width:100vw;height:100vh;background-color:#161212;background-color:var(--lightBlack)}section{margin-top:calc(80px + 1em);margin-top:calc(var(--headHeight) + 1em);margin-bottom:calc(10vh + 1em);margin-bottom:calc(var(--footHeight) + 1em)}.loading{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;color:#fff}div.login_svgWrapper__2oVCZ{position:absolute;top:30%;left:30px;width:50%;max-width:500px;min-width:300px}svg.login_logo__2SBOo{width:100%}.login_btn__2DzbI{width:50%;font-size:30px;border:5px solid #fff;background:var(--lightBlack);color:#fff;font-weight:100;padding:.7em;text-transform:uppercase;border-radius:50px;display:block;transition:all .3s ease 0s}.login_btn__2DzbI:hover{color:#404040;font-weight:700;letter-spacing:3px;background:#fff;transition:all .3s ease 0s;cursor:pointer}.login_bubble__1eLcg{width:3em;position:absolute;bottom:0}.popularity_popContainer__1Z6Cg{width:calc(100vw - 20px);height:calc(100vh - 1em);margin:0 10px 1em}.basicMeter_basicMeter__3pRK6{margin-bottom:2em}.artist_flipCard__16V0Y{perspective:1000px;max-width:640px;max-height:640px;margin:0 auto 10px;color:#000;text-align:left;cursor:pointer}.artist_flipCard__16V0Y img{border-radius:25px}.artist_flipCard__16V0Y h1{font-size:clamp(20px,5vw,40px)}.artist_flipCard__16V0Y h2{font-size:clamp(15px,3vw,30px)}.artist_flipCardInner__1S7eJ{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.artist_rotate__3E_09{transform:rotateY(180deg)}.artist_flipCardBack__26D4J,.artist_flipCardFront__3upDW{width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.artist_flipCardBack__26D4J{position:absolute;top:0;transform:rotateY(180deg)}.artist_artistInfo__TryLi{display:flex;align-items:center;background-color:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);position:relative;padding:1em 0;border-radius:0 0 25px 25px;bottom:65px}.artist_artistInfo__TryLi .artist_rank__QrjA4{margin-left:auto;margin-right:.5em;font-size:clamp(35px,5vw,40px)}.artist_backArtistInfo__3X1Yw{position:absolute;top:10%;left:8.5%;width:85%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:1em;background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.artist_backArtistInfo__3X1Yw h2{font-size:clamp(15px,3vw,30px);font-weight:500}.artist_tables__26JGv{display:flex;justify-content:space-evenly}.artist_tables__26JGv h2{font-weight:700}.artist_tables__26JGv ul{list-style:none;text-align:left;margin-top:0;font-weight:500;position:relative;text-align:center;border-top:solid;border-width:1.5px}.artist_tables__26JGv li{padding:5px;border:1.5px solid;border-top:none}.song_item__bNnfb{width:100%;height:100vw;background-size:contain;max-width:640px;max-height:640px;margin:0 auto 2em;color:#000;text-align:left;cursor:pointer;display:block;border-radius:20px}.song_slider__2aWUY{opacity:0;background-color:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:20px 20px 0 0;transform:translateX(100%);transition:all .2s ease-in}.song_open__2N6zq{opacity:1;transform:none}.song_info__3wdoH{width:100%;height:20vw;max-height:128px;display:flex;background-color:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:0 0 20px 20px;align-items:center;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none}.song_info__3wdoH div{margin-left:1em;flex-direction:column;width:75%;overflow-x:scroll}.song_info__3wdoH div::-webkit-scrollbar{display:none}.song_info__3wdoH div h1{font-size:clamp(20px,5vw,40px)}.song_info__3wdoH div h2{font-size:clamp(15px,3vw,30px)}.song_info__3wdoH h1.song_rank__3UNNe{margin-left:auto;margin-right:.5em;font-size:clamp(35px,5vw,40px)}.hamburger_hamburger__vPWC5{position:absolute;left:1.5em;display:block}.hamburger_line__1FqOk{width:30px;height:3px;background-color:#fff;margin-top:5px;transition:all .6s ease-in}.hamburger_line__1FqOk.hamburger_rLeft__3cMW2{margin-bottom:.4em;transform:rotate(45deg)}.hamburger_line__1FqOk.hamburger_rRight__1HXEV{margin-top:-.7em;transform:rotate(-45deg)}.hamburger_line__1FqOk.hamburger_remove__12RjG{opacity:0;transition:none}.header_header__2jHYa{position:fixed;z-index:2;height:var(--headHeight);width:100%;background-color:#000;display:flex;align-items:center;justify-content:center}.header_header__2jHYa .header_logo__1kC5x{text-decoration:none;color:#1db954;font-family:"Inter",sans-serif;font-size:2em;font-weight:800;margin:0 auto}.header_list__2z9nQ{position:fixed;left:0;top:var(--headHeight);background-color:#000;width:75%;height:calc(100vh - var(--headHeight));align-items:center;flex-direction:column;z-index:2;transform:translateX(-110%);transition:transform .6s ease-in}.header_list__2z9nQ.header_open__2HzuI{transform:none}.header_list__2z9nQ li{margin-top:2em;padding:0 1em}.header_list__2z9nQ li p{margin-bottom:.7em}.header_list__2z9nQ li a{text-decoration:none;color:#fff;border:2px solid #fff;border-radius:30px;padding:3px 15px;box-shadow:2px 3px 5px #fff}.header_list__2z9nQ li a.header_active__1NSmS,.header_list__2z9nQ li a:hover{background-color:var(--green);border:none;color:#000;font-weight:700;box-shadow:2px 3px 5px var(--green)}.footer_footer__1VwNw{background-color:#000;height:10vh;max-height:200px;width:100%;position:fixed;bottom:0;z-index:1;white-space:nowrap}.footer_footer__1VwNw ul{width:50%;list-style:none;display:flex;position:relative;margin:0 auto;top:25%;justify-content:center;align-items:center}.footer_footer__1VwNw ul a{border:solid #fff;padding:.5em 1em;border-radius:50px;font-size:.9em;letter-spacing:2px;text-decoration:none;color:#fff;transition:all .3s ease 0s}.footer_footer__1VwNw ul a.footer_active__1drtd{background-color:#1db954;border:none;color:#000;font-weight:700;box-shadow:2px 3px 5px var(--green)}
/*# sourceMappingURL=main.1620ce44.chunk.css.map */