.zmb-det__depot{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-8) var(--space-6);border:1px dashed var(--trait-fort);border-radius:var(--radius-md);text-align:center;cursor:pointer}
.zmb-det__depot:hover,.zmb-det__depot--actif{background:var(--menthe-pale);border-color:var(--accent)}
.zmb-det__depot strong{font:500 17px/28px var(--font-sans)}
.zmb-det__depot span{font:400 13px/18px var(--font-sans);color:var(--encre-douce)}
#zmb-det-fichier:focus-visible+.zmb-det__depot{outline:2px solid var(--focus);outline-offset:2px}
.zmb-det__action{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}
.zmb-det__notice,.zmb-det__etat{font:400 13px/18px var(--font-sans);color:var(--encre-douce)}
.zmb-det__notice{flex:1 1 180px}
.zmb-det__etat:empty{display:none}
.zmb-det__erreur{font:400 13px/18px var(--font-sans);color:var(--erreur)}
.zmb-det__consigne{padding-block:var(--space-16);color:var(--encre-douce);text-align:center}
.zmb-det__comparaison{position:relative;width:100%;max-height:70vh;overflow:hidden;border-radius:var(--radius-sm)}
.zmb-det__image{display:block;width:100%;height:100%;object-fit:contain}
.zmb-det__apres{position:absolute;inset:0;background-color:#fff;background-image:conic-gradient(var(--trait) 25%,transparent 0 50%,var(--trait) 0 75%,transparent 0);background-size:20px 20px}
.zmb-det__apres--uni{background-image:none}
.zmb-det__separateur{position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:var(--accent);pointer-events:none}
.zmb-det__separateur::after{content:"";position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:var(--radius-rond);background:var(--accent)}
.zmb-det__curseur{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.zmb-det__curseur:focus-visible~*{outline:0}
@media (min-width:768px){.zmb-det__resultat{position:sticky;top:var(--space-6);align-self:start}}