:root{
--cs-motion-fast:120ms; /* @kind other */
--cs-motion-base:180ms; /* @kind other */
--cs-motion-slow:320ms; /* @kind other */
--cs-motion-stagger:60ms; /* @kind other */
--cs-ease-standard:cubic-bezier(0.2,0,0,1); /* @kind other */
--cs-ease-emphasised:cubic-bezier(0.16,1,0.3,1); /* @kind other */
}
@keyframes cs-fade-up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes cs-fade-down{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@keyframes cs-drift-slow{0%{transform:translate(0,0)}50%{transform:translate(12px,-10px)}100%{transform:translate(0,0)}}
.cs-animate-fade-up{animation:cs-fade-up var(--cs-motion-slow) var(--cs-ease-emphasised) both}
.cs-animate-fade-down{animation:cs-fade-down var(--cs-motion-slow) var(--cs-ease-emphasised) both}
.cs-animate-drift-slow{animation:cs-drift-slow 8s var(--cs-ease-standard) infinite}
@media (prefers-reduced-motion: reduce){
.cs-animate-fade-up,.cs-animate-fade-down{animation:none;opacity:1;transform:none}
.cs-animate-drift-slow{animation:none}
}