.suivi{-webkit-backdrop-filter:blur(20px)saturate(140%);border-radius:26px;width:min(100%,420px);padding:16px 20px 18px 16px;box-shadow:0 24px 60px #03091459}.suivi--sombre{color:var(--blanc);background:#1b2d50b8;border:1px solid #ffffff24}.suivi--clair{color:var(--nuit);background:#fffffff5;border:1px solid #0e1e3a14;box-shadow:0 24px 60px #0e1e3a1f}.suivi__haut{align-items:center;gap:14px;display:flex}.suivi__icone{background:var(--bleu);width:44px;height:44px;color:var(--blanc);border-radius:14px;flex-shrink:0;place-items:center;transition:background-color .4s;display:grid}.suivi__textes{flex-direction:column;flex:1;min-width:0;display:flex}.suivi__ref{opacity:.72;font-size:.875rem;font-weight:600}.suivi__exemple{border:1px solid;border-radius:999px;margin-left:6px;padding:1px 8px;font-size:.75rem}.suivi__pile{display:grid}.suivi__etape{letter-spacing:-.01em;white-space:nowrap;opacity:0;filter:blur(6px);transition:opacity .5s var(--ease-out), transform .5s var(--ease-out), filter .5s var(--ease-out);grid-area:1/1;font-size:1.25rem;font-weight:700;transform:translateY(8px)}.suivi__num{justify-self:end;font-size:1rem;font-weight:600}.suivi__compte{min-width:2.4em}.suivi[data-etape="1"] .suivi__nom[data-n="1"],.suivi[data-etape="2"] .suivi__nom[data-n="2"],.suivi[data-etape="3"] .suivi__nom[data-n="3"],.suivi[data-etape="4"] .suivi__nom[data-n="4"],.suivi[data-etape="5"] .suivi__nom[data-n="5"],.suivi[data-etape="6"] .suivi__nom[data-n="6"],.suivi[data-etape="7"] .suivi__nom[data-n="7"]{opacity:1;filter:none;transform:none}.suivi[data-etape="1"] .suivi__num[data-n="1"],.suivi[data-etape="2"] .suivi__num[data-n="2"],.suivi[data-etape="3"] .suivi__num[data-n="3"],.suivi[data-etape="4"] .suivi__num[data-n="4"],.suivi[data-etape="5"] .suivi__num[data-n="5"],.suivi[data-etape="6"] .suivi__num[data-n="6"],.suivi[data-etape="7"] .suivi__num[data-n="7"]{opacity:.72;filter:none;transform:none}.suivi[data-etape="3"] .suivi__icone,.suivi[data-etape="4"] .suivi__icone,.suivi[data-etape="5"] .suivi__icone,.suivi[data-etape="6"] .suivi__icone,.suivi[data-etape="7"] .suivi__icone{background:var(--graphite)}.suivi__barre{margin-top:14px;position:relative}.suivi__segments{gap:5px;display:flex}.suivi__segment{background:#ffffff29;border-radius:4px;flex:1;height:7px}.suivi--clair .suivi__segment{background:#0e1e3a1a}.suivi__rempli{clip-path:inset(0 calc(100% - var(--rempli,1) / 7 * 100%) 0 0);transition:clip-path .7s var(--ease-out);position:absolute;inset:0}.suivi__rempli .suivi__segment--lbs{background:var(--bleu)}.suivi__rempli .suivi__segment--transitaire{background:var(--blanc)}.suivi--clair .suivi__rempli .suivi__segment--transitaire{background:var(--graphite)}.suivi[data-etape="1"]{--rempli:1}.suivi[data-etape="2"]{--rempli:2}.suivi[data-etape="3"]{--rempli:3}.suivi[data-etape="4"]{--rempli:4}.suivi[data-etape="5"]{--rempli:5}.suivi[data-etape="6"]{--rempli:6}.suivi[data-etape="7"]{--rempli:7}@media (prefers-reduced-motion:no-preference){.suivi--demo .suivi__etape{animation:demo-etape var(--demo-cycle,14s) linear infinite both;animation-delay:calc(var(--n) * var(--demo-pas,2s) + var(--demo-debut,1.2s))}.suivi--demo .suivi__num{animation-name:demo-compte}.suivi--demo .suivi__rempli{animation:demo-barre var(--demo-cycle,14s) steps(7, jump-start) var(--demo-debut,1.2s) infinite both;transition:none}.suivi--demo .suivi__icone{animation:demo-icone var(--demo-cycle,14s) linear var(--demo-debut,1.2s) infinite both}}@keyframes demo-etape{0%{opacity:0;filter:blur(4px);transform:translateY(6px)}1.6%,13.1%{opacity:1;filter:none;transform:none}14.28%,to{opacity:0;filter:blur(4px);transform:translateY(-6px)}}@keyframes demo-compte{0%{opacity:0;filter:none;transform:none}1.6%,13.1%{opacity:.72;filter:none;transform:none}14.28%,to{opacity:0;filter:none;transform:none}}@keyframes demo-barre{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes demo-icone{0%,28.56%{background-color:var(--bleu)}28.58%,to{background-color:var(--graphite)}}