:root{--grade-gravure-haut: #8e8a84;--grade-gravure-milieu: #4a4743;--grade-gravure-bas: #1c1b1a;--grade-gravure-arete: #d8d2c8;--grade-paille-haut: #fff1c8;--grade-paille-milieu: #d9bf7a;--grade-paille-bas: #6e5a2a;--grade-paille-arete: #fffbe8;--grade-bronze-haut: #f6c9a0;--grade-bronze-milieu: #b0643a;--grade-bronze-bas: #4a2210;--grade-bronze-arete: #ffe2cc;--grade-pourpre-haut: #e8b8e8;--grade-pourpre-milieu: #8a4aa8;--grade-pourpre-bas: #34124a;--grade-pourpre-arete: #f8e0ff;--grade-bleu-haut: #bfd8ff;--grade-bleu-milieu: #3f6fd0;--grade-bleu-bas: #122a66;--grade-bleu-arete: #e8f2ff;--grade-sarcelle-haut: #b8f4ec;--grade-sarcelle-milieu: #2aa89a;--grade-sarcelle-bas: #0c4440;--grade-sarcelle-arete: #e6fffb;--grade-or-haut: #fff4c8;--grade-or-milieu: #e0b43c;--grade-or-bas: #6b4a10;--grade-or-arete: #fffbe8;--grade-irise-haut: #ffe8b0;--grade-irise-milieu: #c890e8;--grade-irise-bas: #2a5f8a;--grade-irise-arete: #fff8e0;--grade-nom: var(--ink-2, #c3c9d1);--grade-lueur: #ffffffb3}[data-theme=clair]{--grade-gravure-haut: #8e8a84;--grade-gravure-milieu: #4a4743;--grade-gravure-bas: #141312;--grade-gravure-arete: #d8d2c8;--grade-paille-haut: #fff1c8;--grade-paille-milieu: #d9bf7a;--grade-paille-bas: #4d3f1d;--grade-paille-arete: #fffbe8;--grade-bronze-haut: #f6c9a0;--grade-bronze-milieu: #b0643a;--grade-bronze-bas: #34180b;--grade-bronze-arete: #ffe2cc;--grade-pourpre-haut: #e8b8e8;--grade-pourpre-milieu: #8a4aa8;--grade-pourpre-bas: #240d34;--grade-pourpre-arete: #f8e0ff;--grade-bleu-haut: #bfd8ff;--grade-bleu-milieu: #3f6fd0;--grade-bleu-bas: #0d1d47;--grade-bleu-arete: #e8f2ff;--grade-sarcelle-haut: #b8f4ec;--grade-sarcelle-milieu: #2aa89a;--grade-sarcelle-bas: #08302d;--grade-sarcelle-arete: #e6fffb;--grade-or-haut: #fff4c8;--grade-or-milieu: #e0b43c;--grade-or-bas: #4b340b;--grade-or-arete: #fffbe8;--grade-irise-haut: #ffe8b0;--grade-irise-milieu: #c890e8;--grade-irise-bas: #1d4361;--grade-irise-arete: #fff8e0;--grade-nom: #2a2e34;--grade-lueur: #ffffffcc}.grade{display:inline-flex;flex-direction:column;align-items:center;gap:2px;vertical-align:middle;line-height:1}.grade__piece{position:relative;display:block}.grade__piece svg{display:block;width:100%;height:100%;overflow:visible}.grade--pastille .grade__piece{width:24px;height:16px}.grade--badge .grade__piece{width:36px;height:24px}.grade--plaque .grade__piece{width:108px;height:72px}.grade__nom{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--grade-nom);white-space:nowrap}.grade--pastille .grade__nom{font-size:9px}.grade--badge .grade__nom{font-size:10px}.grade--plaque .grade__nom{font-size:13px;letter-spacing:.16em}.grade--terni{filter:saturate(.3) brightness(.85)}.grade--reflet .grade__balai{animation:grade-reflet 7s ease-in-out infinite}@keyframes grade-reflet{0%{transform:translate(-24px)}45%,to{transform:translate(24px)}}@media (prefers-reduced-motion: reduce){.grade__lueur{display:none}.grade--reflet .grade__balai{animation:none}}