/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@15.5.19_@babel+core@7.29.7_@playwright+test@1.61.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/.pnpm/next@15.5.19_@babel+core@7.29.7_@playwright+test@1.61.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/aura-anim.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ------------------------------------------------------------------ *
 * Aura motion keyframes (ported verbatim from the design prototype).
 * globals.css owns the design tokens + theme-dissolve/press/aura-halo
 * utilities; this file adds the small content keyframes that the
 * redesigned wallet/referral/cards screens opt into. All durations,
 * easings and transforms match the handoff "Animations (exact)" table.
 * ------------------------------------------------------------------ */

/* Currency-switch number roll: fade + translateY(11px) + blur(2px) -> 0, .34s */
@keyframes auraRoll {
  from {
    opacity: 0;
    transform: translateY(11px);
    filter: blur(2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}
.aura-roll {
  animation: auraRoll 0.34s var(--ease-out) both;
}

/* Theme toggle icon spin-in: rotate -110deg->0 + scale .4->1 + fade, .42s */
@keyframes auraSpinIn {
  from {
    transform: rotate(-110deg) scale(0.4);
    opacity: 0;
  }
  to {
    transform: rotate(0) scale(1);
    opacity: 1;
  }
}
.aura-themeicon {
  animation: auraSpinIn 0.42s var(--ease-out) both;
}

/* Tips carousel slide-in: translateX(16px) + fade, .42s */
@keyframes auraTipSlide {
  from {
    opacity: 0;
    transform: translateX(16px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.aura-tipslide {
  animation: auraTipSlide 0.42s var(--ease-out) both;
}

/* Staggered entrance: children rise 12px + fade, .52s, 50ms stagger. */
@keyframes auraRise {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.aura-stagger > * {
  animation: auraRise 0.52s var(--ease-out) both;
}
.aura-stagger > *:nth-child(1) {
  animation-delay: 0.03s;
}
.aura-stagger > *:nth-child(2) {
  animation-delay: 0.08s;
}
.aura-stagger > *:nth-child(3) {
  animation-delay: 0.13s;
}
.aura-stagger > *:nth-child(4) {
  animation-delay: 0.18s;
}
.aura-stagger > *:nth-child(5) {
  animation-delay: 0.23s;
}
.aura-stagger > *:nth-child(6) {
  animation-delay: 0.28s;
}
.aura-stagger > *:nth-child(7) {
  animation-delay: 0.33s;
}
.aura-stagger > *:nth-child(8) {
  animation-delay: 0.38s;
}

/* Cards "coming soon" pop-in: scale .92 -> 1.025 -> 1 + fade, .54s */
@keyframes auraPopIn {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  62% {
    opacity: 1;
    transform: scale(1.025);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.aura-popin {
  animation: auraPopIn 0.54s var(--ease-out) both;
}

/* Success-check pop-in: scale .6 -> 1.08 -> 1 + fade, .4s (matches the
   former framer-motion spring on the transfer SuccessResult check). */
@keyframes auraPop {
  0% {
    opacity: 0;
    transform: scale(0.6);
  }
  60% {
    opacity: 1;
    transform: scale(1.08);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.aura-pop {
  animation: auraPop 0.4s var(--ease-out) both;
}

@media (prefers-reduced-motion: reduce) {
  .aura-roll,
  .aura-themeicon,
  .aura-tipslide,
  .aura-stagger > *,
  .aura-popin,
  .aura-pop {
    animation-duration: 0.01ms !important;
    animation-delay: 0ms !important;
  }
}