@layer components{.audit-champ{background-color:var(--background-subtle);width:100%;height:3.5rem;color:var(--foreground);transition:background-color .2s var(--ease-out), border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);border:1px solid #0000;border-radius:14px;padding-inline-start:1rem;padding-inline-end:1rem;font-size:17px;display:block}.audit-champ::placeholder{color:var(--foreground-muted);opacity:.75}.audit-champ:focus{background-color:var(--background);border-color:var(--mrcom-violet);outline:none;box-shadow:0 0 0 4px #7c3aed29}.audit-champ[aria-invalid=true]{border-color:#c01c28}.audit-tuile{transition:background-color .3s var(--ease-out), box-shadow .3s var(--ease-out), transform .45s cubic-bezier(.34, 1.56, .64, 1)}.audit-tuile:active{transition-duration:.3s,.3s,.12s;transform:scale(.975)}.audit-survol:hover{background-color:color-mix(in srgb, var(--background-subtle) 94%, var(--foreground))}.audit-coche{transition:background-color .25s var(--ease-out)}.audit-coche>svg{opacity:0;transition:opacity .2s var(--ease-out), transform .4s cubic-bezier(.34, 1.56, .64, 1);transform:scale(.4)}.audit-coche[data-actif]>svg{opacity:1;transform:none}.audit-progression{transform-origin:0;will-change:transform;background-image:linear-gradient(90deg,#8b5cf6,#6d28d9);transition:transform .75s cubic-bezier(.34,1.4,.64,1)}.audit-etape{animation:auditEntreeAvant .5s var(--ease-out) both}.audit-etape[data-sens=arriere]{animation-name:auditEntreeArriere}.audit-apparait{animation:auditApparait .4s var(--ease-out) both}.audit-liste{transform-origin:top;animation:auditListe .2s var(--ease-out) both}.audit-pop{animation:.7s cubic-bezier(.34,1.56,.64,1) both auditPop}.audit-barre{box-shadow:0 -1px 0 var(--border)}@media (min-width:640px){.audit-barre{box-shadow:none}}}@keyframes auditEntreeAvant{0%{opacity:0;transform:translate(32px)}}@keyframes auditEntreeArriere{0%{opacity:0;transform:translate(-32px)}}@keyframes auditApparait{0%{opacity:0;transform:translateY(8px)}}@keyframes auditListe{0%{opacity:0;transform:translateY(-6px)scale(.98)}}@keyframes auditPop{0%{opacity:0;transform:scale(.4)}}@media (prefers-reduced-motion:reduce){.audit-etape,.audit-apparait,.audit-liste,.audit-pop{animation:none}.audit-progression,.audit-tuile,.audit-coche>svg{transition:none}}