@import"//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css";@font-face{font-family:Paperlogy-8ExtraBold;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2) format("woff2");font-weight:800;font-style:normal}@font-face{font-family:Happiness-Sans-Title;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2205@1.0/Happiness-Sans-Title.woff2) format("woff2");font-weight:400;font-style:normal}html{scroll-behavior:smooth}body{padding-top:46px;font-family:Spoqa Han Sans,sans-serif}*,:after,:before{padding:0;margin:0}canvas,img{width:100%;max-width:100%}a,canvas,img{display:block}a{text-decoration:none;color:#565656;font-size:14px}li{list-style:none}p{font-size:16px;line-height:20px}address{font-style:normal}h1{font-size:32px;line-height:40px}h1,h2{font-family:Happiness-Sans-Title}h2{font-size:20px;line-height:32px}h3{font-size:16px;line-height:20px;font-family:Happiness-Sans-Title}button{cursor:pointer;background-color:transparent}button,input{outline:none;border:0}svg{display:block}svg line,svg path,svg rect{stroke:#4567ff;fill:#4567ff}.track__slug-main{padding:8px}.track__slug-main article{display:flex;align-items:center;justify-content:space-between}.track__slug-main article div{width:72px;aspect-ratio:1/1;border-radius:4px;overflow:hidden}.track__slug-main article section{width:calc(100% - 80px)}.track__slug-main article section h1{font-size:24px;line-height:32px}.track__slug-main .track__slug-tag{margin-top:8px}html.light__mode .track__list-item+.track__list-item{border-top:1px solid #cdcdcd}html.dark__mode .track__list-item+.track__list-item{border-top:1px solid #565656}.track__list-wrap .track__list-item{display:flex;align-items:center;gap:4px;padding:8px 4px}.track__list-wrap .track__list-item .track__list-img{width:48px;aspect-ratio:1/1;border-radius:4px;overflow:hidden}.track__list-wrap .track__list-item section.track__list-info{width:80px;overflow:hidden}.track__list-wrap .track__list-item section.track__list-info h2,.track__list-wrap .track__list-item section.track__list-info p{font-size:16px;white-space:nowrap;line-height:24px;width:max-content}.track__list-wrap .track__list-item:hover .scroll-on-hover{animation:scroll-text 4s linear infinite}.scroll-on-hover{display:inline-block;width:max-content}@keyframes scroll-text{0%{transform:translateX(0)}10%{transform:translateX(0)}80%{transform:translateX(calc(80px - 100%))}90%{transform:translateX(calc(80px - 100%))}to{transform:translateX(0)}}.music__main-wrap{display:flex}.music__main-wrap>section{width:60%}.music__main-wrap>div{width:40%}.music__main-wrap .music__audio-library{display:flex;flex-direction:column;gap:4px}.music__main-wrap .music__audio-library>li{display:flex}.music__main-wrap .music__audio-library>li img{width:24px;border-radius:4px}.upload__album-wrap{display:flex;border:1px solid #cdcdcd}.upload__album-wrap .upload__img-wrap{width:80px;aspect-ratio:1/1}.upload__album-wrap .upload__audio-wrap{width:calc(100% - 80px);border-left:1px solid #cdcdcd;height:80px}html.light__mode header{box-shadow:0 0 1px #787878;background-color:#fcfcfc}html.light__mode header *{background-color:#fcfcfc!important}html.dark__mode #header{box-shadow:0 0 1px #787878;background-color:#181818}html.dark__mode #header *{background-color:#181818!important}#header{padding:8px 0;position:fixed;width:100%;top:0;left:0;z-index:999}#header>nav{padding:0 8px;align-items:center;display:flex;justify-content:space-between}#header>nav>.header__img-wrap{width:32px;height:32px}#header>nav>.header__user-wrap{display:flex}html footer{margin-top:48px!important;padding:48px 0}html footer,html footer *{background-color:#20282f!important}html footer>.footer_section{padding:0 8px;font-weight:700;color:#c7cad3;display:flex;flex-direction:column;gap:16px 0}html footer>.footer_section address,html footer>.footer_section p{color:#c7cad3}html footer>.footer_section ul{display:flex;flex-direction:column}html footer>.footer_section ul li{height:24px}html footer>.footer_section ul li a{color:#c7cad3;font-weight:400;display:inline-block;line-height:24px}html.dark__mode .detail__waveform-wrap{border:1px solid #232323}html.dark__mode .detail__waveform-wrap .custom__player-option-wrap{background-color:#232323}html.light__mode .detail__waveform-wrap{border:1px solid #f1f1f1}html.light__mode .detail__waveform-wrap .custom__player-option-wrap{background-color:#fafafa}.custom__player-wrap{display:flex;width:100%;justify-content:space-between;align-items:center;border-radius:4px;gap:4px;overflow:hidden}.custom__player-wrap canvas{cursor:pointer;width:calc(100% - 40px - 30px - 8px);min-height:40px}.custom__player-wrap button{border:none;width:40px;height:40px;padding:10px}.track__list-item .dynamic__waveform-wrap{width:calc(100% - 80px - 48px - 8px);height:48px}.dynamic__waveform-wrap{position:relative}.track__duration-wrap{display:flex;flex-direction:column;width:30px}.track__duration-wrap span{text-align:center;font-size:12px;line-height:24px}.volume-control{display:flex;align-items:center;gap:4px}.volume-control button{border:none;width:24px;height:24px;padding:4px}.volume-control svg{display:block}.volume-control .volume-slider{width:80px}.detail__waveform-wrap{border-radius:9px}.detail__waveform-wrap .custom__player-wrap{width:100%;border-radius:8px}.detail__waveform-wrap .custom__player-wrap canvas{width:100%}.detail__waveform-wrap .custom__player-option-wrap{display:flex;padding:8px;justify-content:space-between}.detail__waveform-wrap .custom__player-option-wrap span{font-size:12px;line-height:24px;font-weight:700;color:#4567ff}.detail__waveform-wrap .custom__player-option-wrap .custom__player-option-left,.detail__waveform-wrap .custom__player-option-wrap .custom__player-option-right{display:flex;gap:8px;align-items:center}.detail__waveform-wrap .custom__player-option-wrap .custom__player-option-left .track__duration-wrap{flex-direction:row;font-weight:700;gap:4px;width:auto}.detail__waveform-wrap .custom__player-option-wrap .volume-control{padding-right:8px}.detail__waveform-wrap .custom__player-option-wrap button{width:24px;aspect-ratio:1/1}html.dark__mode body{background-color:#121212}html.dark__mode *{color:#fff;transition:all .3s ease}html.light__mode body{background-color:#fff}html.light__mode *{color:#121212;transition:all .3s ease}