body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@font-face{font-display:swap;font-family:PfStardust30S;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2506-1@1.0/PFStardustS.woff2) format("woff2")}@font-face{font-display:swap;font-family:PfStardust30S;font-weight:700;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2506-1@1.0/PFStardustSBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:PfStardust30S;font-weight:800;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2506-1@1.0/PFStardustSExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Pretendard;font-weight:100;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2) format("woff2")}@font-face{font-display:swap;font-family:Pretendard;font-weight:200;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2) format("woff2")}@font-face{font-display:swap;font-family:Pretendard;font-weight:300;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2) format("woff2")}@font-face{font-display:swap;font-family:Pretendard;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Pretendard;font-weight:500;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Pretendard;font-weight:600;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Pretendard;font-weight:700;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Pretendard;font-weight:800;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Pretendard;font-weight:900;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2) format("woff2")}@font-face{font-display:swap;font-family:KakaoBigFont;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2503@1.0/KakaoBigSans-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:KakaoBigFont;font-weight:700;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2503@1.0/KakaoBigSans-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:KakaoBigFont;font-weight:800;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2503@1.0/KakaoBigSans-ExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:KakaoSmallFont;font-weight:300;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2503@1.0/KakaoSmallSans-Light.woff2) format("woff2")}@font-face{font-display:swap;font-family:KakaoSmallFont;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2503@1.0/KakaoSmallSans-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:KakaoSmallFont;font-weight:700;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2503@1.0/KakaoSmallSans-Bold.woff2) format("woff2")}.comment-thumb{-webkit-box-flex:0;background:#2a2a2a;border-radius:50%;-ms-flex:0 0 22px;flex:0 0 22px;float:none;height:22px;margin-right:6px;overflow:hidden;position:relative;width:22px}.chat-comment{display:flex;position:relative}.comment-cont{flex:1 1;line-height:17px;padding-right:20px}.comment-name{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#ffffff80;display:inline-flex;float:none;font-size:12px;line-height:19px;padding-right:6px;position:relative;top:-3px}.comment-name:after{background-image:url(//cdnimg.melon.co.kr/services/img/musicwave/ic_common_verify_10.png);background-size:cover;content:"";display:inline-block;height:10px;margin-left:4px;width:10px}.comment-content{color:#fff;font-size:14px;line-height:19px;position:relative;top:-4px;word-break:break-all}.comment-cont:after{clear:both;content:"";display:block}.profile-image{-webkit-box-flex:0;background:#2a2a2a;border-radius:50%;-ms-flex:0 0 22px;flex:0 0 22px;float:none;height:22px;margin-right:6px;overflow:hidden;position:relative;width:22px}.comment{-webkit-box-flex:1;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;flex-basis:calc(100% - 30px);flex-grow:0;flex-shrink:0;margin-top:12px;width:100%}.content-image{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:0;align-items:center;background-color:#242424;background-color:var(--GRAY001S,#242424);border-radius:4px;cursor:pointer;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;height:48px;margin-top:2px;overflow:hidden;position:relative;width:48px}.content-image:after{border:1px solid #ffffff1f;border-radius:4px;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.content-image img{display:block;height:100%;max-height:100%;-o-object-fit:cover;object-fit:cover;object-position:center;width:100%}.modal-image{background-color:#242424;background-color:var(--GRAY001S,#242424);overflow:hidden;position:relative;width:100%}.main{background-color:#2a2a2a;border-radius:"6px";height:100dvh;overflow-y:auto;padding:8px;width:100%}@media only screen and (min-width:1024px){.main{background-color:#2a2a2a!important;height:100dvh;overflow-y:auto;padding:auto;width:400px}}.comment-list{flex:1 1;height:calc(100% - 120px);overflow-y:auto;padding-left:10px}@media only screen and (min-width:1024px){.comment-list{flex:1 1;height:calc(100% - 120px);overflow-y:auto}}blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,select,td,textarea,th,ul{margin:0;padding:0}div{box-sizing:border-box;display:block;unicode-bidi:isolate}*,:after,:before,div{-webkit-box-sizing:border-box}*,:after,:before{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;outline:none}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.modal-content{max-height:100%;max-width:100%;position:relative}.modal-image{border-radius:8px;max-height:90dvh;max-width:90vw}.modal-close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:28px;font-weight:700;position:absolute;right:12px;top:8px}.date-select-image{background-position:50%;background-size:cover;box-sizing:border-box;color:#fff;font-size:22px;height:60dvh;padding:20px;position:relative;text-align:right}.date-select-image.poppop:after{background:linear-gradient(0deg,#4392ac,#0000);background:linear-gradient(to top,var(--poppop-color),#0000)}.date-select-image.odetolove:after,.date-select-image.poppop:after{bottom:0;content:"";height:160px;left:0;pointer-events:none;position:absolute;width:100%}.date-select-image.odetolove:after{background:linear-gradient(0deg,#6d7489,#0000);background:linear-gradient(to top,var(--odetolove-color),#0000)}.date-select-image.surf:after{background:linear-gradient(0deg,#2b64b0,#0000);background:linear-gradient(to top,var(--surf-color),#0000)}.date-select-image.miracle:after,.date-select-image.surf:after{bottom:0;content:"";height:160px;left:0;pointer-events:none;position:absolute;width:100%}.date-select-image.miracle:after{background:linear-gradient(0deg,#317082,#0000);background:linear-gradient(to top,var(--miracle-color),#0000)}.date-select-image.color:after{background:linear-gradient(0deg,#152718,#0000);background:linear-gradient(to top,var(--color-color),#0000)}.date-select-image.color:after,.date-select-image.steady:after{bottom:0;content:"";height:160px;left:0;pointer-events:none;position:absolute;width:100%}.date-select-image.steady:after{background:linear-gradient(0deg,#7b161c,#0000);background:linear-gradient(to top,var(--steady-color),#0000)}.date-select-image.songbird:after{background:linear-gradient(0deg,#568dc0,#0000);background:linear-gradient(to top,var(--songbird-color),#0000);bottom:0;content:"";height:160px;left:0;pointer-events:none;position:absolute;width:100%}.date-select-image-text{bottom:10px;font-size:24px;font-weight:700;position:absolute;right:20px;z-index:1}.comment-date{align-items:center;color:#fff;display:flex;flex-shrink:0;font-family:PfStardust30S;font-size:18px;height:52px;text-align:center}.comment-date:after,.comment-date:before{background:#ffffff4d;content:"";flex:1 1;height:1px}.comment-date:before{margin-left:10px;margin-right:20px}.comment-date:after{margin-left:20px;margin-right:10px}.date-select-container{background-color:red;font-family:KakaoSmallFont;font-weight:400;height:40dvh;overflow-y:auto}.songbird{background-color:#568dc0;background-color:var(--songbird-color)}.steady{background-color:#7b161c;background-color:var(--steady-color)}.miracle{background-color:#317082;background-color:var(--miracle-color)}.poppop{background-color:#4392ac;background-color:var(--poppop-color)}.surf{background-color:#2b64b0;background-color:var(--surf-color)}.color{background-color:#152718;background-color:var(--color-color)}.odetolove{background-color:#6d7489;background-color:var(--odetolove-color)}:root{--songbird-color:#568dc0;--steady-color:#7b161c;--miracle-color:#317082;--poppop-color:#4392ac;--surf-color:#2b64b0;--color-color:#152718;--odetolove-color:#6d7489;--songbird-chat-color:#3c3d40;--steady-chat-color:#250207;--miracle-chat-color:#377e8f;--poppop-chat-color:#4ba690;--surf-chat-color:#3b86ad;--color-chat-color:#4c7e2f;--odetolove-chat-color:#4c70bc}.root-component{background-color:#fff;display:flex;height:100dvh;justify-content:center}.date-selector-popup{background:#383d40;border-top-left-radius:20px;border-top-right-radius:20px;bottom:0;box-shadow:0 -4px 20px #00000026;color:#fff;font-size:18px;font-weight:400;left:0;max-height:80dvh;max-width:100%;overflow-y:auto;position:fixed;right:0;transform:none;transition:none;z-index:1000}.date-selector-close-btn{background:#0000;border:none;color:#888;cursor:pointer;font-size:30px;transition:color .2s}.date-selector-close-btn:hover{color:#000}.date-selector-item{align-items:center;background-color:#fff;box-sizing:border-box;color:#fff;cursor:pointer;font-family:KakaoSmallFont;font-size:16px;font-weight:400;justify-content:center;padding:16px 18px;-webkit-user-select:none;user-select:none}.main.steady{background-color:#250207;background-color:var(--steady-chat-color)}.main.songbird{background-color:#3c3d40;background-color:var(--songbird-chat-color)}.main.miracle{background-color:#377e8f;background-color:var(--miracle-chat-color)}.main.surf{background-color:#3b86ad;background-color:var(--surf-chat-color)}.main.poppop{background-color:#4ba690;background-color:var(--poppop-chat-color)}.main.color{background-color:#4c7e2f;background-color:var(--color-chat-color)}.main.odetolove{background-color:#4c70bc;background-color:var(--odetolove-chat-color)}@supports (-webkit-touch-callout:none){.main,.root-component{min-height:-webkit-fill-available;min-height:100dvh}}
/*# sourceMappingURL=main.31d4ac41.css.map*/