:root{--anim-courbe: cubic-bezier(.2, 0, 0, 1);--anim-entree: cubic-bezier(.05, .7, .1, 1);--anim-sortie: cubic-bezier(.3, 0, .8, .15);--anim-confirme: 1.2s;--anim-rappel: 2.5s;--anim-pop: .6s;--anim-envol: .65s}@keyframes animConfirmeIcone{0%{transform:scale(1);font-variation-settings:"FILL" 0}25%{transform:scale(1.35);font-variation-settings:"FILL" 1}45%{transform:scale(.92)}65%{transform:scale(1.1)}80%{transform:scale(1);font-variation-settings:"FILL" 1}to{transform:scale(1);font-variation-settings:"FILL" 0}}@keyframes animLueur{0%,to{filter:drop-shadow(0 0 0 transparent)}40%{filter:drop-shadow(0 0 .4rem var(--primary))}}@keyframes animRappelIcone{0%,to{transform:scale(1);font-variation-settings:"FILL" 0}35%{transform:scale(1.3);font-variation-settings:"FILL" 1}70%{transform:scale(1);font-variation-settings:"FILL" 1}}[data-anim=rappel]{animation:animLueur calc(var(--anim-rappel) / 3) ease-in-out 3}[data-anim=rappel]>i{animation:animRappelIcone calc(var(--anim-rappel) / 3) var(--anim-courbe) 3}[data-anim=confirme]{animation:animLueur var(--anim-confirme) ease-in-out}[data-anim=confirme]>i{animation:animConfirmeIcone var(--anim-confirme) var(--anim-courbe)}@keyframes animPop{0%{transform:scale(1)}35%{transform:scale(1.6)}60%{transform:scale(.9)}to{transform:scale(1)}}[data-anim=pop]{animation:animPop var(--anim-pop) var(--anim-courbe);transform-box:fill-box;transform-origin:center}.anim-envol{position:fixed;z-index:10000;inline-size:0;block-size:0;pointer-events:none;animation:animEnvolX var(--anim-envol) cubic-bezier(.3,.7,.4,1) forwards}.anim-envol>div{animation:animEnvolY var(--anim-envol) cubic-bezier(.6,0,.8,.4) forwards}.anim-envol>div>span{position:absolute;inset-inline-start:-1.25rem;inset-block-start:-1.25rem;inline-size:2.5rem;block-size:2.5rem;display:flex;align-items:center;justify-content:center;box-shadow:var(--elevate2);animation:animEnvolPastille var(--anim-envol) var(--anim-courbe) forwards}@keyframes animEnvolX{0%{transform:translate(0)}to{transform:translate(var(--envol-dx))}}@keyframes animEnvolY{0%{transform:translateY(0)}to{transform:translateY(var(--envol-dy))}}@keyframes animEnvolPastille{0%{transform:scale(.3);opacity:0}18%{transform:scale(1.15);opacity:1}75%{transform:scale(.9);opacity:1}to{transform:scale(.4);opacity:.6}}@keyframes animBarreContexte{0%{transform:translateY(-60%);opacity:0}to{transform:translateY(0);opacity:1}}.barre-contexte{animation:animBarreContexte var(--speed3) var(--anim-entree)}@keyframes animAttention{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.anim-si-pret[aria-disabled=false]>i{color:var(--primary);animation:animAttention 1s ease-in-out 3}@keyframes cycleIcone{0%{opacity:.25;transform:scale(.82)}to{opacity:1;transform:scale(1)}}#iconeInteractions.cycle-anim{animation:cycleIcone .45s ease}#btnInteractionsMoushaf.onboarding-pulse{animation:animLueur 1.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){[data-anim],[data-anim]>i,.anim-si-pret[aria-disabled=false]>i,#iconeInteractions.cycle-anim,#btnInteractionsMoushaf.onboarding-pulse{animation:none}[data-anim=confirme]>i,[data-anim=rappel]>i{font-variation-settings:"FILL" 1}}html.reduire-mouvement *,html.reduire-mouvement *:before,html.reduire-mouvement *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html.vt-en-cours #zoneMoushaf{view-transition-name:moushaf}::view-transition-group(*){animation-duration:var(--speed3);animation-timing-function:var(--anim-courbe)}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--speed2)}html.reduire-mouvement::view-transition-group(*),html.reduire-mouvement::view-transition-old(*),html.reduire-mouvement::view-transition-new(*){animation:none!important}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}@keyframes squelette-vague{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes ecoute-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--primary) 45%,transparent),var(--elevate3)}50%{box-shadow:0 0 0 1.25rem color-mix(in srgb,var(--primary) 0%,transparent),var(--elevate3)}}
