:where(.sp-mf){width:100%;font:inherit;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;display:inline-block;position:relative;overflow:hidden}:where(.sp-mf--spotify){height:152px}:where(.sp-mf--youtube){aspect-ratio:16/9}.sp-mf__in{border-radius:inherit;color:var(--c-text);background:radial-gradient(120% 140% at 0% 0%, color-mix(in oklab, var(--c-accent) 22%, transparent), transparent 60%), linear-gradient(135deg, color-mix(in oklab, var(--c-surface) 88%, var(--c-accent)), var(--c-surface));align-items:center;gap:16px;padding:16px 20px;display:flex;position:absolute;inset:0}.sp-mf--youtube .sp-mf__in{text-align:center;flex-direction:column;justify-content:center}.sp-mf__play{width:58px;height:58px;color:var(--c-surface);background:var(--c-accent);box-shadow:0 0 0 6px color-mix(in oklab, var(--c-accent) 22%, transparent), 0 12px 24px -12px #00000080;border-radius:50%;flex:none;place-items:center;transition:transform .25s,box-shadow .25s;display:grid}.sp-mf__play svg{fill:currentColor;width:24px;height:24px;margin-inline-start:3px}.sp-mf:hover:not(:disabled) .sp-mf__play,.sp-mf:focus-visible .sp-mf__play{box-shadow:0 0 0 9px color-mix(in oklab, var(--c-accent) 26%, transparent), 0 14px 28px -12px #0000008c;transform:scale(1.07)}.sp-mf:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px}.sp-mf:disabled{cursor:default}.sp-mf__text{gap:4px;min-width:0;display:grid}.sp-mf__title{font:600 clamp(1rem, 2.4cqi, 1.2rem) / 1.25 var(--f-display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sp-mf__note{font:600 .7rem / 1.3 var(--f-label);letter-spacing:.1em;text-transform:uppercase;color:var(--c-text-soft,currentColor)}@media (prefers-reduced-motion:reduce){.sp-mf__play{transition:none}}