.onglets-barre{display:flex;flex-wrap:wrap;gap:var(--esp-8);margin:var(--esp-6) 0 var(--esp-18)}.onglets-barre button{display:inline-flex;align-items:center;gap:var(--esp-8);min-height:44px;padding:0 var(--esp-18);border-radius:var(--arrondi-pilule);border:1px solid var(--line);background:var(--surface);color:var(--ink2);font:600 var(--police-15) var(--font-jakarta);cursor:pointer}.onglets-barre button[aria-selected=true]{color:var(--ink);border-color:var(--g2-t);background:color-mix(in srgb,var(--g2-t) 9%,var(--surface))}.onglets-barre button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (max-width:759px){.onglets-barre{gap:var(--esp-6);margin:var(--esp-2) 0 var(--esp-12)}.onglets-barre button{padding:0 var(--esp-14);font-size:var(--police-14)}}.onglets-segmentes .onglets-barre{display:flex;flex-wrap:nowrap;gap:var(--esp-4);padding:var(--esp-4);margin:var(--esp-6) 0 var(--esp-18);border-radius:var(--arrondi-pilule);background:var(--surface2);border:1px solid var(--line);width:fit-content;max-width:100%}.onglets-segmentes .onglets-barre button{flex:1 0 auto;justify-content:center;min-height:44px;padding:0 var(--esp-16);border:0;border-radius:var(--arrondi-pilule);background:transparent;color:var(--ink2);white-space:nowrap;font:600 var(--police-14) var(--font-jakarta)}.onglets-segmentes .onglets-barre button:is(:hover,:focus-visible,:has(:focus-visible)){color:var(--ink)}.onglets-segmentes .onglets-barre button[aria-selected=true]{background:var(--surface);color:var(--ink);border:0;box-shadow:0 1px 2px rgba(35,32,64,.1),0 0 0 1px color-mix(in srgb,var(--g2-t) 55%,transparent)}.onglets-segmentes .onglets-barre button:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.onglets-segmentes .onglets-ferme{display:none}.onglets-segmentes .onglets-panneau:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:var(--arrondi-8)}@media (max-width:759px){.onglets-segmentes .onglets-barre{overflow-x:auto;scrollbar-width:none;margin:var(--esp-2) 0 var(--esp-14)}.onglets-segmentes .onglets-barre::-webkit-scrollbar{display:none}.onglets-segmentes .onglets-barre[data-suite=droite]{-webkit-mask-image:linear-gradient(90deg,var(--noir) calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,var(--noir) calc(100% - 40px),transparent)}.onglets-segmentes .onglets-barre[data-suite=gauche]{-webkit-mask-image:linear-gradient(90deg,transparent,var(--noir) 40px);mask-image:linear-gradient(90deg,transparent,var(--noir) 40px)}.onglets-segmentes .onglets-barre[data-suite="gauche droite"]{-webkit-mask-image:linear-gradient(90deg,transparent,var(--noir) 40px,var(--noir) calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,transparent,var(--noir) 40px,var(--noir) calc(100% - 40px),transparent)}.onglets-segmentes .onglets-barre button{min-height:44px;padding:0 var(--esp-14);font-size:var(--police-14)}}@media print{.onglets-segmentes .onglets-barre{display:none}.onglets-segmentes .onglets-ferme{display:block}.onglets-segmentes .onglets-panneau:before{content:attr(data-nom);display:block;font:700 var(--police-15) var(--font-jakarta);margin:var(--esp-12) 0 var(--esp-6)}}