.chargement{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2.25rem 1rem;display:flex}.chargement-plein{min-height:100dvh;padding:1rem}.chargement-marque{width:44px;height:44px;transition:filter .55s}.chargement-plein .chargement-marque{width:76px;height:76px}.chargement-piste,.chargement-arc{fill:none;stroke-width:4px}.chargement-piste{stroke:var(--filet-fort);transition:stroke .5s}.chargement-arc{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:40 118;transform-box:view-box;transform-origin:50%;transition:stroke .5s,stroke-dasharray .7s cubic-bezier(.4,.15,.25,1);animation:1.4s linear infinite chargement-tour}.chargement-pan{fill:var(--marque);transition:fill .5s}.chargement-noeud{fill:var(--accent);transition:fill .5s}.chargement-ceinture,.chargement-serrage{transform-box:view-box;transform-origin:50%}.chargement-ceinture{animation:1.4s ease-in-out infinite chargement-pans}.chargement-serrage{animation:1.4s ease-in-out infinite chargement-noeud}.chargement-nom{letter-spacing:-.01em;color:var(--texte-titre);font-size:1.15rem;font-weight:700;transition:color .5s;animation:1.4s ease-in-out infinite chargement-souffle}.chargement-annonce{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chargement-reussite .chargement-piste{stroke:var(--succes-fond)}.chargement-reussite .chargement-arc{stroke:var(--succes-vif);stroke-dasharray:158 0}.chargement-reussite .chargement-pan{fill:var(--succes)}.chargement-reussite .chargement-noeud{fill:var(--succes-vif)}.chargement-reussite .chargement-marque{filter:drop-shadow(0 0 12px #22c55e66)}.chargement-reussite .chargement-ceinture{animation:.75s forwards chargement-pans-final}.chargement-reussite .chargement-serrage{animation:.75s forwards chargement-serrage-final}.chargement-reussite .chargement-nom{color:var(--succes);opacity:1;animation:none}.chargement-echec .chargement-piste{stroke:var(--danger-fond)}.chargement-echec .chargement-arc{stroke:var(--danger);animation-play-state:paused}.chargement-echec .chargement-pan{fill:var(--danger-texte)}.chargement-echec .chargement-noeud{fill:var(--danger)}.chargement-echec .chargement-marque{filter:drop-shadow(0 0 10px #dc262652);animation:.42s ease-in-out chargement-refus}.chargement-echec .chargement-ceinture{animation:.55s ease-out forwards chargement-relachement}.chargement-echec .chargement-serrage{animation:.55s ease-out forwards chargement-glissement}.chargement-echec .chargement-nom{color:var(--danger-texte);opacity:1;animation:none}.chargement-barre{background:var(--filet-fort);border-radius:2px;width:min(220px,62vw);height:4px;transition:background .5s;overflow:hidden}.chargement-barre-remplissage{border-radius:inherit;background:var(--accent);height:100%;transition:width .5s cubic-bezier(.25,.8,.3,1),background .5s}.chargement-reussite .chargement-barre{background:var(--succes-fond)}.chargement-reussite .chargement-barre-remplissage{background:var(--succes-vif)}.chargement-echec .chargement-barre{background:var(--danger-fond)}.chargement-echec .chargement-barre-remplissage{background:var(--danger)}@keyframes chargement-tour{to{transform:rotate(360deg)}}@keyframes chargement-noeud{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes chargement-pans{0%,to{transform:scaleX(1)}50%{transform:scaleX(.94)}}@keyframes chargement-souffle{0%,to{opacity:1}50%{opacity:.55}}@keyframes chargement-pans-final{0%{animation-timing-function:ease-in;transform:scaleX(1)}30%{animation-timing-function:cubic-bezier(.34,1.6,.5,1);transform:scaleX(.9)}to{transform:scaleX(1)}}@keyframes chargement-serrage-final{0%{animation-timing-function:ease-in;transform:scale(1)}30%{animation-timing-function:cubic-bezier(.34,1.7,.5,1);transform:scale(.86)}to{transform:scale(1)}}@keyframes chargement-refus{0%,to{transform:translate(0)}15%{transform:translate(-4px)}40%{transform:translate(3.5px)}65%{transform:translate(-2.5px)}85%{transform:translate(1.5px)}}@keyframes chargement-relachement{0%{transform:scaleX(1)}to{transform:scaleX(1.12)}}@keyframes chargement-glissement{0%{transform:scale(1)rotate(0)}to{transform:scale(1.06)rotate(-8deg)}}@media (prefers-reduced-motion:reduce){.chargement-arc{stroke-dasharray:none}}@media (width<=768px){.chargement-plein .chargement-marque{width:64px;height:64px}.chargement-nom{font-size:1.05rem}}
