.zmb-agr__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-agr__depot:hover,.zmb-agr__depot--actif{background:var(--menthe-pale);border-color:var(--accent)}
.zmb-agr__depot strong{font:500 17px/28px var(--font-sans)}
.zmb-agr__depot span{font:400 13px/18px var(--font-sans);color:var(--encre-douce)}
#zmb-agr-fichier:focus-visible+.zmb-agr__depot{outline:2px solid var(--focus);outline-offset:2px}
.zmb-agr__action{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}
.zmb-agr__notice,.zmb-agr__etat,.zmb-agr__dimensions{font:400 13px/18px var(--font-sans);color:var(--encre-douce)}
.zmb-agr__action .zmb-agr__notice{flex:1 1 180px}
.zmb-agr__etat:empty{display:none}
.zmb-agr__erreur{font:400 13px/18px var(--font-sans);color:var(--erreur)}
.zmb-agr__consigne{padding-block:var(--space-16);color:var(--encre-douce);text-align:center}
.zmb-agr__comparaison{position:relative;width:100%;max-height:70vh;overflow:hidden;border-radius:var(--radius-sm);background-color:#fff;background-image:conic-gradient(var(--trait) 25%,transparent 0 50%,var(--trait) 0 75%,transparent 0);background-size:20px 20px}
.zmb-agr__image{display:block;width:100%;height:100%;object-fit:contain}
.zmb-agr__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-agr__separateur{position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:var(--accent);pointer-events:none}
.zmb-agr__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-agr__etiquette{position:absolute;top:var(--space-2);padding:2px var(--space-2);background:rgba(20,22,28,.75);color:#fff;border-radius:var(--radius-rond);font:500 12px/16px var(--font-sans);pointer-events:none}
.zmb-agr__etiquette--a{left:var(--space-2)}
.zmb-agr__etiquette--b{right:var(--space-2)}
.zmb-agr__curseur{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
@media (min-width:768px){.zmb-agr__resultat{position:sticky;top:var(--space-6);align-self:start}}