.clavier-ancre{position:relative}.champ-tete{align-items:flex-end;gap:var(--e-2);display:flex}.champ-tete>.champ-libelle{flex:1;min-inline-size:0}.clavier-bouton{align-items:center;gap:var(--e-1);min-block-size:var(--h-controle-s);padding-inline:var(--e-2);border:1px solid var(--c-ligne-forte);border-radius:var(--r-m);background:var(--c-surface);color:var(--c-texte-doux);font-size:var(--t-s);cursor:pointer;flex:none;line-height:1;display:inline-flex}.clavier-bouton [lang=ar]{font-family:var(--police-ar);font-size:var(--t-m)}.clavier-bouton:hover{border-color:var(--c-accent);color:var(--c-accent)}.clavier-bouton[aria-expanded=true]{border-color:var(--c-accent);background:var(--c-accent-doux);color:var(--c-accent)}.recherche-champ .clavier-bouton{inset-inline-end:var(--e-1);inset-block:var(--e-1);border-color:#0000;min-block-size:0;position:absolute}.recherche-champ:has(.clavier-bouton) input{padding-left:calc(var(--e-3) + 20px + var(--e-2));padding-right:5.25rem}@media (pointer:coarse){.clavier-bouton{min-block-size:var(--h-controle)}}.clavier-panneau{z-index:15;gap:var(--e-2);max-inline-size:46rem;padding:var(--e-3);background:var(--c-surface);border:1px solid var(--c-ligne-forte);border-radius:var(--r-l);box-shadow:var(--ombre-2);color:var(--c-texte);text-align:start;display:grid;position:absolute;inset-block-start:calc(100% + var(--e-1));inset-inline:0;container-type:inline-size}@media (max-width:39.99rem){.clavier-panneau{z-index:40;max-block-size:75dvh;max-inline-size:none;padding:var(--e-2) var(--e-2) max(var(--e-2), env(safe-area-inset-bottom,0px));border-radius:var(--r-l) var(--r-l) 0 0;border-block-end:0;border-inline:0;position:fixed;inset-block:auto 0;inset-inline:0;overflow-y:auto}html.clavier-arabe-ouvert body{padding-block-end:22rem}html.clavier-arabe-ouvert .clavier-bouton{scroll-margin-block-start:3.5rem}}.clavier-tete{align-items:center;gap:var(--e-2);display:flex}.clavier-titre{font-family:var(--police-titre);font-weight:var(--graisse-forte);font-size:var(--t-s);color:var(--c-texte-doux);flex:1}.clavier-titre-ar{font-family:var(--police-ar);font-weight:var(--graisse-normale)}.clavier-outil{min-inline-size:var(--h-controle-s);min-block-size:var(--h-controle-s);padding-inline:var(--e-2);border:1px solid var(--c-ligne);border-radius:var(--r-m);color:var(--c-texte-doux);font-size:var(--t-s);cursor:pointer;background:0 0;place-items:center;display:inline-grid}.clavier-outil:hover{color:var(--c-accent);border-color:var(--c-accent)}.clavier-outil[aria-pressed=true]{background:var(--c-accent-doux);border-color:var(--c-accent);color:var(--c-accent)}@media (pointer:coarse){.clavier-outil{min-inline-size:var(--h-controle);min-block-size:var(--h-controle)}}.clavier-bascule{white-space:nowrap;border-color:#0000;align-items:center;gap:.25em;display:inline-flex}.clavier-bascule [lang=ar]{font-family:var(--police-ar)}.clavier-grille{gap:var(--e-1);display:grid}.clavier-rangee{gap:var(--e-1);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.clavier-touche{min-inline-size:0;min-block-size:var(--h-controle);border:1px solid var(--c-ligne);border-block-end-width:2px;border-block-end-color:var(--c-ligne-forte);border-radius:var(--r-m);background:var(--c-surface);color:var(--c-texte);font-family:var(--police-ar);font-size:1.2rem;font-weight:var(--graisse-forte);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;align-content:center;place-items:center;padding:0;line-height:1;display:inline-grid;position:relative}.clavier-touche:hover{background:var(--c-accent-doux);border-color:var(--c-accent)}.clavier-touche:active{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-sur-accent)}.clavier-touche:focus-visible{outline:2px solid var(--c-focus);outline-offset:1px;z-index:1}.clavier-touche[aria-pressed=true]{background:var(--c-accent-doux);border-color:var(--c-accent);color:var(--c-accent)}.clavier-darija{font-family:var(--police-kufi);background:var(--c-accent);border-color:var(--c-accent);color:var(--c-sur-accent)}.clavier-darija:hover{background:var(--c-accent-fort);border-color:var(--c-accent-fort)}.clavier-avec-indice{grid-template-rows:auto auto;row-gap:2px;font-size:1rem}.clavier-indice{font-family:var(--police-ui);font-size:.6875rem;font-weight:var(--graisse-normale);color:var(--c-texte-doux);line-height:1}.clavier-touche:active .clavier-indice,.clavier-touche:hover .clavier-indice{color:inherit}.clavier-fonction{font-family:var(--police-ui);font-size:var(--t-s);font-weight:var(--graisse-normale);color:var(--c-texte-doux)}.clavier-mi{grid-column:span 2}.clavier-espace{grid-column:span 4}@container (max-width:26rem){.clavier-rangee,.clavier-grille{gap:3px}.clavier-touche{font-size:1.05rem}.clavier-avec-indice{font-size:.9rem}.clavier-indice{font-size:.625rem}}.clavier-panneau.clavier-panneau-flux{z-index:auto;max-block-size:none;max-inline-size:none;padding:var(--e-2) var(--e-3) var(--e-3);background:var(--c-surface-2);border:1px solid var(--c-ligne);border-radius:var(--r-l);box-shadow:none;position:static;overflow:visible}@media (max-width:39.99rem){.clavier-panneau.clavier-panneau-flux{padding:var(--e-2) 6px}}@media (forced-colors:active){.clavier-touche,.clavier-outil,.clavier-bouton{border-color:buttontext}}
