/* Motion. Durations and transition from App.module.pcss;
   presets from src/const/animations.ts (motion/react variants). */
:root {
  --transition-all: all 0.2s ease-out; /* @kind other */
  --animation-duration-fast: 0.075s; /* @kind other */
  --animation-duration-normal: 0.1s; /* @kind other */
  --animation-duration-slow: 0.2s; /* @kind other */

  /* animations.ts presets */
  --motion-scale-duration: 0.15s; /* @kind other */
  --motion-scale-ease: ease-in-out; /* @kind other */
  --motion-scale-hidden: scale(0.95); /* @kind other */
  --motion-spring-scale-hidden: scale(0.25); /* @kind other */ /* spring: stiffness 500, damping 30 */
  --motion-left-right-duration: 0.2s; /* @kind other */
  --motion-left-right-ease: ease-in-out; /* @kind other */
}

@keyframes rt-scale-in {
  from { opacity: 0; transform: var(--motion-scale-hidden); }
  to { opacity: 1; transform: scale(1); }
}
@keyframes rt-slide-in-right {
  from { opacity: 0; transform: translateX(100%); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes rt-slide-in-left {
  from { opacity: 0; transform: translateX(-100%); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes rt-pulsing {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.03); opacity: 0.9; }
}
@keyframes rt-shimmer {
  0% { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}