[data-saying] [data-word]{--out-at:calc(var(--i) * var(--out-step));--in-at:calc(var(--lag) + var(--i) * var(--in-step));opacity:0;translate:0 .2em}[data-saying][data-state=wait] [data-word]{transition:none}[data-saying][data-state=out] [data-word]{translate:0 -.1em;transition:opacity .25s ease-in var(--out-at),translate .35s ease-in var(--out-at)}[data-saying][data-state=in] [data-word]{opacity:1;translate:0 0;transition:opacity .4s ease-out var(--in-at),translate .6s cubic-bezier(.22,1,.36,1) var(--in-at)}@media (prefers-reduced-motion:no-preference){[data-saying][data-first] [data-word]{--in-at:calc(100ms + var(--i) * var(--in-step));animation:headline-fade .4s ease-out var(--in-at) backwards,headline-rise .6s cubic-bezier(.22,1,.36,1) var(--in-at) backwards}[data-dots]{--in-at:calc(100ms + var(--i) * var(--in-step));animation:headline-fade .4s ease-out var(--in-at) backwards,dots-rise .6s cubic-bezier(.22,1,.36,1) var(--in-at) backwards}}@keyframes dots-rise{0%{translate:0 12px}}[data-dot-on]{background:var(--color-orange);opacity:0;transition:opacity .2s ease-in;will-change:opacity}[data-current]>[data-dot-on]{opacity:1;transition:opacity .25s ease-out .2s}@property --elapsed{syntax:"<number>";inherits:false;initial-value:0}@media (prefers-reduced-motion:no-preference){[data-clock]{animation:cycle var(--cycle) linear forwards}}@keyframes cycle{to{--elapsed:1}}@media (prefers-reduced-motion:reduce){[data-dots]{visibility:hidden}}