.aplayer.svelte-es3fdp{--base-font-size:12px;--aplayer-height:calc(var(--base-font-size) * 5.5);--lrc-height:calc(calc(var(--base-font-size) + 4px) * 2);--aplayer-height-lrc:calc(var(--aplayer-height) + var(--lrc-height) - 6px);--theme-color:#fadfa3;-webkit-user-select:none;user-select:none;background:#fff;border-radius:2px;margin:5px;font-family:Arial,Helvetica,sans-serif;line-height:normal;position:relative;overflow:hidden;box-shadow:0 2px 2px #00000012,0 1px 5px #0000001a}.aplayer.svelte-es3fdp svg:where(.svelte-es3fdp){width:100%;height:100%}.aplayer.svelte-es3fdp svg:where(.svelte-es3fdp) path:where(.svelte-es3fdp){fill:#fff}.aplayer.svelte-es3fdp .aplayer-icon:where(.svelte-es3fdp){width:calc(var(--base-font-size) + 3px);height:calc(var(--base-font-size) + 3px);cursor:pointer;opacity:.8;vertical-align:middle;font-size:var(--base-font-size);background-color:#0000;border:none;outline:none;margin:0;padding:0;display:inline-block}.aplayer.svelte-es3fdp .aplayer-icon:where(.svelte-es3fdp) path:where(.svelte-es3fdp){transition:all .2s ease-in-out}.aplayer.svelte-es3fdp .aplayer-pic:where(.svelte-es3fdp){float:left;height:var(--aplayer-height);width:var(--aplayer-height);cursor:pointer;background-color:#faebd7;background-position:50%;background-size:cover;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.aplayer.svelte-es3fdp .aplayer-pic:where(.svelte-es3fdp):hover .aplayer-button:where(.svelte-es3fdp){opacity:1}.aplayer.svelte-es3fdp .aplayer-pic:where(.svelte-es3fdp) .aplayer-button:where(.svelte-es3fdp){box-sizing:content-box;opacity:.8;text-shadow:0 1px 1px #0003;background:#0003;border-radius:50%;transition:all .1s;position:absolute;box-shadow:0 1px 1px #0003}.aplayer.svelte-es3fdp .aplayer-pic:where(.svelte-es3fdp) .aplayer-play:where(.svelte-es3fdp){width:26px;height:26px}.aplayer.svelte-es3fdp .aplayer-pic:where(.svelte-es3fdp) .aplayer-play:where(.svelte-es3fdp) svg:where(.svelte-es3fdp){width:20px;height:20px;position:absolute;top:3px;left:4px}.aplayer.svelte-es3fdp .aplayer-pic:where(.svelte-es3fdp) .aplayer-pause:where(.svelte-es3fdp){border:2px solid #fff;width:16px;height:16px;bottom:0;right:4px}.aplayer.svelte-es3fdp .aplayer-pic:where(.svelte-es3fdp) .aplayer-pause:where(.svelte-es3fdp) svg:where(.svelte-es3fdp){width:12px;height:12px;position:absolute;top:2px;left:2px}.aplayer.svelte-es3fdp .aplayer-info:where(.svelte-es3fdp){margin-left:var(--aplayer-height);height:var(--aplayer-height);box-sizing:border-box;padding:14px 7px 0 10px}.aplayer.svelte-es3fdp .aplayer-info:where(.svelte-es3fdp) .aplayer-music:where(.svelte-es3fdp){white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:text;user-select:text;margin:0 0 calc(var(--base-font-size) + 1px) 5px;cursor:default;padding-bottom:2px;overflow:hidden}.aplayer.svelte-es3fdp .aplayer-info:where(.svelte-es3fdp) .aplayer-music:where(.svelte-es3fdp) .aplayer-title:where(.svelte-es3fdp){font-size:calc(var(--base-font-size) + 2px)}.aplayer.svelte-es3fdp .aplayer-info:where(.svelte-es3fdp) .aplayer-music:where(.svelte-es3fdp) .aplayer-artist:where(.svelte-es3fdp){font-size:var(--base-font-size);color:#666}.aplayer.svelte-es3fdp .aplayer-info:where(.svelte-es3fdp) .aplayer-controller:where(.svelte-es3fdp){align-items:center;display:flex;position:relative}.aplayer.svelte-es3fdp .aplayer-info:where(.svelte-es3fdp) .aplayer-controller:where(.svelte-es3fdp) .aplayer-bar-wrap:where(.svelte-es3fdp){flex:1;margin:0 0 0 5px;padding:4px 0;cursor:pointer!important}.aplayer.svelte-es3fdp .aplayer-info:where(.svelte-es3fdp) .aplayer-controller:where(.svelte-es3fdp) .aplayer-bar-wrap:where(.svelte-es3fdp):hover .aplayer-bar:where(.svelte-es3fdp) .aplayer-played:where(.svelte-es3fdp) .aplayer-thumb:where(.svelte-es3fdp){transform:scale(1)}.aplayer.svelte-es3fdp .aplayer-info:where(.svelte-es3fdp) .aplayer-controller:where(.svelte-es3fdp) .aplayer-bar-wrap:where(.svelte-es3fdp) .aplayer-bar:where(.svelte-es3fdp){background:#cdcdcd;width:100%;height:2px;position:relative}.aplayer.svelte-es3fdp .aplayer-info:where(.svelte-es3fdp) .aplayer-controller:where(.svelte-es3fdp) .aplayer-bar-wrap:where(.svelte-es3fdp) .aplayer-bar:where(.svelte-es3fdp) .aplayer-loaded:where(.svelte-es3fdp){background:#aaa;height:2px;transition:all .5s;position:absolute;top:0;bottom:0;left:0}.aplayer.svelte-es3fdp .aplayer-info:where(.svelte-es3fdp) .aplayer-controller:where(.svelte-es3fdp) .aplayer-bar-wrap:where(.svelte-es3fdp) .aplayer-bar:where(.svelte-es3fdp) .aplayer-played:where(.svelte-es3fdp){background:var(--theme-color) none repeat scroll 0 0;height:2px;position:absolute;top:0;bottom:0;left:0}.aplayer.svelte-es3fdp .aplayer-info:where(.svelte-es3fdp) .aplayer-controller:where(.svelte-es3fdp) .aplayer-bar-wrap:where(.svelte-es3fdp) .aplayer-bar:where(.svelte-es3fdp) .aplayer-played:where(.svelte-es3fdp) .aplayer-thumb:where(.svelte-es3fdp){cursor:pointer;background:var(--theme-color) none repeat scroll 0 0;border-radius:50%;width:10px;height:10px;margin-top:-4px;margin-right:-10px;transition:all .3s ease-in-out;position:absolute;top:0;right:5px;transform:scale(0)}.aplayer.svelte-es3fdp .aplayer-info:where(.svelte-es3fdp) .aplayer-controller:where(.svelte-es3fdp) .aplayer-time:where(.svelte-es3fdp){height:calc(var(--base-font-size) + 5px);color:#999;padding-left:7px;font-size:11px;position:relative;bottom:4px;right:0}.aplayer.svelte-es3fdp .aplayer-info:where(.svelte-es3fdp) .aplayer-controller:where(.svelte-es3fdp) .aplayer-time:where(.svelte-es3fdp) .aplayer-time-inner:where(.svelte-es3fdp){vertical-align:center}.aplayer.svelte-es3fdp .aplayer-info:where(.svelte-es3fdp) .aplayer-controller:where(.svelte-es3fdp) .aplayer-time:where(.svelte-es3fdp) .aplayer-icon:where(.svelte-es3fdp){cursor:pointer;transition:all .2s}.aplayer.svelte-es3fdp .aplayer-info:where(.svelte-es3fdp) .aplayer-controller:where(.svelte-es3fdp) .aplayer-time:where(.svelte-es3fdp) .aplayer-icon:where(.svelte-es3fdp) path:where(.svelte-es3fdp){fill:#666}.aplayer.svelte-es3fdp .aplayer-info:where(.svelte-es3fdp) .aplayer-controller:where(.svelte-es3fdp) .aplayer-volume-wrap:where(.svelte-es3fdp){cursor:pointer;margin-left:3px;display:inline-block;position:relative}.aplayer.svelte-es3fdp .aplayer-info:where(.svelte-es3fdp) .aplayer-controller:where(.svelte-es3fdp) .aplayer-volume-wrap:where(.svelte-es3fdp):hover .aplayer-volume-bar-wrap:where(.svelte-es3fdp){height:40px}.aplayer.svelte-es3fdp .aplayer-info:where(.svelte-es3fdp) .aplayer-controller:where(.svelte-es3fdp) .aplayer-volume-wrap:where(.svelte-es3fdp) .aplayer-volume-bar-wrap:where(.svelte-es3fdp){z-index:99;width:25px;height:0;transition:all .2s ease-in-out;position:absolute;bottom:15px;right:-3px;overflow:hidden}.aplayer.svelte-es3fdp .aplayer-info:where(.svelte-es3fdp) .aplayer-controller:where(.svelte-es3fdp) .aplayer-volume-wrap:where(.svelte-es3fdp) .aplayer-volume-bar-wrap:where(.svelte-es3fdp) .aplayer-volume-bar:where(.svelte-es3fdp){background:#aaa;border-radius:2.5px;width:5px;height:35px;position:absolute;bottom:0;right:10px;overflow:hidden}.aplayer.svelte-es3fdp .aplayer-info:where(.svelte-es3fdp) .aplayer-controller:where(.svelte-es3fdp) .aplayer-volume-wrap:where(.svelte-es3fdp) .aplayer-volume-bar-wrap:where(.svelte-es3fdp) .aplayer-volume-bar:where(.svelte-es3fdp) .aplayer-volume:where(.svelte-es3fdp){background:var(--theme-color) none repeat scroll 0 0;width:5px;transition:all .1s;position:absolute;bottom:0;right:0}.aplayer.svelte-es3fdp .aplayer-lrc:where(.svelte-es3fdp){height:var(--lrc-height);text-align:center;margin:-10px 0 calc(var(--base-font-size) - 5px);display:none;position:relative;overflow:hidden}.aplayer.svelte-es3fdp .aplayer-lrc:where(.svelte-es3fdp) p:where(.svelte-es3fdp){font-size:var(--base-font-size);color:#666;opacity:.4;transition:all .5s ease-out;overflow:hidden;line-height:calc(var(--base-font-size) + 4px)!important;height:calc(var(--base-font-size) + 4px)!important;margin:0!important;padding:0!important}.aplayer.svelte-es3fdp .aplayer-lrc:where(.svelte-es3fdp) p.aplayer-lrc-current:where(.svelte-es3fdp){opacity:1;min-height:16px;overflow:visible;height:initial!important}.aplayer.svelte-es3fdp .aplayer-lrc:where(.svelte-es3fdp) .aplayer-lrc-contents:where(.svelte-es3fdp){-webkit-user-select:text;user-select:text;cursor:default;width:100%;transition:all .5s ease-out}.aplayer.svelte-es3fdp .aplayer-list:where(.svelte-es3fdp){will-change:height;margin:0;padding:0;list-style-type:none;transition:all .5s;display:none;overflow:hidden auto}.aplayer.svelte-es3fdp .aplayer-list:where(.svelte-es3fdp) ol:where(.svelte-es3fdp){margin:0;padding:0;list-style-type:none;overflow-y:auto}.aplayer.svelte-es3fdp .aplayer-list:where(.svelte-es3fdp) li:where(.svelte-es3fdp){text-align:left;height:calc((var(--base-font-size) + 4px) * 2);line-height:32px;font-size:var(--base-font-size);cursor:pointer;border-top:1px solid #e9e9e9;margin:0;padding:0 15px;transition:all .2s;position:relative;overflow:hidden}.aplayer.svelte-es3fdp .aplayer-list:where(.svelte-es3fdp) li:where(.svelte-es3fdp):first-child{border-top:none}.aplayer.svelte-es3fdp .aplayer-list:where(.svelte-es3fdp) li:where(.svelte-es3fdp):hover{background:#efefef}.aplayer.svelte-es3fdp .aplayer-list:where(.svelte-es3fdp) li:where(.svelte-es3fdp) .aplayer-list-cur:where(.svelte-es3fdp){width:3px;height:calc((var(--base-font-size) + 4px) * 2 - 10px);cursor:pointer;background-color:var(--theme-color);position:absolute;top:5px;left:0}.aplayer.svelte-es3fdp .aplayer-list:where(.svelte-es3fdp) li:where(.svelte-es3fdp) .aplayer-list-index:where(.svelte-es3fdp){color:#666;cursor:pointer;margin-right:12px}.aplayer.svelte-es3fdp .aplayer-list:where(.svelte-es3fdp) li:where(.svelte-es3fdp) .aplayer-list-artist:where(.svelte-es3fdp){color:#666;float:right;cursor:pointer}.aplayer.aplayer-withlrc.svelte-es3fdp .aplayer-pic:where(.svelte-es3fdp){height:var(--aplayer-height-lrc);width:var(--aplayer-height-lrc)}.aplayer.aplayer-withlrc.svelte-es3fdp .aplayer-info:where(.svelte-es3fdp){margin-left:var(--aplayer-height-lrc);height:var(--aplayer-height-lrc);padding:10px 7px 0}.aplayer.aplayer-withlrc.svelte-es3fdp .aplayer-lrc:where(.svelte-es3fdp),.aplayer.aplayer-withlist.svelte-es3fdp .aplayer-list:where(.svelte-es3fdp){display:block}.aplayer.aplayer-narrow.svelte-es3fdp{width:var(--aplayer-height)}.aplayer.aplayer-narrow.svelte-es3fdp .aplayer-info:where(.svelte-es3fdp),.aplayer.aplayer-narrow.svelte-es3fdp .aplayer-list:where(.svelte-es3fdp){display:none}.aplayer.aplayer-narrow.svelte-es3fdp .aplayer-pic:where(.svelte-es3fdp),.aplayer.aplayer-narrow.svelte-es3fdp .aplayer-body:where(.svelte-es3fdp){height:var(--aplayer-height);width:var(--aplayer-height)}.aplayer.aplayer-mobile.svelte-es3fdp .aplayer-icon-volume-down:where(.svelte-es3fdp){display:none}@keyframes svelte-es3fdp-aplayer-roll{0%{left:0}to{left:-100%}}@keyframes svelte-es3fdp-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{color:#242424;font-synthesis:none;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit}.demo-shell{width:min(960px,100% - 40px);margin:0 auto;padding:64px 0 96px}.demo-header{text-align:center;margin-bottom:56px}.demo-header h1{margin:12px 0 8px;font-size:clamp(2rem,8vw,4rem);line-height:1}.demo-header p{color:#666;margin:0}.badge{color:#666;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700;display:inline-flex}.demo-nav{justify-content:center;gap:10px;margin-top:24px;display:flex}.demo-nav a{border-bottom:1px solid #0000;padding:8px 2px;text-decoration:none}.demo-nav a[aria-current=page]{border-color:currentColor}.demo-grid{display:grid}.demo-card{border-top:1px solid #eee;padding:32px 0 40px}.demo-card h2{color:#555;margin:0 5px 20px;font-size:.875rem;font-weight:600}.player-frame{min-height:96px}s-aplayer{display:block}@media (width<=560px){.demo-shell{width:min(100% - 20px,960px);padding-top:32px}.demo-card{padding:28px 0 32px}}