/* 춘몽 design_system — foundation 공용 모션 (design-spec §7).
   공용 generic 엔트런스 keyframes(cm-rise — dc-local 명명 채택·개명 금지)와
   그 유틸 클래스만. custom property 정의는 여기 두지 않는다(tokens.css 소유).
   duration/easing 값은 tokens.css의 var()로 읽는다(감속 선호 시 0으로 접힘). */

/* m1 — 로그인 로고 블록 진입(opacity 0→1 · translateY 10px→0). */
@keyframes cm-rise {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.motion-rise {
  animation: cm-rise var(--dur-rise) var(--ease-out) both;
}

/* m23 — 가입·비번찾기 단계 콘텐츠 진입(cm-rise · --dur-step .34s · ease-glass). */
.motion-rise-step {
  animation: cm-rise var(--dur-step) var(--ease-glass) both;
}

/* 14:55 _ds tokens/base.css:14 · Spinner/Button 로딩 링의 공용 회전. */
@keyframes cm-spin {
  to { transform: rotate(360deg); }
}