.demo{--cycle:14s}.demo-anime{animation-duration:var(--cycle);animation-timing-function:cubic-bezier(.22,1,.36,1);animation-iteration-count:infinite}@keyframes ecran-1{0%,22%{opacity:1;transform:none}26%,96%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}@keyframes ecran-2{0%,24%{opacity:0;transform:translate(24px)}28%,46%{opacity:1;transform:none}50%,to{opacity:0;transform:translate(-24px)}}@keyframes ecran-3{0%,48%{opacity:0;transform:translate(24px)}52%,70%{opacity:1;transform:none}74%,to{opacity:0;transform:translate(-24px)}}@keyframes ecran-4{0%,72%{opacity:0;transform:scale(.96)}76%,94%{opacity:1;transform:none}98%,to{opacity:0;transform:scale(.98)}}.ecran-1{animation-name:ecran-1}.ecran-2{opacity:0;animation-name:ecran-2}.ecran-3{opacity:0;animation-name:ecran-3}.ecran-4{opacity:0;animation-name:ecran-4}@keyframes choix-vip{0%,6%{border-color:var(--me-line);background:0 0}9%,96%{border-color:var(--me-primary);background:var(--me-primary-soft)}to{border-color:var(--me-line);background:0 0}}.choix-vip{animation-name:choix-vip}@keyframes compte-vip{0%,6%{content:"0"}9%,96%{content:"1"}}.compte-vip:after{content:"1";animation:inherit;animation-name:compte-vip}@keyframes bouton-payer{0%,10%{opacity:.45;transform:none}13%,17%{opacity:1;transform:none}19%{opacity:1;transform:scale(.95)}21%,to{opacity:1;transform:none}}.bouton-payer{animation-name:bouton-payer}@keyframes attente{0%,38%{opacity:1}40%,to{opacity:0}}@keyframes coche{0%,38%{opacity:0;transform:scale(.4)}42%,to{opacity:1;transform:scale(1)}}.attente{animation-name:attente}.coche{opacity:0;animation-name:coche}@keyframes tourne{to{transform:rotate(360deg)}}.tourne{animation:.9s linear infinite tourne}@keyframes bulle-1{0%,52%{opacity:0;transform:translateY(14px)scale(.96)}55%,to{opacity:1;transform:none}}@keyframes bulle-2{0%,56%{opacity:0;transform:translateY(14px)scale(.96)}60%,to{opacity:1;transform:none}}.bulle-1{opacity:0;animation-name:bulle-1}.bulle-2{opacity:0;animation-name:bulle-2}@keyframes visee{0%,74%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(120px)}81%,to{opacity:0}}.visee{animation-name:visee}@keyframes valide{0%,80%{opacity:0;transform:scale(.8)}83%,to{opacity:1;transform:none}}.valide{opacity:0;animation-name:valide}@keyframes progression{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.progression-demo{transform-origin:0;animation:progression var(--cycle) linear infinite}@keyframes defile{to{transform:translate(-50%)}}.defile{animation:38s linear infinite defile}.defile-cadre{-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.defile-cadre:hover .defile{animation-play-state:paused}@keyframes journal{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.journal{animation:12s linear infinite journal}@keyframes halo-vert{0%{box-shadow:0 0 #4ac0888c}70%{box-shadow:0 0 0 22px #4ac08800}to{box-shadow:0 0 #4ac08800}}.halo-vert{animation:2s ease-out infinite halo-vert}@keyframes invite-place{0%,15%{transform:translate(var(--dx), var(--dy));opacity:0}25%{opacity:1}45%,90%{opacity:1;transform:none}to{opacity:0;transform:none}}.invite-place{animation:7s cubic-bezier(.22,1,.36,1) infinite invite-place}@keyframes alerte-table{0%,45%{opacity:0;transform:translateY(6px)}52%,90%{opacity:1;transform:none}to{opacity:0}}.alerte-table{animation:7s ease-out infinite alerte-table}@keyframes table-deborde{0%,45%{border-color:var(--me-line-strong)}52%,90%{border-color:var(--me-danger)}to{border-color:var(--me-line-strong)}}.table-deborde{animation:7s ease-out infinite table-deborde}@supports (animation-timeline:scroll()){.lecture{transform-origin:0;animation:linear both progression;animation-timeline:scroll(root)}}@keyframes halo-rose{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--me-primary) 50%, transparent)}70%{box-shadow:0 0 0 16px color-mix(in srgb, var(--me-primary) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--me-primary) 0%, transparent)}}.halo-rose{animation:2.4s ease-out infinite halo-rose}