.apercu-outil{border:1px solid var(--bord);background:radial-gradient(120% 90% at 0% 0%, #3dffb01f, transparent 60%), var(--surface-haute);pointer-events:none;border-radius:1rem;height:7.5rem;position:relative;overflow:hidden}.apercu-outil-accroches{align-content:center;gap:.55rem;padding:0 1.1rem;display:grid}.apercu-outil-accroches .ligne{background:linear-gradient(90deg, var(--menthe), #8affd0);height:.6rem;width:var(--l,80%);transform-origin:0;border-radius:999px}.apercu-outil-accroches .ligne:nth-child(2){--l:64%;opacity:.75}.apercu-outil-accroches .ligne:nth-child(3){--l:42%;opacity:.55;background:linear-gradient(90deg, var(--dore), var(--dore-fonce))}.apercu-outil-accroches .curseur{inset-inline-end:1.1rem;font-size:1.4rem;position:absolute;bottom:.9rem}.apercu-outil-calculateur{justify-content:center;align-items:flex-end;gap:.8rem;padding:1rem 1.1rem .9rem;display:flex}.apercu-outil-calculateur .barre{width:1.6rem;height:var(--h);background:var(--bord);transform-origin:bottom;border-radius:.5rem .5rem .2rem .2rem}.apercu-outil-calculateur .barre.meilleure{background:linear-gradient(180deg, var(--menthe), #1fcf8a);box-shadow:0 0 18px #3dffb073}@media (prefers-reduced-motion:no-preference){@keyframes outil-ecrit{0%{transform:scaleX(0)}35%,85%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes outil-clignote{50%{opacity:0}}@keyframes outil-pousse{0%{transform:scaleY(.15)}40%,85%{transform:scaleY(1)}to{transform:scaleY(.15)}}[data-joue] .apercu-outil-accroches .ligne{animation:4.2s cubic-bezier(.5,0,.2,1) infinite outil-ecrit;animation-delay:calc(var(--rang,0) * .35s)}[data-joue] .apercu-outil-accroches .curseur{animation:1s step-end infinite outil-clignote}[data-joue] .apercu-outil-calculateur .barre{animation:4.2s cubic-bezier(.3,.8,.2,1) infinite outil-pousse;animation-delay:calc(var(--rang,0) * .2s)}}.onglets-reseaux{scrollbar-width:none}.onglets-reseaux::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:no-preference){@keyframes outil-arrive{0%{opacity:0;transform:translateY(8px)}}.resultat-outil{animation:.45s cubic-bezier(.2,.7,.2,1) both outil-arrive;animation-delay:calc(var(--i,0) * 45ms)}@keyframes outil-sablier{to{transform:rotate(360deg)}}.sablier-outil{animation:.9s linear infinite outil-sablier}}
