@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__search-area{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.music__main-wrap .music__search-area label{font-weight:600}.music__main-wrap .music__search-area input{padding:8px 12px;border:1px solid rgba(0,0,0,.1);border-radius:6px;font-size:14px;background-color:#fff}.music__main-wrap .music__search-area input:focus{outline:none;border-color:#ff4d4d;box-shadow:0 0 0 2px rgba(255,77,77,.15)}.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}.image-crop-page{padding:48px 16px 80px;display:flex;flex-direction:column;gap:32px}.image-crop-page h1{font-size:32px;margin-bottom:8px}.image-crop-page p{line-height:1.5}.image-crop-page__header{display:flex;flex-direction:column;gap:8px}.image-crop-page__upload{border:1px dashed hsla(0,0%,100%,.4);border-radius:16px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;gap:12px;background:hsla(0,0%,100%,.04);text-align:center}.image-crop-page__upload button{padding:12px 28px;border-radius:999px;border:none;font-weight:600;background:linear-gradient(135deg,#ff8a3d,#ff3d81);color:#fff;cursor:pointer}.image-crop-page__upload p{font-size:14px;opacity:.8}.image-crop-page__error{color:#ff6b6b;font-weight:600}.image-crop-page__toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center;padding:16px 24px;border-radius:12px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08)}.image-crop-page__toolbar span{font-size:14px;opacity:.9}.image-crop-page__toolbar-actions{display:flex;gap:12px}.image-crop-page__toolbar-actions button{padding:10px 18px;border-radius:999px;border:1px solid hsla(0,0%,100%,.2);background:transparent;color:inherit;cursor:pointer}.image-crop-page__content{display:flex;gap:32px;align-items:flex-start}.image-crop-page__list{display:flex;flex-direction:column;gap:12px;width:240px}.image-crop-page__thumb{display:flex;gap:12px;padding:12px;border-radius:12px;border:1px solid transparent;background:hsla(0,0%,100%,.04);text-align:left;cursor:pointer;transition:border-color .3s ease,transform .3s ease}.image-crop-page__thumb strong{display:block;font-size:14px;margin-bottom:4px}.image-crop-page__thumb span{font-size:12px;opacity:.8}.image-crop-page__thumb:hover{transform:translateY(-2px)}.image-crop-page__thumb--active{border-color:#ff8a3d;box-shadow:0 0 0 1px rgba(255,138,61,.3)}.image-crop-page__thumb-img{width:64px;aspect-ratio:1/1;border-radius:8px;overflow:hidden;background:rgba(0,0,0,.4)}.image-crop-page__thumb-img img{width:100%;height:100%;object-fit:cover}.image-crop-page__thumb-info{flex:1 1;display:flex;flex-direction:column;justify-content:center}.image-crop-page__editor{flex:1 1;display:flex;flex-direction:column;gap:24px}.image-crop-page__preview{position:relative;max-width:520px;border-radius:16px;overflow:hidden;background:rgba(0,0,0,.6);align-self:center}.image-crop-page__preview,.image-crop-page__preview img{width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.image-crop-page__preview img{display:block;pointer-events:none}.image-crop-page__preview-selection{position:absolute;border:2px solid #ff8a3d;box-shadow:0 0 0 2000px rgba(0,0,0,.55);pointer-events:auto;border-radius:8px;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.image-crop-page__preview-handle{position:absolute;width:12px;height:12px;border-radius:999px;background:#ff8a3d;border:2px solid #fff;box-shadow:0 0 4px rgba(0,0,0,.5);pointer-events:auto}.image-crop-page__preview-handle--nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nwse-resize}.image-crop-page__preview-handle--ne{top:0;right:0;transform:translate(50%,-50%);cursor:nesw-resize}.image-crop-page__preview-handle--se{bottom:0;right:0;transform:translate(50%,50%);cursor:nwse-resize}.image-crop-page__preview-handle--sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:nesw-resize}.image-crop-page__details{display:flex;gap:16px;flex-wrap:wrap;font-size:14px;opacity:.9}.image-crop-page__controls{display:flex;flex-direction:column;gap:24px}.image-crop-page__control-group{display:flex;flex-direction:column;gap:12px}.image-crop-page__label{font-weight:600;font-size:14px}.image-crop-page__ratio-buttons{display:flex;flex-wrap:wrap;gap:8px}.image-crop-page__ratio-buttons button{padding:8px 14px;border-radius:999px;border:1px solid hsla(0,0%,100%,.2);background:transparent;color:inherit;cursor:pointer;font-weight:600;font-size:14px;transition:background .3s ease,color .3s ease}.image-crop-page__ratio-buttons button.is-active{background:#ff8a3d;border-color:#ff8a3d;color:#121212}.image-crop-page__range-values{display:flex;justify-content:space-between;font-size:12px;opacity:.7}.image-crop-page__actions{display:flex;flex-direction:column;gap:16px}.image-crop-page__actions button{padding:12px 18px;border-radius:999px;border:1px solid hsla(0,0%,100%,.2);background:transparent;color:inherit;cursor:pointer;font-weight:600}.image-crop-page__actions .danger{border-color:hsla(0,100%,71%,.6);color:#ff6b6b}.image-crop-page__action-buttons,.image-crop-page__download-options{display:flex;flex-wrap:wrap;gap:12px}.image-crop-page__download-options{align-items:center}.image-crop-page__download-options label{white-space:nowrap}.image-crop-page__download-options select{padding:8px 12px;border-radius:8px;border:1px solid hsla(0,0%,100%,.2);background:rgba(0,0,0,.3);color:inherit;cursor:pointer;min-width:120px}.image-crop-page__quality{display:flex;align-items:center;gap:8px}.image-crop-page__quality input[type=range]{width:140px}.image-crop-page__quality span{font-size:12px;opacity:.7}@media(min-width:768px){.image-crop-page__actions{flex-direction:row;align-items:center;justify-content:space-between}.image-crop-page__download-options{flex:1 1}.image-crop-page__action-buttons{justify-content:flex-end}}@media(max-width:1024px){.image-crop-page__content{flex-direction:column}.image-crop-page__list{width:100%;flex-direction:row;flex-wrap:wrap}.image-crop-page__thumb{flex:1 1 200px}}@media(max-width:640px){.image-crop-page{padding:32px 0 64px}.image-crop-page__preview{max-width:100%}.image-crop-page__toolbar{flex-direction:column;align-items:flex-start}.image-crop-page__toolbar-actions{width:100%}.image-crop-page__toolbar-actions button{flex:1 1;text-align:center}}html.light__mode .image-crop-page__upload{border-color:rgba(0,0,0,.12);background:rgba(0,0,0,.02)}html.light__mode .image-crop-page__toolbar{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.08)}html.light__mode .image-crop-page__thumb{background:rgba(0,0,0,.02)}html.light__mode .image-crop-page__preview{background:rgba(0,0,0,.1)}html.light__mode .image-crop-page__ratio-buttons button.is-active{color:#fff}html.light__mode .image-crop-page__download-options select{background:hsla(0,0%,100%,.9);border-color:rgba(0,0,0,.12);color:#121212}html.light__mode .image-crop-page__preview-handle{border-color:hsla(0,0%,7%,.6)}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}