/* 04: a small wave in existing active-row tint, then short accent transitions.
   Never interpolate the inherited body token or repaint neutral page backgrounds. */
.archive-brand{transition:background-color 300ms cubic-bezier(.2,.75,.25,1)}
:is(.primary,.big-play,.dock-buttons .dock-play){transition:background-color 260ms ease 45ms,color 180ms ease,transform .45s cubic-bezier(.34,1.45,.64,1)}
:is(.eyebrow,.bottom button[aria-current=page],.mini>#mini-play,.inline-history-heading strong span){transition:color 240ms ease 85ms,transform .45s cubic-bezier(.34,1.45,.64,1)}
.song-save-fill{transition:background-color 220ms ease 110ms}
:is(.track,.history-record){transition:background-color 300ms ease 70ms}
:is(.inline-history-members button,#members button,.playlist-icon-grid button){transition:background-color 240ms ease 90ms,border-color 240ms ease 90ms,color 180ms ease,transform .45s cubic-bezier(.34,1.45,.64,1)}
.history-reveal>.history{transition:border-left-color 240ms ease 100ms}
.archive-accent-waving{position:relative}
.archive-accent-wave{position:absolute;inset:0;border-radius:inherit;background:var(--archive-accent);pointer-events:none;opacity:0;clip-path:circle(0% at 24px 50%)}
@media(prefers-reduced-motion:reduce){
 :is(.archive-brand,.primary,.big-play,.dock-buttons .dock-play,.eyebrow,.bottom button[aria-current=page],.mini>#mini-play,.inline-history-heading strong span,.song-save-fill,.track,.history-record,.inline-history-members button,#members button,.playlist-icon-grid button,.history-reveal>.history){transition:none!important}
 .archive-accent-wave{display:none}
}