.process-line{transform-origin:top}@media (min-width:64rem){.process-line{transform-origin:0}}@media (prefers-reduced-motion:no-preference){.process-steps[data-in-view=false] :is(.process-icon,.process-text,.process-line){opacity:0}.process-steps[data-in-view=true] .process-icon{animation:process-pop .45s var(--motion-ease) both;animation-delay:var(--process-delay)}.process-steps[data-in-view=true] .process-text{animation:process-fade .45s var(--motion-ease) both;animation-delay:calc(var(--process-delay) + .1s)}.process-steps[data-in-view=true] .process-line{animation:.38s ease-out both process-draw-y;animation-delay:calc(var(--process-delay) + .25s)}@media (min-width:64rem){.process-steps[data-in-view=true] .process-line{animation-name:process-draw-x}}.process-steps li:first-child{--process-delay:0s}.process-steps li:nth-child(2){--process-delay:.38s}.process-steps li:nth-child(3){--process-delay:.76s}.process-steps li:nth-child(4){--process-delay:1.14s}.process-steps li:nth-child(5){--process-delay:1.52s}}@keyframes process-pop{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}@keyframes process-fade{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@keyframes process-draw-y{0%{opacity:1;scale:1 0}to{opacity:1;scale:1}}@keyframes process-draw-x{0%{opacity:1;scale:0 1}to{opacity:1;scale:1}}