/* kodpéi — le mouvement commun des applis (voir kp-mouvement.js) */
.kp-mv { animation: kp-leve .6s cubic-bezier(.16, 1, .3, 1) backwards; animation-delay: calc(var(--kp-i, 0) * 45ms); }
@keyframes kp-leve { from { opacity: 0; translate: 0 18px; } }
/* les boutons s'enfoncent sous le doigt */
:is(button, .btn, .bouton, [role="button"]):not(:disabled):active { scale: .97; }
/* le chargement : le petit soleil du logo se lève sur sa ligne d'horizon */
.kp-lever { display: block; width: 64px; height: 34px; margin: 0 auto 14px; overflow: hidden; border-bottom: 3px solid #E0312B; }
.kp-lever::before { content: ""; display: block; width: 64px; height: 31px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 116 112 54'%3E%3CclipPath id='c'%3E%3Ccircle cx='120' cy='168' r='52'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23c)'%3E%3Crect x='60' y='110' width='120' height='58' fill='%23E0312B'/%3E%3Crect x='60' y='144' width='120' height='24' fill='%23FED905'/%3E%3Crect x='60' y='148' width='120' height='2.5' fill='%230B0E0C'/%3E%3Crect x='60' y='154.5' width='120' height='3.5' fill='%230B0E0C'/%3E%3Crect x='60' y='161.5' width='120' height='4.5' fill='%230B0E0C'/%3E%3C/g%3E%3C/svg%3E") center bottom / 100% auto no-repeat; animation: kp-lever 1.6s cubic-bezier(.4, 0, .2, 1) infinite; }
@keyframes kp-lever { 0% { translate: 0 100%; } 45%, 65% { translate: 0 0; } 100% { translate: 0 100%; } }
@media (prefers-reduced-motion: reduce) { .kp-mv { animation: none; } .kp-lever::before { animation: none; } }
.chargement span.kp-lever { width: 64px; height: 34px; border-radius: 0; background: none; animation: none; }