.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)}}.apercu-outil-fichier{justify-content:center;align-items:center;gap:.9rem;padding:0 1rem;display:flex}.apercu-outil-fichier .feuille{border:1px solid var(--bord);background:var(--surface);min-width:4.4rem;height:5rem;color:var(--texte-doux);white-space:nowrap;border-radius:.6rem 1.3rem .6rem .6rem;place-items:center;padding:0 .5rem;font:800 .8rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.apercu-outil-fichier .feuille.apres{border-color:color-mix(in oklab, var(--menthe) 60%, transparent);background:var(--menthe-pale);color:var(--menthe-fonce);box-shadow:0 0 22px -6px var(--lueur-menthe)}.apercu-outil-pdf .feuille.apres{border-color:color-mix(in oklab, var(--dore) 60%, transparent);color:var(--dore-fonce);background:#f7c32e1a;box-shadow:0 0 22px -8px #f7c32e99}.apercu-outil-fichier .fleche{color:var(--menthe-fonce);font-size:1.3rem;font-weight:800}.apercu-outil-palette{justify-content:center;align-items:center;gap:.55rem;display:flex}.apercu-outil-palette .teinte{transform-origin:bottom;border:1px solid #ffffff1f;border-radius:.7rem;width:2.2rem;height:3.6rem}@media (prefers-reduced-motion:no-preference){@keyframes outil-allume{0%,30%{opacity:.35;transform:translate(-.6rem)scale(.92)}55%,90%{opacity:1;transform:none}to{opacity:.35;transform:none}}@keyframes outil-fleche{0%,20%{opacity:.4;transform:translate(-.3rem)}50%,to{opacity:1;transform:translate(.2rem)}}[data-joue] .apercu-outil-fichier .feuille.apres{animation:3.6s cubic-bezier(.3,.8,.2,1) infinite outil-allume}[data-joue] .apercu-outil-fichier .fleche{animation:3.6s ease-in-out infinite outil-fleche}[data-joue] .apercu-outil-palette .teinte{animation:4.2s cubic-bezier(.3,.8,.2,1) infinite outil-pousse;animation-delay:calc(var(--rang,0) * .18s)}}.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}}