@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);:root{--main-color:#69cbd7;--light-gray-color:#eee;--gray-color:#888;--font-size-xs:8px;--font-size-s:11px;--font-size-m:15px;--font-size-l:18px;--font-size-xl:30px}*{box-sizing:border-box;font-family:Inter,sans-serif;list-style:none;margin:0;padding:0}a{text-decoration:none}a:link,a:visited{color:#000}body{background-color:#eee;background-color:var(--light-gray-color)}.App,body{height:auto}.App{background-color:#fff;margin:0 auto;min-height:100vh;padding-bottom:20px;width:360px}.text_overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.backBtn{cursor:pointer;height:30px;left:20px;position:absolute;top:25px;width:30px}.attachName span:after{content:", "}.attachName span:last-child:after{content:""}.emptyData{font-size:18px;font-size:var(--font-size-l);height:450px}.emptyData,.emptyImg{align-items:center;display:flex;justify-content:center}.emptyImg{background-color:#fff;color:#888;color:var(--gray-color);height:100%;width:100%}.close_api{color:#ff5454;font-weight:700;line-height:30px;margin-top:130px;text-align:center}.btn_login,.btn_logout,.btn_mypage{align-items:center;background-color:initial;border:none;border-radius:50%;display:flex;height:30px;justify-content:center;width:30px}.icon_login,.icon_logout,.icon_mypage{color:var(--main-color);cursor:pointer;height:100%;width:100%}.loginHeader{width:70px}.Header,.loginHeader{align-items:center;display:flex;justify-content:space-between}.Header{padding-left:30px;padding-right:30px;padding-top:40px}.logoImg{cursor:pointer;height:40px;width:41px}.logoImg img{height:100%;width:100%}.SearchTab{margin:30px auto 0;position:relative;width:300px}.SearchTab form input{background-color:var(--light-gray-color);border:none;border-radius:20px;font-size:var(--font-size-s);height:30px;text-indent:20px;width:300px}.SearchTab form input,.SearchTab form input::placeholder{color:var(--gray-color)}.SearchTab form input:focus{border:none;outline:none}.SearchTab form button{background-color:initial;border:none;cursor:pointer;height:16px;position:absolute;right:10px;top:7px;width:16px}.icon_searchTab{background-color:initial;color:var(--gray-color);height:100%;width:100%}.RecommendPlaylists{align-items:center;display:flex;flex-direction:column;justify-content:center}.RecommendPlaylists h4{font-size:var(--font-size-l);height:20px;line-height:20px;margin-bottom:40px;text-align:center;width:100%}.RecommendPlaylist{margin-bottom:50px;width:300px}.RecommendPlaylist a{text-align:center}.RecommendPlaylist img{border-radius:15px}.RecommendPlaylists_playlistName{font-size:var(--font-size-l)}.RecommendPlaylists_playlistDes{color:var(--gray-color);font-size:var(--font-size-m)}.Result{background-color:#fff;margin-top:50px;width:360px}.Result_artist{flex-direction:column;margin-bottom:50px}.Result_artist,.Result_artistImg{align-items:center;display:flex;justify-content:center}.Result_artistImg{border-radius:15px;max-height:200px;overflow:hidden;width:300px}.Result_noImg{background-color:var(--gray-color);color:#fff;height:300px;width:300px}.Result_artistName{font-size:var(--font-size-m);margin-top:10px;text-align:center;width:300px}.Home{width:100%}.ArtistInfo{height:290px;position:relative;width:360px}.ArtistInfo>div{position:absolute}.ArtistsInfo_artistImg{align-items:center;display:flex;height:290px;justify-content:center;overflow:hidden;width:360px}.ArtistsInfo_artistImg img{width:360px}.ArtistsInfo_shadow{background-color:var(--light-gray-color);height:290px;opacity:50%;width:360px}.ArtistsInfo,.ArtistsInfo_artistName{left:30px}.ArtistsInfo_artistName{bottom:50px;font-size:var(--font-size-xl);font-weight:700;height:auto;width:300px}.ArtistsInfo{bottom:30px;font-size:var(--font-size-s);white-space:nowrap;width:300px}.ArtistsInfo,.ArtistsInfo_genres{display:flex;overflow:hidden}.ArtistsInfo_genres:before{content:"|";margin:0 7px}.ArtistsInfo_genre span{display:inline-block;margin-right:3px}.ArtistsInfo_genre span:last-child:after{margin-right:0}.text_wrapper{width:auto}.text_flow{animation:flowing 1s linear infinite;display:inline-block}.text_overflow:hover .text_flow{animation-play-state:paused}@keyframes flowing{0%{transform:translateX(0)}15%{transform:translateX(0)}to{transform:translateX(-100%)}}.DisplayAlbum{float:left;height:152px;margin-right:15px;vertical-align:top;width:120px}.dpAlbum_albumImg{background-color:#ddd;border-radius:3px;max-height:120px;overflow:hidden;width:120px}.dpAlbum_albumImg img{height:100%;width:100%}.dpAlbum_albumName{font-size:var(--font-size-s);height:11px;line-height:11px;margin-top:7px}.dpAlbum_albumArtist{font-size:var(--font-size-xs);height:10px;line-height:10px;margin-top:4px}.dpAlbum_albumArtist,.dpAlbum_albumName{width:120px}.ArtistMusics>div{margin:30px}.ArtistMusics_title{font-size:var(--font-size-m);height:20px;line-height:20px;width:300px}.ArtistMusics_list{height:160px;margin-top:10px}.ArtistMusics_list_wrap{overflow:hidden;overflow-x:auto}.ArtistMusics_list_wrap::-webkit-scrollbar{background-color:var(--light-gray-color);border-radius:20px;height:8px}.ArtistMusics_list_wrap::-webkit-scrollbar-thumb{background-color:var(--main-color);border-radius:20px;width:10px}.noTracks{align-items:center;color:var(--gray-color);display:flex;font-size:var(--font-size-m);height:160px;justify-content:center;margin-top:10px}.AlbumInfo{height:290px;position:relative;width:360px}.AlbumInfo>div{position:absolute}.AlbumInfo_albumImg{align-items:center;display:flex;height:290px;justify-content:center;overflow:hidden;width:360px}.AlbumInfo_albumImg img{width:360px}.AlbumInfo_albumImg_shadow{background-color:var(--light-gray-color);height:290px;opacity:50%;width:360px}.AlbumInfo_albumArtist,.AlbumInfo_albumName{left:30px}.AlbumInfo_albumName{bottom:50px;font-size:var(--font-size-xl);font-weight:700;height:auto;width:300px}.AlbumInfo_albumArtist{bottom:30px;font-size:var(--font-size-s);height:auto;width:300px}.List{background-color:#f9f9f9;display:flex;flex-direction:column;height:66px;justify-content:center;margin-bottom:5px;padding:10px 20px;width:360px}.List_trackNum,.List_wrap{align-items:center;display:flex}.List_trackNum{font-size:var(--font-size-m);height:36px;margin-left:10px;width:30px}.List_albumImg{border-radius:3px;height:46px;overflow:hidden;position:relative;width:46px}.List_albumImg img{height:auto;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.List_album_wrap{display:flex;flex-direction:column;height:36px;justify-content:space-between;overflow:hidden;width:270px}.List_album_wrap_paddingLeft{padding-left:10px}.List_albumName{font-size:var(--font-size-m);height:20px;line-height:20px}.List_albumName.PlayList_albumName{width:235px}.List_albumArtist{font-size:var(--font-size-s);height:11px;line-height:11px}.AlbumTracks_wrap{width:360px}.ModalPlayList{align-items:center;background-color:var(--main-color);border-radius:5px;display:flex;flex-direction:column;height:100px;justify-content:space-evenly;left:-90px;position:absolute;top:-35px;width:260px}.ModalPlayList_closeBtn{color:#fff;cursor:pointer;font-size:var(--font-size-xl);height:20px;line-height:20px;width:20px}.ModalPlayList_closeBtn,.ModalPlayList_selectWrap{align-items:center;display:flex;justify-content:center}.ModalPlayList_selectWrap{height:30px}.ModalPlayList_selectWrap select{border:none;height:30px;width:150px}.ModalPlayList_selectWrap select:focus{outline:none}.ModalPlayList_selectWrap button{background-color:var(--light-gray-color);border:none;height:30px;width:40px}.Music{align-items:center;display:flex;flex-direction:column;position:relative;width:360px}.Music_colorBox{background-color:var(--main-color);height:210px;width:100%}.Music_albumImg{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:240px;justify-content:center;margin-top:-120px;width:240px}.Music_albumImg img{border-radius:50%;height:220px;width:220px}.Music_info{align-items:center;display:flex;flex-direction:column;height:65px;margin-top:26px;width:100%}.Music_info>div{text-align:center;width:300px}.Music_trackName{font-size:22px;font-weight:700;height:40px;line-height:40px}.Music_artistName{font-size:var(--font-size-m);height:25px;line-height:25px}.Music_player{align-items:center;display:flex;flex-direction:column;height:125px;justify-content:space-between;margin-top:76px;width:300px}.Music_preview{color:var(--gray-color);font-size:var(--font-size-m);height:15px;line-height:15px}.Music_playBtn{height:74px;width:74px}.Music_playBtn button{background-color:initial;border:none;border-radius:50%;cursor:pointer}.Music_playBtn button svg{color:var(--main-color);height:74px;width:74px}.Music_progressBar{background-color:var(--main-color);border-radius:10px;height:10px;overflow:hidden;position:relative;width:100px}.progress{background-color:#fff;border-radius:10px;height:6px;margin-left:2px;position:absolute;top:2px;width:8px}.Music_btns{align-items:center;display:flex;height:30px;justify-content:space-between;margin-top:20px;position:relative;width:75px}.icon_addMusic,.icon_emptyHeart,.icon_heart{color:var(--main-color);cursor:pointer;height:30px;width:30px}.icon_emptyHeart{stroke-width:20px}.Mypage{position:relative;width:360px}.Mypage,.Mypage_userWrap{align-items:center;display:flex;flex-direction:column}.Mypage_userWrap{height:200px;justify-content:space-between;margin:113px 0 70px;width:100%}.Mypage_userImg{align-items:center;background-color:var(--main-color);border-radius:100%;display:flex;height:140px;justify-content:center;overflow:hidden;width:140px}.Mypage_userImg img{height:100%;width:100%}.icon_userImg{color:#fff;height:auto;width:70px}.Mypage_userName{align-items:center;display:flex;font-size:22px;height:30px;justify-content:center;width:100%}.Mypage_listWrap>a{display:block;height:50px;margin-bottom:10px;width:280px}.Mypage_list{align-items:center;display:flex;height:50px;justify-content:space-between;width:280px}.Mypage_listIcon{color:var(--main-color);height:auto;width:30px}.Mypage_listTitle{align-items:center;display:flex;font-size:var(--font-size-l);height:50px;width:240px}.CommonListsHeader{align-items:center;display:flex;height:80px;justify-content:center;position:relative;width:100%}.CommonListsHeader_icon{color:var(--main-color);height:30px;margin-right:10px;width:30px}.CommonListsHeader_title{font-size:var(--font-size-l);font-weight:700;height:30px;line-height:30px}.CommonListsHeader_listName{text-align:center;width:250px}.CommonListsHeader_listTotal{bottom:8px;color:var(--gray-color);font-size:var(--font-size-s);position:absolute;right:10px}.PlayList{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin:0 auto;width:335px}.PlayList_wrap{align-items:center;background-color:var(--main-color);border-radius:5px;display:flex;flex-direction:column;height:210px;justify-content:space-between;padding:15px 0;width:160px}.PlayList_img{border-radius:5px;height:130px;overflow:hidden;width:130px}.PlayList_img img{height:100%;width:100%}.PlayList_listWrap{align-items:center;color:#fff;display:flex;flex-direction:column;height:38px;justify-content:space-between;padding:0 5px;width:100%}.PlayList_listName{font-size:var(--font-size-m);text-align:center;width:150px}.PlayList_listTotal{font-size:var(--font-size-s);opacity:.7}.icon_createPlayList{bottom:20px;cursor:pointer;height:50px;position:fixed;transform:translateX(290px);width:50px;z-index:1}.LikeLists_listWrap>div,.PlayListDetail_listWrap>div{position:relative}.List_removeBtn,.heart_removeBtn{color:var(--main-color);height:30px;padding:0 5px;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:.2s;width:30px}.List_removeBtn:hover,.heart_removeBtn:hover{color:#ff6868;transition:.2s}
/*# sourceMappingURL=main.5d214054.css.map*/