/* Pictogrammes décoratifs uniquement : aucun changement du flux ni des dimensions des titres. */
.mi-host{position:relative}
.mi-host>.mi-symbol{position:absolute;display:block;visibility:hidden;width:54px;height:54px;pointer-events:none;line-height:0;z-index:1;opacity:.9;font-size:0}
.mi-symbol svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.mi-symbol .bi-depth{opacity:.16;stroke-width:1.1}.mi-symbol .bi-ink{stroke-width:1.55}
.mi-symbol .bi-wire-svg{animation:mi-depth-turn 10s ease-in-out infinite;animation-play-state:paused;transform-origin:center}
.mi-symbol .bi-rotor{transform-box:view-box;transform-origin:32px 32px;animation:mi-rotate 12s linear infinite;animation-play-state:paused}
.mi-symbol .bi-platter{transform-box:view-box;transform-origin:32px 29px;animation:mi-rotate 16s linear infinite;animation-play-state:paused}
.mi-symbol .bi-bell{transform-box:view-box;transform-origin:32px 14px;animation:mi-bell 7s ease-in-out infinite;animation-play-state:paused}
.mi-symbol .bi-lid{transform-box:view-box;transform-origin:18px 20px;animation:mi-lid 9s ease-in-out infinite;animation-play-state:paused}
.mi-symbol .bi-signal{animation:mi-signal 6s ease-in-out infinite;animation-play-state:paused}
.mi-symbol .bi-upload{animation:mi-upload 6s ease-in-out infinite;animation-play-state:paused}
.mi-in-view>.mi-symbol .bi-wire-svg,.mi-in-view>.mi-symbol .bi-rotor,.mi-in-view>.mi-symbol .bi-platter,.mi-in-view>.mi-symbol .bi-bell,.mi-in-view>.mi-symbol .bi-lid,.mi-in-view>.mi-symbol .bi-signal,.mi-in-view>.mi-symbol .bi-upload{animation-play-state:running}
@keyframes mi-depth-turn{0%,100%{transform:perspective(340px) rotateY(-5deg)}50%{transform:perspective(340px) rotateY(5deg)}}
@keyframes mi-rotate{to{transform:rotate(360deg)}}
@keyframes mi-bell{0%,35%,60%,100%{transform:rotate(0)}40%,50%{transform:rotate(7deg)}45%,55%{transform:rotate(-6deg)}}
@keyframes mi-lid{0%,45%,80%,100%{transform:rotate(0)}55%,70%{transform:rotate(-8deg) translateY(-1px)}}
@keyframes mi-signal{0%,100%{opacity:1}50%{opacity:.5}}
@keyframes mi-upload{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.mi-symbol .bi-wire-svg,.mi-symbol .bi-rotor,.mi-symbol .bi-platter,.mi-symbol .bi-bell,.mi-symbol .bi-lid,.mi-symbol .bi-signal,.mi-symbol .bi-upload{animation:none!important;transform:none!important;opacity:1}.mi-symbol svg>*{stroke-dasharray:none!important;stroke-dashoffset:0!important}}

/* Scènes originales : deux signes reliés au sens du titre, mouvements locaux. */
.mi-symbol .m2-scene{stroke-width:1.45}.mi-symbol .m2-depth{opacity:.12;stroke-width:1}
.mi-symbol .m2-primary,.mi-symbol .m2-secondary{stroke-linecap:round;stroke-linejoin:round}
.mi-symbol .m2-flow-particle{fill:currentColor;stroke:none;animation:m2-transfer 5.5s cubic-bezier(.45,0,.2,1) infinite;animation-play-state:paused}
.mi-symbol .m2-orbit-particle{fill:currentColor;stroke:none;transform-box:view-box;transform-origin:32px 32px;animation:m2-spin 9s linear infinite;animation-play-state:paused}
.mi-symbol .m2-spin{transform-box:view-box;transform-origin:32px 32px;animation:m2-spin 12s linear infinite;animation-play-state:paused}
.mi-symbol .m2-hand{transform-box:view-box;transform-origin:32px 33px;animation:m2-spin 18s linear infinite;animation-play-state:paused}
.mi-symbol .m2-inspect{animation:m2-inspect 6.5s ease-in-out infinite;animation-play-state:paused}
.mi-symbol .m2-assemble{animation:m2-assemble 7s ease-in-out infinite;animation-play-state:paused}
.mi-symbol .m2-focus{transform-box:view-box;transform-origin:32px 32px;animation:m2-focus 6s ease-in-out infinite;animation-play-state:paused}
.mi-symbol .m2-lines{animation:m2-signal 5s ease-in-out infinite;animation-play-state:paused}
.mi-symbol .m2-twitch{transform-box:view-box;transform-origin:32px 32px;animation:m2-twitch 7s ease-in-out infinite;animation-play-state:paused}
.mi-symbol .m2-scan{animation:m2-scan 6s ease-in-out infinite;animation-play-state:paused;stroke-width:1;opacity:.5}
.mi-in-view>.mi-symbol .m2-flow-particle,.mi-in-view>.mi-symbol .m2-orbit-particle,.mi-in-view>.mi-symbol .m2-spin,.mi-in-view>.mi-symbol .m2-hand,.mi-in-view>.mi-symbol .m2-inspect,.mi-in-view>.mi-symbol .m2-assemble,.mi-in-view>.mi-symbol .m2-focus,.mi-in-view>.mi-symbol .m2-lines,.mi-in-view>.mi-symbol .m2-twitch,.mi-in-view>.mi-symbol .m2-scan{animation-play-state:running}
@keyframes m2-transfer{0%,15%{transform:translate(0,0);opacity:.2}25%{opacity:1}75%{transform:translate(19px,9px);opacity:1}85%,100%{transform:translate(19px,9px);opacity:.2}}
@keyframes m2-spin{to{transform:rotate(360deg)}}
@keyframes m2-inspect{0%,100%{transform:translate(0,0)}35%{transform:translate(-3px,-3px)}65%{transform:translate(1px,-2px)}}
@keyframes m2-assemble{0%,12%,100%{transform:translate(3px,-3px)}30%,80%{transform:translate(0,0)}}
@keyframes m2-focus{0%,100%{transform:scale(1)}45%,65%{transform:scale(.93)}}
@keyframes m2-signal{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes m2-twitch{0%,30%,80%,100%{transform:rotate(0)}50%,65%{transform:rotate(-5deg)}}
@keyframes m2-scan{0%,100%{transform:translateY(0);opacity:.2}50%{transform:translateY(30px);opacity:.7}}
@media(prefers-reduced-motion:reduce){.mi-symbol .m2-flow-particle,.mi-symbol .m2-orbit-particle,.mi-symbol .m2-spin,.mi-symbol .m2-hand,.mi-symbol .m2-inspect,.mi-symbol .m2-assemble,.mi-symbol .m2-focus,.mi-symbol .m2-lines,.mi-symbol .m2-twitch,.mi-symbol .m2-scan{animation:none!important;transform:none!important;opacity:1}}
