.ap-player{--ap-fill: 0%;--ap-track-font-size: .74rem;--ap-title-font-size: .6rem;--ap-progress-font-size: .68rem;display:block;width:100%;max-width:500px;margin:0 auto;color:var(--ap-text, #ddd);font-family:Noto Sans,sans-serif;font-weight:200}.ap-list{list-style:none;padding:0;margin:1em 0 0;text-align:left}.ap-track{display:flex;align-items:center;justify-content:space-between;gap:.6em;font-family:var(--ap-track-font, inherit);font-size:var(--ap-track-font-size);letter-spacing:var(--ap-track-letter-spacing, 2px);padding:.4em;cursor:pointer;opacity:.55;transition:opacity .2s ease,color .2s ease;border-bottom:1px solid var(--ap-divider, rgba(255, 255, 255, .08))}.ap-track:hover{opacity:.9}.ap-track.is-current{opacity:1;color:var(--ap-text-current, white)}.ap-track-title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ap-eq{display:none;align-items:flex-end;gap:2px;height:14px;flex:0 0 auto}.ap-track.is-current .ap-eq{display:inline-flex}.ap-eq i{display:block;width:3px;height:4px;background:currentColor;border-radius:1px;transform-origin:bottom}.ap-track.is-current.is-playing .ap-eq i:nth-child(1){animation:ap-eq-1 .6s ease-in-out infinite}.ap-track.is-current.is-playing .ap-eq i:nth-child(2){animation:ap-eq-2 .72s ease-in-out infinite}.ap-track.is-current.is-playing .ap-eq i:nth-child(3){animation:ap-eq-3 .54s ease-in-out infinite}@keyframes ap-eq-1{0%,to{height:4px}50%{height:12px}}@keyframes ap-eq-2{0%,to{height:8px}50%{height:14px}}@keyframes ap-eq-3{0%,to{height:5px}50%{height:10px}}.ap-card{background:var(--ap-card-bg, rgba(255, 255, 255, .06));border:1px solid var(--ap-card-border, rgba(255, 255, 255, .08));border-radius:var(--ap-card-radius, 10px);padding:.7em .9em;display:flex;flex-direction:column;gap:.55em}.ap-card-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.6em}.ap-title{justify-self:start;text-align:left;font-family:var(--ap-title-font, inherit);letter-spacing:0;font-size:var(--ap-title-font-size);opacity:.8;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;transform:translateY(-2px)}.ap-controls{display:flex;gap:.25em;justify-self:center}.ap-controls button{background:transparent;color:var(--ap-text, #ddd);border:0;padding:.25em;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:.85;transition:opacity .15s ease,color .15s ease}.ap-controls button:hover{opacity:1;color:var(--ap-text-current, white)}.ap-controls .ap-play{opacity:1}.ap-controls svg{width:28px;height:28px;display:block}.ap-controls .ap-play svg{width:34px;height:34px}.ap-volume-wrap{justify-self:end;display:flex;align-items:center;gap:.4em;width:80px;opacity:.7;box-sizing:border-box}.ap-volume-icon{display:inline-flex;align-items:center;flex:0 0 auto}.ap-volume-icon svg{width:14px;height:14px;color:var(--ap-text, #ddd)}.ap-volume{flex:1 1 auto;min-width:0}.ap-card-progress{display:flex;align-items:center;gap:.6em;font-family:var(--ap-progress-font, inherit);font-size:var(--ap-progress-font-size);letter-spacing:var(--ap-progress-letter-spacing, 1px);opacity:.75}.ap-card-progress .ap-seek{flex:1 1 auto;min-width:0}.ap-current{text-align:left;font-variant-numeric:tabular-nums}.ap-duration{text-align:right;font-variant-numeric:tabular-nums}.ap-player input[type=range]{appearance:none;-webkit-appearance:none;background:linear-gradient(to right,var(--ap-fill-color, var(--ap-text, #ddd)) 0%,var(--ap-fill-color, var(--ap-text, #ddd)) var(--ap-fill),var(--ap-track-bg, rgba(255, 255, 255, .18)) var(--ap-fill),var(--ap-track-bg, rgba(255, 255, 255, .18)) 100%);height:3px;border-radius:2px;outline:none;cursor:pointer}.ap-player input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:11px;height:11px;background:var(--ap-fill-color, var(--ap-text, #ddd));border-radius:50%;cursor:pointer;border:0}.ap-player input[type=range]::-moz-range-thumb{width:11px;height:11px;background:var(--ap-fill-color, var(--ap-text, #ddd));border-radius:50%;border:0;cursor:pointer}@media(min-width:700px){.ap-player{--ap-track-font-size: .83rem;--ap-title-font-size: .65rem}.ap-card{padding:.85em 1.1em}.ap-volume-wrap{width:95px}}.ap-player.is-album{max-width:900px}.ap-album-layout{display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:start}.ap-album-cover img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:4px}.ap-album-meta{margin-top:.6rem;text-align:left}.ap-album-title{font-weight:600;font-size:.84rem;letter-spacing:1px}.ap-album-artist,.ap-album-year{opacity:.7;font-size:.7rem;letter-spacing:1px}.ap-album-body .ap-list{margin-top:.75rem}@media(min-width:700px){.ap-album-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:1.5rem}.ap-album-body .ap-list{margin-top:1rem}}