.cm{z-index:6;background:var(--papier);border:3px solid var(--encre);box-shadow:6px 6px 0 var(--encre);flex-direction:column;gap:12px;padding:18px 20px 20px;scroll-margin-top:90px;display:flex;position:relative}.cm-titre{margin:0;font-size:clamp(20px,2.2vw,26px);font-weight:900;line-height:1.1}.cm-form{flex-direction:column;gap:6px;margin:0;display:flex;position:relative}.cm-label{color:var(--encre2);font-size:14px;font-weight:700}.cm-boite{border:2.5px solid var(--encre);height:54px;box-shadow:3px 3px 0 var(--encre);background:#fff;align-items:center;gap:10px;padding:0 14px;display:flex}.cm-boite:focus-within{outline:3px solid var(--bleu-roi);outline-offset:3px}.cm-boite>.ico{stroke-width:2.6px;flex:none}.cm-boite input{min-width:0;height:100%;color:var(--encre);font:600 18px/1.2 var(--famille);background:0 0;border:0;outline:none;flex:1}.cm-boite input::placeholder{color:var(--encre2);opacity:1;font-weight:500}.cm-boite input::-webkit-search-cancel-button{display:none}.cm-liste{z-index:30;overscroll-behavior:contain;background:var(--papier);border:3px solid var(--encre);max-height:min(60vh,460px);box-shadow:6px 6px 0 var(--encre);margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.cm-liste[hidden]{display:none}.cm-option{cursor:pointer;border:2px solid #0000;border-radius:8px;flex-direction:column;gap:1px;padding:9px 12px;display:flex}.cm-option[aria-selected=true],.cm-option:hover{background:var(--survol);border-color:var(--encre)}.cm-option-nom{overflow-wrap:anywhere;font-size:16px;font-weight:800;line-height:1.25}.cm-option-detail{color:var(--encre2);font-size:13px;font-weight:600;line-height:1.35}.cm-vide{margin:4px 0 0;font-size:14px;font-weight:600;line-height:1.45}.cm-vide a{text-underline-offset:3px;text-decoration:underline}.cm-etat{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cm-nouveau{background:var(--vert);border:2px solid var(--encre);min-height:44px;box-shadow:3px 3px 0 var(--encre);transition:translate var(--rapide), box-shadow var(--rapide);flex-wrap:wrap;align-self:flex-start;align-items:center;gap:4px 10px;padding:6px 12px;font-size:14px;font-weight:800;line-height:1.3;display:inline-flex}.cm-nouveau .tampon{background:var(--jaune);rotate:-3deg}.cm-nouveau:hover{box-shadow:4px 4px 0 var(--encre);color:var(--encre);translate:-1px -1px}.cm-nouveau:hover .fleche{translate:3px}.cm-nouveau .fleche{transition:translate var(--rapide);display:inline-block}.cm-familles{flex-direction:column;gap:10px;display:flex}.cm-ou{text-transform:uppercase;letter-spacing:.04em;margin:4px 0 0;font-size:13px;font-weight:900}.cm-onglets{flex-wrap:wrap;gap:8px;display:flex}.cm-onglet{background:var(--papier);border:2px solid var(--encre);white-space:nowrap;min-height:44px;transition:background var(--rapide), translate var(--rapide);border-radius:22px;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:800;display:inline-flex}.cm-onglet:hover{background:var(--survol);color:var(--encre)}.cm-onglet[aria-selected=true]{background:var(--encre);color:var(--papier)}.cm-onglet.nouveau:not([aria-selected=true]){background:var(--vert)}.cm-pastille{background:var(--jaune);color:var(--encre);border:1.5px solid var(--encre);letter-spacing:.05em;text-transform:uppercase;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:900;line-height:1.4;display:inline-block}.cm-panneau{border-top:2px dashed #1a10264d;flex-direction:column;gap:8px;padding:12px 0 0;display:flex}.cm-panneau[hidden]{display:none}.cm-panneau-nom{color:var(--encre2);margin:0;font-size:13px;font-weight:700}.cm-sous{flex-direction:column;gap:6px;display:flex}.cm-sous-nom{text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:12px;font-weight:900}.cm-puces{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.cm-puce{border:2px solid var(--encre);min-height:44px;box-shadow:2px 2px 0 var(--encre);transition:translate var(--rapide), box-shadow var(--rapide), background var(--rapide);background:#fff;align-items:center;gap:6px;padding:6px 12px;font-size:15px;font-weight:700;line-height:1.25;display:inline-flex}.cm-puce:hover{box-shadow:3px 3px 0 var(--encre);background:var(--jaune);color:var(--encre);translate:-1px -1px}.cm-puce:focus-visible,.cm-onglet:focus-visible,.cm-nouveau:focus-visible{outline:3px solid var(--bleu-roi);outline-offset:2px}.cm-puce-annonce{border-style:dashed}.cm-puce-famille{background:var(--vert);align-self:flex-start;font-weight:900}@media (width<=699px){.cm{box-shadow:4px 4px 0 var(--encre);padding:14px 14px 16px}.cm-boite input{font-size:17px}.cm-onglet{padding:0 10px;font-size:13px}.cm-puce{font-size:14px}}
