:root{--loan-animation-duration:3.5s}@keyframes loanProgressDraw{0%,5%{stroke-dashoffset:27.23;opacity:1}20%,83%{stroke-dashoffset:0;opacity:1}92%,to{stroke-dashoffset:27.23;opacity:0}}@keyframes loanMonthsReveal{0%,17%{opacity:0;transform:translateY(8px)}25%,83%{opacity:1;transform:translateY(0)}92%,to{opacity:0;transform:translateY(8px)}}@keyframes loanBalanceReveal{0%,25%{opacity:0;transform:translateY(10px)}36%,83%{opacity:1;transform:translateY(0)}92%,to{opacity:0;transform:translateY(10px)}}@keyframes loanPaymentReveal{0%,36%{opacity:0;transform:translateY(24px)}50%,83%{opacity:1;transform:translateY(0)}92%,to{opacity:0;transform:translateY(24px)}}.loan-progress-animation{animation:loanProgressDraw var(--loan-animation-duration) ease-in-out infinite}.loan-months-animation{animation:loanMonthsReveal var(--loan-animation-duration) ease-in-out infinite}.loan-balance-animation{animation:loanBalanceReveal var(--loan-animation-duration) ease-in-out infinite}.loan-payment-animation{animation:loanPaymentReveal var(--loan-animation-duration) ease-in-out infinite}@media (prefers-reduced-motion:reduce){.loan-balance-animation,.loan-months-animation,.loan-payment-animation,.loan-progress-animation{animation:none;opacity:1;transform:none}.loan-progress-animation{stroke-dashoffset:0}}