.sd-mp{--fg:#fafafa;--mute:#8e8e8e;--bg:#1d1d1d;--line:#ffffff14;--track:#ffffff24;background:var(--bg);width:min(100%,310px);color:var(--fg);box-shadow:inset 0 0 0 1px var(--line);font-feature-settings:"tnum";border-radius:24px;grid-template-columns:72px 1fr;align-items:center;gap:12px 14px;padding:14px;display:grid}.sd-mp[data-fill=light]{--fg:#121212;--mute:#6f6f6f;--bg:#fff;--line:#00000014;--track:#0000001a}.sd-mp[data-layout=stack]{text-align:center;grid-template-columns:1fr;justify-items:center;width:min(100%,230px)}.sd-mp[data-layout=stack] .sd-mp__art{width:120px;height:120px}.sd-mp__art{border-radius:16px;width:72px;height:72px;transition:transform .5s cubic-bezier(.3,1.5,.4,1),background .6s;position:relative;transform:scale(.92);box-shadow:0 12px 26px -10px #000000b3,inset 0 0 0 1px #ffffff14}.sd-mp[data-playing] .sd-mp__art{transform:none}.sd-mp__disc{background:var(--mp-a);border-radius:999px;width:46%;height:46%;position:absolute;top:18%;left:18%}.sd-mp__eq{opacity:0;align-items:flex-end;gap:2px;height:14px;transition:opacity .3s;display:flex;position:absolute;bottom:7px;right:7px}.sd-mp[data-playing] .sd-mp__eq{opacity:1}.sd-mp__eq i{transform-origin:bottom;background:#fff;border-radius:2px;width:3px;height:100%;animation:.9s ease-in-out infinite sd-mp-eq}.sd-mp__eq i:nth-child(2){animation-delay:-300ms}.sd-mp__eq i:nth-child(3){animation-delay:-600ms}.sd-mp__eq i:nth-child(4){animation-delay:-150ms}@keyframes sd-mp-eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.sd-mp__meta{min-width:0}.sd-mp__meta h3{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:17px;font-weight:600;overflow:hidden}.sd-mp__meta p{color:var(--mute);margin:2px 0 0;font-size:13.5px}.sd-mp__scrub{grid-column:1/-1;width:100%}.sd-mp__scrub input{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:0}.sd-mp__scrub input::-webkit-slider-runnable-track{background:linear-gradient(var(--fg), var(--fg)) 0 / var(--p) 100% no-repeat, var(--track);border-radius:5px;height:5px}.sd-mp__scrub input::-moz-range-track{background:linear-gradient(var(--fg), var(--fg)) 0 / var(--p) 100% no-repeat, var(--track);border-radius:5px;height:5px}.sd-mp__scrub input::-webkit-slider-thumb{appearance:none;background:var(--fg);border-radius:99px;width:13px;height:13px;margin-top:-4px;transition:transform .2s;transform:scale(0)}.sd-mp__scrub input::-moz-range-thumb{background:var(--fg);border:0;border-radius:99px;width:13px;height:13px}.sd-mp__scrub:hover input::-webkit-slider-thumb{transform:scale(1)}.sd-mp__scrub input:focus-visible::-webkit-slider-thumb{transform:scale(1)}.sd-mp__scrub input:focus-visible{outline:2px solid var(--fg);outline-offset:2px;border-radius:6px}.sd-mp__times{color:var(--mute);justify-content:space-between;font-size:11.5px;display:flex}.sd-mp__ctrl{grid-column:1/-1;justify-content:center;align-items:center;gap:22px;display:flex}.sd-mp__ctrl button{width:36px;height:36px;color:var(--fg);border-radius:99px;place-items:center;transition:transform .25s cubic-bezier(.3,1.6,.4,1);display:grid}.sd-mp__ctrl button:active{transform:scale(.86)}.sd-mp__ctrl button:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-mp__ctrl svg{fill:currentColor;stroke:currentColor;stroke-width:.6px;stroke-linejoin:round;width:20px}.sd-mp__ctrl svg path:first-child:not([class]){fill:none;stroke-width:1.8px;stroke-linecap:round}.sd-mp__play{background:var(--fg);width:48px!important;height:48px!important;color:var(--bg)!important}.sd-mp__play svg path{transition:d .3s cubic-bezier(.3,1.3,.4,1)}@media (prefers-reduced-motion:reduce){.sd-mp *,.sd-mp__eq i{transition:none!important;animation:none!important}}