/* Reference save transition, in the archive's blue accent. */
.song-save-mark{--save-accent:var(--archive-accent,#FFFFFF);width:20px;height:20px;position:relative;display:inline-grid;place-items:center;vertical-align:middle}
.song-save-fill,.song-save-plus,.song-save-tick{position:absolute;inset:0;display:grid;place-items:center}
.song-save-fill{border-radius:50%;background:var(--save-accent);opacity:0;transform:scale(0)}
.song-save-plus svg{width:20px;height:20px}
.song-save-tick{opacity:0;transform:scale(.4);color:#10243f}
.song-save-tick svg{width:13px;height:13px;stroke-width:3}
.is-saved .song-save-fill{opacity:1;transform:scale(1)}
.is-saved .song-save-plus{opacity:0;transform:scale(.35) rotate(90deg)}
.is-saved .song-save-tick{opacity:1;transform:scale(1)}
.song-save-spark{position:absolute;top:50%;left:50%;width:2.5px;height:2.5px;border-radius:50%;background:var(--save-accent);opacity:0;pointer-events:none}
@media(min-width:1024px){.song-save-mark{--save-accent:var(--archive-accent,#FFFFFF)}.song-save-tick{color:#10243f}}