*{box-sizing:border-box;margin:0;padding:0}button{font:inherit;color:currentColor;opacity:1;background-color:#0000;border-radius:0}html{font-family:monospace,system-ui,sans-serif;font-size:16px;line-height:1.375}body{color:#f0f0f0;user-select:none;background-color:#222;font-size:clamp(.875rem,.83rem + .23svw,1rem);&.mobile{background-color:#111}}title-display[data-astro-cid-bqolztqk]{white-space:nowrap;text-align:center;flex-direction:column;display:flex;& span{overflow-inline:hidden;text-overflow:ellipsis;user-select:all}}control-button[data-astro-cid-hfewyxw5]{align-items:center;display:flex;& button{aspect-ratio:1;cursor:pointer;color:currentColor;background-color:#0000;border:none;inline-size:1.375rem;position:relative;&:disabled{cursor:not-allowed;color:#aaa}}}svg[data-astro-cid-uciatqyw]{fill:currentColor;block-size:100%;inline-size:100%;position:absolute;inset:0}control-bar[data-astro-cid-nxgcpreu]{flex-grow:1;align-items:center;display:flex;& input{cursor:pointer;inline-size:100%;&:disabled{cursor:not-allowed}}}play-control[data-astro-cid-jbf7hqbt]{align-items:center;gap:.375rem;display:flex}volume-control[data-astro-cid-flhejzgy]{align-items:center;gap:.375rem;display:flex;& .volume-text{min-inline-size:2rem}}tempo-control[data-astro-cid-5wtnngso]{align-items:center;gap:.375rem;display:flex}music-player[data-astro-cid-kxnp7kdz]{flex-direction:column;gap:.375rem;display:flex}.volume-and-tempo[data-astro-cid-kxnp7kdz]{justify-content:space-between;gap:1.125rem;display:flex}music-uploader[data-astro-cid-iigpjxrh]{justify-content:center;display:flex;& button{block-size:1.75rem;color:inherit;cursor:pointer;background-color:#3a3a3a;border:none;border-radius:100vmax;max-inline-size:43%;padding:.35rem;display:inline-flex;&:hover{filter:brightness(1.2)}& svg{fill:currentColor;block-size:100%;inline-size:100%}}}.mobile music-uploader[data-astro-cid-iigpjxrh]{& button{background-color:#282828}}playing-bars[data-astro-cid-g46vvsng]{align-items:flex-end;gap:.1rem;block-size:1rem;padding-block-end:.1rem;display:flex;position:absolute;inset-block-start:.25rem;inset-inline-start:.25rem;& .playing-bar{background-color:currentColor;block-size:100%;inline-size:.25rem;animation:1.3s infinite alternate up-and-down;display:inline-block;&.paused{animation-play-state:paused}&.hidden{display:none}}& .playing-bar-1{block-size:60%}& .playing-bar-2{block-size:30%;animation-delay:-2.4s}& .playing-bar-3{block-size:75%;animation-delay:-3.7s}}@keyframes up-and-down{10%{block-size:30%}30%{block-size:100%}60%{block-size:50%}80%{block-size:75%}to{block-size:20%}}loading-circle[data-astro-cid-q5txhe4b]{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0;& .loader{border:.175rem solid;border-block-start-color:#555;border-radius:100vmax;block-size:.875rem;inline-size:.875rem;animation:.8s linear infinite spin;&.hidden{display:none}}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}music-list[data-astro-cid-46f4uh54]{padding-inline:1.375rem;& ul{list-style-type:none;& li{block-size:1.75rem;display:flex;position:relative;& .indicator{block-size:1.5rem;inline-size:1.5rem;position:absolute;inset-block-start:50%;inset-inline-start:-1.375rem;transform:translateY(-50%)}& .play-button{cursor:pointer;border:none;border-radius:.375rem;align-items:center;inline-size:100%;padding-inline:.375rem;display:flex;&:hover{filter:brightness(1.25);background-color:#292929}& .title{text-align:start;white-space:nowrap;overflow-inline:hidden;text-overflow:ellipsis;inline-size:85%}& .duration{visibility:visible;opacity:1;color:#9c9c9c;text-align:end;inline-size:15%}}}}}main[data-astro-cid-lcdefpme]{grid-template-rows:auto 1fr;block-size:100svh;display:grid}.music-player[data-astro-cid-lcdefpme]{color:#e2e2e2;overflow-block:auto;scrollbar-color:#1b1b1b transparent;scrollbar-gutter:stable both-edges;background-color:#1b1b1b;max-inline-size:100svw}.mobile .music-player[data-astro-cid-lcdefpme]{background-color:#000}.music-manager[data-astro-cid-lcdefpme]{overflow-inline:hidden;overflow-block:auto;scrollbar-color:#050505 transparent;scrollbar-gutter:stable both-edges;max-inline-size:100svw}.container[data-astro-cid-lcdefpme]{flex-direction:column;gap:1rem;inline-size:clamp(20rem,100%,30rem);margin-inline:auto;padding:1.25rem;display:flex}