ul{list-style:none;display:flex;overflow-y:auto;overflow-x:hidden;user-select:none;scrollbar-width:thin;scrollbar-color:#ffffff80 transparent;border-radius:5px;flex-direction:column;gap:5px;width:100%;height:300px;max-height:300px;margin:0;padding:0}li{cursor:pointer;border-radius:5px;padding:5px 10px}li:hover{background-color:#ffffff17}.progress-container{position:relative;box-sizing:border-box;cursor:pointer;touch-action:none;width:100%;height:5px;padding:10px 0}.progress-container .seek,.buffered{position:absolute;width:0%;height:5px;transition:height .2s cubic-bezier(.215,.61,.355,1),transform .2s cubic-bezier(.215,.61,.355,1);transform:translateY(0)}.progress-container:hover div{height:10px;transform:translateY(-3.5px)}.progress-container .seek{z-index:1;background-color:#fff}.progress-container .buffered{background-color:#ffffff26}.art{aspect-ratio:1;overflow:hidden;position:relative;background-color:#414141;border-radius:5px;width:100%;max-width:300px}.track-art{user-select:none;width:100%;transition:opacity .25s cubic-bezier(.215,.61,.355,1);height:100%!important}.controls{position:absolute;opacity:0;background-position:50%;background-repeat:no-repeat;background-size:96px 96px;width:100%;height:100%;transition:opacity .15s cubic-bezier(.25,.46,.45,.94)}.controls:hover{opacity:1}.controls.play{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADABAMAAACg8nE0AAAAIVBMVEVHcEz///////////////////////////////////////+PBM77AAAACnRSTlMA30BwIBCfv4/vvSglQAAAAbBJREFUeNrt2sFVg0AUheFXAiVQAiWkBEqwBEqgBEpwjCC8Kl24MQaYkXn/Qs/9C+BbTLhwkpgppZRSSimllFL/pxsNJBrwNxrwhga8owHHgYUG/J0GyIP+ArylgUQDfqcBf6UBf6EBv9FAogFmWL8DyP32ABDD+gg4Diw0ED+sP4Hwg34Coof1GUg0EDysO0DssO4BocO6C0QO6z6QaCBwWA+AuPvtCAgb1kPAcWChgaBhPQFiDvoMCBnWUyDRQMSwngMBw5oB6oc1B1QPaxZINFA7rHmg8n4rAOqGtQRwHFhooGZYy4CKgy4Erg9rKZBo4PKwFgNXh7UcuDisvwASDbQwMMBnMMOfohW+DzZ6KjoYqHioFV2/5rFccv0P+onWw8BoLDAZC9S+YNNvjlmghYHBWGA2FliNBTaDgQ4GGmOBoK+MmAktAXoYGI0FJmOBwC9/mQnNAS0MDMYCs7HAaiywGQx0MNAYC8T/nMlM6CHQw8BoLDAZCzB/TGAmdBdoYWAwFpiNBVZjgc1goIOBxlgA/asdM6GPQA8Do7HAxF7f7qaUUkoppZRSSqk/0yei33A7ZXHnfAAAAABJRU5ErkJggg==)}.controls.pause{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADAAQMAAABoEv5EAAAABlBMVEVHcEz///+flKJDAAAAAXRSTlMAQObYZgAAAC1JREFUWMPtyUERACAMA7ByGEcazoqPkXyTAH/YbXuS1bZXCCGEEEKIWQFM9gCcwAp9jnz8uAAAAABJRU5ErkJggg==)}.dim{position:absolute;will-change:background-color;background-color:#0000;width:100%;height:100%;transition:background-color .2s cubic-bezier(.25,.46,.45,.94)}.art:hover .dim{background-color:#0006}:root{--buncss-light:initial;--buncss-dark: ;color-scheme:light dark;color:#ffffffde;background-color:#000;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Avenir,Helvetica,Arial,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--buncss-light: ;--buncss-dark:initial}}img,li{display:block}body{display:grid;position:relative;place-items: center;min-width:320px;min-height:100vh;margin:0}main{display:flex;box-sizing:border-box;flex-direction:column;justify-content:center;align-items: center;gap:30px;width:100vw;max-width:500px;padding:30px 10px}