.balance-card{transition:box-shadow .3s,border-color .3s,transform .3s}.balance-flash-up{animation:.8s ease-out flash-up}.balance-flash-down{animation:.8s ease-out flash-down}.balance-flash-up .balance-value{animation:.8s ease-out value-pop-up}.balance-flash-down .balance-value{animation:.8s ease-out value-pop-down}.animate-balance-icon{animation:.8s ease-in-out icon-spin}@keyframes flash-up{0%{border-color:var(--ui-border);transform:scale(1);box-shadow:0 0 #22c55e00}30%{border-color:#22c55ee6;transform:scale(1.05);box-shadow:0 0 24px 4px #22c55e8c}to{border-color:var(--ui-border);transform:scale(1);box-shadow:0 0 #22c55e00}}@keyframes flash-down{0%{border-color:var(--ui-border);transform:scale(1);box-shadow:0 0 #ef444400}30%{border-color:#ef4444e6;transform:scale(1.05);box-shadow:0 0 24px 4px #ef44448c}to{border-color:var(--ui-border);transform:scale(1);box-shadow:0 0 #ef444400}}@keyframes value-pop-up{0%{color:inherit;transform:translateY(0)}40%{color:#4ade80;transform:translateY(-4px)}to{color:inherit;transform:translateY(0)}}@keyframes value-pop-down{0%{color:inherit;transform:translateY(0)}40%{color:#f87171;transform:translateY(4px)}to{color:inherit;transform:translateY(0)}}@keyframes icon-spin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.25)}to{transform:rotate(1turn)scale(1)}}