/* Fabriqué par outils/generer_carres.py : ne pas modifier à la main. */
:root[data-carre="citron"] .tableau > li > .note:not(.note-nouvelle), .carre-citron { --encre-note: #2a2000; --doux-note: #2a2000; color: #2a2000; background: url("carres/citron.svg") center / 100% 100% no-repeat; border-radius: 0; box-shadow: none; filter: drop-shadow(2px 4px 6px rgba(60, 45, 0, .4)); padding: 11% 9.5% 7%; }
:root[data-carre="citron"] .tableau > li > .note:not(.note-nouvelle)::before { content: none; }
:root[data-carre="citron"] .tableau > li::after { content: none !important; }
:root[data-carre="citron"] .tableau .note > .aimant { display: none; }
:root[data-carre="citron"] .tableau .note-titre { font-size: 14px; }
:root[data-carre="orange"] .tableau > li > .note:not(.note-nouvelle), .carre-orange { --encre-note: #2b1400; --doux-note: #2b1400; color: #2b1400; background: url("carres/orange.svg") center / 100% 100% no-repeat; border-radius: 0; box-shadow: none; filter: drop-shadow(2px 4px 6px rgba(70, 35, 0, .4)); padding: 12% 9.5% 7%; }
:root[data-carre="orange"] .tableau > li > .note:not(.note-nouvelle)::before { content: none; }
:root[data-carre="orange"] .tableau > li::after { content: none !important; }
:root[data-carre="orange"] .tableau .note > .aimant { display: none; }
:root[data-carre="orange"] .tableau .note-titre { font-size: 14px; }
:root[data-carre="biscuit"] .tableau > li > .note:not(.note-nouvelle), .carre-biscuit { --encre-note: #2b1800; --doux-note: #2b1800; color: #2b1800; background: url("carres/biscuit.svg") center / 100% 100% no-repeat; border-radius: 0; box-shadow: none; filter: drop-shadow(2px 4px 5px rgba(70, 45, 10, .45)); padding: 12% 10% 7%; }
:root[data-carre="biscuit"] .tableau > li > .note:not(.note-nouvelle)::before { content: none; }
:root[data-carre="biscuit"] .tableau > li::after { content: none !important; }
:root[data-carre="biscuit"] .tableau .note > .aimant { display: none; }
:root[data-carre="biscuit"] .tableau .note-titre { font-size: 14px; }
:root[data-carre="chocolat"] .tableau > li > .note:not(.note-nouvelle), .carre-chocolat { --encre-note: #fff4e0; --doux-note: #fff4e0; color: #fff4e0; background: url("carres/chocolat.svg") center / 100% 100% no-repeat; border-radius: 0; box-shadow: none; filter: drop-shadow(2px 4px 6px rgba(30, 12, 3, .55)); padding: 10% 8.5% 7%; }
:root[data-carre="chocolat"] .tableau > li > .note:not(.note-nouvelle)::before { content: none; }
:root[data-carre="chocolat"] .tableau > li::after { content: none !important; }
:root[data-carre="chocolat"] .tableau .note > .aimant { display: none; }
:root[data-carre="chocolat"] .tableau .note-titre { font-size: 14px; }
:root[data-carre="fromage"] .tableau > li > .note:not(.note-nouvelle), .carre-fromage { --encre-note: #33260a; --doux-note: #33260a; color: #33260a; background: url("carres/fromage.svg") center / 100% 100% no-repeat; border-radius: 0; box-shadow: none; filter: drop-shadow(2px 4px 6px rgba(80, 60, 0, .4)); padding: 10% 8.5% 7%; }
:root[data-carre="fromage"] .tableau > li > .note:not(.note-nouvelle)::before { content: none; }
:root[data-carre="fromage"] .tableau > li::after { content: none !important; }
:root[data-carre="fromage"] .tableau .note > .aimant { display: none; }
:root[data-carre="fromage"] .tableau .note-titre { font-size: 14px; }
:root[data-carre="echiquier"] .tableau > li > .note:not(.note-nouvelle), .carre-echiquier { --encre-note: #1a1006; --doux-note: #1a1006; color: #1a1006; background: url("carres/echiquier.svg") center / 100% 100% no-repeat; border-radius: 0; box-shadow: none; filter: drop-shadow(2px 4px 6px rgba(40, 25, 5, .5)); padding: 11% 10% 7%; }
:root[data-carre="echiquier"] .tableau > li > .note:not(.note-nouvelle)::before { content: none; }
:root[data-carre="echiquier"] .tableau > li::after { content: none !important; }
:root[data-carre="echiquier"] .tableau .note > .aimant { display: none; }
:root[data-carre="echiquier"] .tableau .note-titre { font-size: 14px; }
:root[data-carre="cadre"] .tableau > li > .note:not(.note-nouvelle), .carre-cadre { --encre-note: #222222; --doux-note: #222222; color: #222222; background: url("carres/cadre.svg") center / 100% 100% no-repeat; border-radius: 0; box-shadow: none; filter: drop-shadow(2px 4px 5px rgba(50, 40, 0, .4)); padding: 26% 10% 9%; }
:root[data-carre="cadre"] .tableau > li > .note:not(.note-nouvelle)::before { content: none; }
:root[data-carre="cadre"] .tableau > li::after { content: none !important; }
:root[data-carre="cadre"] .tableau .note > .aimant { display: none; }
:root[data-carre="cadre"] .tableau .note-titre { font-size: 14px; }