/* scripts/make-eyes.mjs が作ったファイル。手で直さない。
   1回 180ms の瞬きを、周期 9.4秒 の中に 1.1秒・4.3秒・5.25秒 で置いた形。
   毎分 19.1 回（人の平均は15〜20回）。
   🚨 終わりのないループにしてあるのは、MP4 のコマ単位書き出しで「1回きり」だと
      終わったあとの姿で固まり、全コマ目が開くため。 */
.chr { --blink-cycle: 9.4s }

@keyframes chr-blink-aperture {
  0% { transform: scaleY(1) }
  11.7021% { transform: scaleY(1); animation-timing-function: cubic-bezier(.55, .05, .85, .5) }
  12.5447%, 12.8511% { transform: scaleY(0); animation-timing-function: cubic-bezier(.2, .6, .4, 1) }
  13.617% { transform: scaleY(1) }
  45.7447% { transform: scaleY(1); animation-timing-function: cubic-bezier(.55, .05, .85, .5) }
  46.5872%, 46.8936% { transform: scaleY(0); animation-timing-function: cubic-bezier(.2, .6, .4, 1) }
  47.6596% { transform: scaleY(1) }
  55.8511% { transform: scaleY(1); animation-timing-function: cubic-bezier(.55, .05, .85, .5) }
  56.6936%, 57% { transform: scaleY(0); animation-timing-function: cubic-bezier(.2, .6, .4, 1) }
  57.766% { transform: scaleY(1) }
  100% { transform: scaleY(1) }
}

@keyframes chr-blink-lid {
  0% { opacity: 0 }
  11.6702% { opacity: 0 }
  11.7021%, 13.5021% { opacity: 1 }
  13.617% { opacity: 0 }
  45.7128% { opacity: 0 }
  45.7447%, 47.5447% { opacity: 1 }
  47.6596% { opacity: 0 }
  55.8191% { opacity: 0 }
  55.8511%, 57.6511% { opacity: 1 }
  57.766% { opacity: 0 }
  100% { opacity: 0 }
}

@keyframes chr-blink-lash {
  0% { opacity: 0 }
  12.3149% { opacity: 0 }
  12.5447%, 12.8511% { opacity: 1 }
  13.1191% { opacity: 0 }
  46.3574% { opacity: 0 }
  46.5872%, 46.8936% { opacity: 1 }
  47.1617% { opacity: 0 }
  56.4638% { opacity: 0 }
  56.6936%, 57% { opacity: 1 }
  57.2681% { opacity: 0 }
  100% { opacity: 0 }
}