.m-toucher, .m-toucher-petit{ transition:transform var(--d-toucher) linear, background-color var(--d-toucher) linear,
  color var(--d-toucher) linear, box-shadow var(--d-toucher) linear !important; }
.m-toucher:active, .m-toucher-petit:active{ transition:none !important; filter:brightness(var(--m-teinte, .94)); }
.m-toucher:active{ transform:scale(var(--m-enfonce)); }
.m-toucher-petit:active{ transform:scale(var(--m-enfonce-petit)); }


@keyframes m-arrive{ from{ opacity:0; transform:translateY(var(--m-pas-2)); } }
.m-arrive{ animation:m-arrive var(--d-texte) var(--ease-sortie) both; }

.m-depli[open] > :not(summary){ animation:m-arrive var(--d-texte) var(--ease-sortie) both; }


.m-accent{ background-color:var(--m-fond-accent, var(--garis-2)); }
svg [data-accent-cle], [data-accent-cle]:empty{ transition:opacity var(--d-texte) linear; }
svg .m-estompe:not(text):not(tspan), .m-estompe:empty{ opacity:var(--m-estompe); }


@media (prefers-reduced-motion: reduce){
  svg [data-accent-cle], [data-accent-cle]:empty{ transition:none; }
  .m-arrive, .m-depli[open] > :not(summary){ animation:none; }
}
:where(html[data-mouvement="reduit"]) svg [data-accent-cle], :where(html[data-mouvement="reduit"]) [data-accent-cle]:empty{ transition:none; }
:where(html[data-mouvement="reduit"]) .m-arrive, :where(html[data-mouvement="reduit"]) .m-depli[open] > :not(summary){ animation:none; }