:root{
/* Motion = convergence / alignment / emergence. Transform + opacity only. Never decoration. */
--dur-fast:160ms;/* @kind other */--dur-base:320ms;/* @kind other */--dur-slow:560ms;/* @kind other */
--ease-converge:cubic-bezier(.22,1,.36,1);/* @kind other */
--ease-exit:cubic-bezier(.4,0,1,1);/* @kind other */
}
@keyframes ey-emerge{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes ey-converge-l{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}
@keyframes ey-converge-r{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}
@keyframes ey-align{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes ey-glint{0%,100%{opacity:.55}50%{opacity:1}}
.ey-emerge{animation:ey-emerge var(--dur-slow) var(--ease-converge) both}
.ey-converge-l{animation:ey-converge-l var(--dur-slow) var(--ease-converge) both}
.ey-converge-r{animation:ey-converge-r var(--dur-slow) var(--ease-converge) both}
.ey-align{transform-origin:left;animation:ey-align var(--dur-slow) var(--ease-converge) both}
.ey-d1{animation-delay:120ms}.ey-d2{animation-delay:240ms}.ey-d3{animation-delay:360ms}.ey-d4{animation-delay:480ms}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}