.sf-text{view-timeline-name:--sf-text;view-timeline-axis:block;view-timeline-inset:40% 20%}.sf-word{opacity:.25}@keyframes sf-fill{0%{opacity:.25}to{opacity:1}}@supports (animation-timeline:view()){.sf-word{animation:linear both sf-fill;animation-timeline:--sf-text}}.sf-text[data-sf-js] .sf-word{opacity:calc(.25 + .75 * clamp(0, (var(--sf-p,0) - var(--sf-a)) / (var(--sf-b) - var(--sf-a)), 1))}@media (prefers-reduced-motion:reduce){.sf-word,.sf-text[data-sf-js] .sf-word{opacity:1;animation:none}}