@font-face{font-family:Rubik;src:url(/assets/fonts/Rubik/Rubik-VariableFont_wght.ttf) format("TrueType")}@font-face{font-family:Rubik;font-style:italic;src:url(/assets/fonts/Rubik-Italic-VariableFont_wght) format("TrueType")}@font-face{font-family:Rubik Mono One;src:url(/assets/fonts/Rubik_Mono_One/RubikMonoOne-Regular.ttf) format("TrueType")}@font-face{font-family:Lato;font-weight:900;font-style:normal;src:url(/assets/fonts/Lato/Lato-Black.ttf) format("TrueType")}@font-face{font-family:Lato;font-weight:900;font-style:italic;src:url(/assets/fonts/Lato/Lato-BlackItalic.ttf) format("TrueType")}@font-face{font-family:Lato;font-weight:700;font-style:normal;src:url(/assets/fonts/Lato/Lato-Bold.ttf) format("TrueType")}@font-face{font-family:Lato;font-weight:700;font-style:italic;src:url(/assets/fonts/Lato/Lato-BoldItalic.ttf) format("TrueType")}@font-face{font-family:Lato;font-weight:400;font-style:normal;src:url(/assets/fonts/Lato/Lato-Regular.ttf) format("TrueType")}@font-face{font-family:Lato;font-weight:400;font-style:italic;src:url(/assets/fonts/Lato/Lato-Italic.ttf) format("TrueType")}@font-face{font-family:Lato;font-weight:300;font-style:normal;src:url(/assets/fonts/Lato/Lato-Light.ttf) format("TrueType")}@font-face{font-family:Lato;font-weight:300;font-style:italic;src:url(/assets/fonts/Lato/Lato-LightItalic.ttf) format("TrueType")}@font-face{font-family:Lato;font-weight:100;font-style:normal;src:url(/assets/fonts/Lato/Lato-Thin.ttf) format("TrueType")}@font-face{font-family:Lato;font-weight:100;font-style:italic;src:url(/assets/fonts/Lato/Lato-ThinItalic.ttf) format("TrueType")}:root{--c-blackAlpha-50: rgba(0, 0, 0, .04);--c-blackAlpha-100: rgba(0, 0, 0, .06);--c-blackAlpha-200: rgba(0, 0, 0, .08);--c-blackAlpha-300: rgba(0, 0, 0, .16);--c-blackAlpha-400: rgba(0, 0, 0, .24);--c-blackAlpha-500: rgba(0, 0, 0, .36);--c-blackAlpha-600: rgba(0, 0, 0, .48);--c-blackAlpha-700: rgba(0, 0, 0, .64);--c-blackAlpha-800: rgba(0, 0, 0, .8);--c-blackAlpha-900: rgba(0, 0, 0, .92);--c-whiteAlpha-50: rgba(255, 255, 255, .04);--c-whiteAlpha-100: rgba(255, 255, 255, .06);--c-whiteAlpha-200: rgba(255, 255, 255, .08);--c-whiteAlpha-300: rgba(255, 255, 255, .16);--c-whiteAlpha-400: rgba(255, 255, 255, .24);--c-whiteAlpha-500: rgba(255, 255, 255, .36);--c-whiteAlpha-600: rgba(255, 255, 255, .48);--c-whiteAlpha-700: rgba(255, 255, 255, .64);--c-whiteAlpha-800: rgba(255, 255, 255, .8);--c-whiteAlpha-900: rgba(255, 255, 255, .92);--c-gray-50: #f7fafc;--c-gray-100: #edf2f7;--c-gray-200: #e2e8f0;--c-gray-300: #cbd5e0;--c-gray-400: #a0aec0;--c-gray-500: #718096;--c-gray-600: #4a5568;--c-gray-700: #2d3748;--c-gray-800: #1a202c;--c-gray-900: #171923;--c-red-50: #fff5f5;--c-red-100: #fed7d7;--c-red-200: #feb2b2;--c-red-300: #fc8181;--c-red-400: #f56565;--c-red-500: #e53e3e;--c-red-600: #c53030;--c-red-700: #9b2c2c;--c-red-800: #822727;--c-red-900: #63171b;--c-orange-50: #fffaf0;--c-orange-100: #feebc8;--c-orange-200: #fbd38d;--c-orange-300: #f6ad55;--c-orange-400: #ed8936;--c-orange-500: #dd6b20;--c-orange-600: #c05621;--c-orange-700: #9c4221;--c-orange-800: #7b341e;--c-orange-900: #652b19;--c-yellow-50: #fffff0;--c-yellow-100: #fefcbf;--c-yellow-200: #faf089;--c-yellow-300: #f6e05e;--c-yellow-400: #ecc94b;--c-yellow-500: #d69e2e;--c-yellow-600: #b7791f;--c-yellow-700: #975a16;--c-yellow-800: #744210;--c-yellow-900: #5f370e;--c-green-50: #f0fff4;--c-green-100: #c6f6d5;--c-green-200: #9ae6b4;--c-green-300: #68d391;--c-green-400: #48bb78;--c-green-500: #38a169;--c-green-600: #2f855a;--c-green-700: #276749;--c-green-800: #22543d;--c-green-900: #1c4532;--c-teal-50: #e6fffa;--c-teal-100: #b2f5ea;--c-teal-200: #81e6d9;--c-teal-300: #4fd1c5;--c-teal-400: #38b2ac;--c-teal-500: #319795;--c-teal-600: #2c7a7b;--c-teal-700: #285e61;--c-teal-800: #234e52;--c-teal-900: #1d4044;--c-blue-50: #ebf8ff;--c-blue-100: #bee3f8;--c-blue-200: #90cdf4;--c-blue-300: #63b3ed;--c-blue-400: #4299e1;--c-blue-500: #3182ce;--c-blue-600: #2b6cb0;--c-blue-700: #2c5282;--c-blue-800: #2a4365;--c-blue-900: #1a365d;--c-cyan-50: #edfdfd;--c-cyan-100: #c4f1f9;--c-cyan-200: #9decf9;--c-cyan-300: #76e4f7;--c-cyan-400: #0bc5ea;--c-cyan-500: #00b5d8;--c-cyan-600: #00a3c4;--c-cyan-700: #0987a0;--c-cyan-800: #086f83;--c-cyan-900: #065666;--c-purple-50: #faf5ff;--c-purple-100: #e9d8fd;--c-purple-200: #d6bcfa;--c-purple-300: #b794f4;--c-purple-400: #9f7aea;--c-purple-500: #805ad5;--c-purple-600: #6b46c1;--c-purple-700: #553c9a;--c-purple-800: #44337a;--c-purple-900: #322659;--c-pink-50: #fff5f7;--c-pink-100: #fed7e2;--c-pink-200: #fbb6ce;--c-pink-300: #f687b3;--c-pink-400: #ed64a6;--c-pink-500: #d53f8c;--c-pink-600: #b83280;--c-pink-700: #97266d;--c-pink-800: #702459;--c-pink-900: #521b41}:root{--bg-1: var(--c-gray-50);--bg-2: var(--c-gray-100);--bg-3: var(--c-gray-200);--bg-4: var(--c-gray-300);--fg-1: var(--c-gray-900);--fg-2: var(--c-gray-800);--fg-3: var(--c-gray-700);--fg-inverted-1: var(--c-gray-50);--fg-inverted-2: var(--c-gray-100);--font-1: "Lato", Arial, Helvetica, sans-serif;--font-2: "Rubik", "Lato", Arial, Helvetica, sans-serif}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-1);color:var(--fg-1);outline:none}body{background-color:var(--bg-1)}body>.container-lg{padding-top:1rem;padding-bottom:2rem}a{text-decoration-style:dotted}a:hover{text-decoration-style:solid}p{font-size:1.1rem}.heading-1,.heading-2{margin:1rem 0;font-family:var(--font-2)}.heading-1{font-size:2.5rem;font-weight:500;border-bottom:2px solid var(--c-orange-500)}.heading-2{font-size:2rem;font-weight:400}.cards-container{display:grid;padding:1rem 0;grid-template-columns:1fr;gap:1rem}.cards-container .card{padding:.5rem;border:2px solid var(--bg-3);background-color:var(--bg-2);border-radius:8px;display:flex;flex-direction:column;justify-content:space-between}.columns-container{display:grid;grid-template-columns:1fr}.columns-container .column:has(+.column){padding-bottom:1rem}.columns-container .column+.column{padding-top:1rem;border-top:2px solid var(--bg-3)}.button{--btn-color: var(--c-gray-50);--btn-bg: var(--c-orange-500);--btn-bg-hover: var(--c-orange-600);--btn-bg-focus: var(--c-orange-700);display:inline-block;padding:.5rem 1rem;border:none;font-size:inherit;text-align:center;text-decoration:none;color:var(--btn-color);background-color:var(--btn-bg);cursor:pointer;border-radius:6px;transition:background-color .1s,opacity .1s,box-shadow .1s;overflow:hidden}.button:not(.disabled):not(:disabled):hover{background-color:var(--btn-bg-hover)}.button:not(.disabled):not(:disabled):focus,.button:not(.disabled):not(:disabled):active{background-color:var(--btn-bg-focus)}.button.btn-info{--btn-color: var(--c-gray-50);--btn-bg: var(--c-blue-500);--btn-bg-hover: var(--c-blue-600);--btn-bg-focus: var(--c-blue-700)}.button.btn-success{--btn-color: var(--c-gray-50);--btn-bg: var(--c-green-500);--btn-bg-hover: var(--c-green-600);--btn-bg-focus: var(--c-green-700)}.button.btn-danger{--btn-color: var(--c-gray-50);--btn-bg: var(--c-red-500);--btn-bg-hover: var(--c-red-600);--btn-bg-focus: var(--c-red-700)}.button.btn-sm{padding:.3rem .6rem}.button.btn-sm.btn-icon svg{height:1rem;width:1rem}.button.btn-icon{display:flex;align-items:center;justify-content:center;gap:.5rem}.button.btn-icon svg{height:1.25rem;width:1.25rem;stroke:var(--c-gray-50)}.buttons-container{display:flex;padding:.5rem 0;flex-direction:row;flex-wrap:wrap;gap:1rem}.input-group{display:flex;flex-direction:column;gap:.25rem}.input-subgroup{padding-left:1rem}.input-group+.input-subgroup{margin-top:.25rem}.input-group+.input-group:not(.input-subgroup){margin-top:1rem}.input{padding:.3rem .6rem;border:2px solid var(--bg-3);font-size:inherit;background-color:var(--bg-2);border-radius:6px;transition:border-color .1s}.input:not(:disabled):hover{border-color:var(--bg-4)}.input:not(:disabled):focus{background-color:var(--bg-1);border-color:var(--c-orange-400)}.select-container{display:flex;position:relative;flex-direction:column;gap:.25rem}.select-container select{padding:.3rem .6rem;border:2px solid var(--bg-3);font-size:inherit;background-color:var(--bg-2);border-radius:6px;transition:border-color .1s;width:100%}.select-container select:not(:disabled):hover{border-color:var(--bg-4)}.select-container select:not(:disabled):focus{background-color:var(--bg-1);border-color:var(--c-orange-400)}.button:disabled,.button.disabled,.input:disabled{opacity:.4;cursor:not-allowed}.color-picker{display:flex;gap:.5rem}.color-picker .color{height:2rem;width:2rem;border:2px solid var(--c-gray-200);border-radius:6px}.checkbox-container{display:flex;position:relative;flex-direction:row;align-items:center;gap:.5rem}.checkbox-container input{width:0;opacity:0;overflow:hidden;transform:scale(0)}.checkbox-container .checkbox{display:flex;width:1rem;height:1rem;border:2px solid var(--c-orange-500);background-color:transparent;justify-content:center;align-items:center;border-radius:4px;cursor:pointer}.checkbox-container .checkbox svg{display:none;width:.8rem;height:.8rem;stroke-width:3px;stroke:var(--c-gray-50);margin-bottom:-.1rem}.checkbox-container input:checked+.checkbox{background-color:var(--c-orange-500)}.checkbox-container input:checked:not(:indeterminate)+.checkbox svg.checked{display:block}.checkbox-container input:indeterminate+.checkbox svg.indeterminate{display:block}.checkbox-container:not(.disabled):hover .checkbox,.checkbox-container:not(.disabled) input:focus+.checkbox{border-color:var(--c-orange-600)}.checkbox-container:not(.disabled):hover input:checked+.checkbox,.checkbox-container:not(.disabled) input:focus:checked+.checkbox{background-color:var(--c-orange-600)}.checkbox-container.disabled,.checkbox-container.disabled *{cursor:not-allowed}.checkbox-container.disabled .checkbox{opacity:.5}.permission{display:flex;flex-direction:row;align-items:center;gap:.3rem}.permission svg{height:1.25rem;width:1.25rem}.permission .check{stroke:var(--c-green-500)}.permission .cross{stroke:var(--c-red-500)}.usine-couleur{display:inline-block;width:1.5rem;height:1.5rem;margin-right:8px;border-radius:50%}.window{position:fixed;top:0;left:0;height:100dvh;width:100dvw;background-color:var(--c-blackAlpha-700);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.window>.window-container{background-color:var(--bg-1);padding:2.5rem;border-radius:1rem;position:relative}.window .close-window{position:absolute;top:1rem;right:1rem;cursor:pointer}.window .close-window:focus{outline:2px solid var(--c-orange-500)}#num-input{display:flex;align-items:center;justify-content:center;flex-direction:column;position:fixed;top:0;left:0;height:100vh;width:100vw;z-index:1100;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem;box-sizing:border-box}#num-input :not(input){-webkit-user-select:none;user-select:none}#num-input>.input-container,#num-input>.result{position:relative;color:#fff;font-family:var(--font-2);font-size:8rem;font-weight:700;width:100%;max-width:100%;text-align:center}#num-input>.input-container input{background:none;border:none;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;text-align:center;outline:none;max-width:100%;caret-color:var(--c-orange-500)}#num-input.empty>.input-container input{caret-color:transparent}#num-input>.input-container .placeholder{position:absolute;left:50%;top:50%;transform:translate(-50%) translateY(-50%);color:#8a8b8c;font-family:inherit}#num-input>.result{color:#aaabac;font-size:6rem;overflow:auto hidden;max-width:100%;text-wrap:nowrap}#num-input>.start-typing{font-size:1.25rem;position:absolute;bottom:1rem;font-family:var(--font-2);font-weight:400}#num-input>.item{display:flex;flex-direction:column;align-items:center;font-size:1.5rem;position:absolute;top:1rem;font-family:var(--font-2)}#num-input>.item>div{display:flex;align-items:center;gap:1rem;color:var(--c-gray-100)}#num-input>.item img{height:1.75rem;aspect-ratio:1 / 1}.toast{--foreground: var(--c-gray-50);position:fixed;top:1rem;left:1rem;padding:.5rem 2.5rem .5rem .5rem;background-color:var(--c-orange-500);color:var(--foreground, --c-gray-50);border-radius:6px;display:flex;gap:.5rem;max-width:300px;z-index:200}.toast svg{cursor:pointer;min-width:1rem;width:1rem;position:absolute;top:.5rem;right:.5rem;stroke:var(--foreground, --c-gray-50)}.toast span{color:var(--foreground, --c-gray-50)}.toast.toast-danger{background-color:var(--c-red-500)}.toast.toast-warning{background-color:var(--c-yellow-500)}.toast.toast-success{background-color:var(--c-green-500)}.save-all{z-index:150}@keyframes saveall-show{0%{transform:translateY(calc(-100% - 1.5rem))}to{transform:translateY(0)}}.save-all.active{position:sticky;top:1rem;box-shadow:0 0 1.5rem var(--c-blackAlpha-900);animation:saveall-show .3s cubic-bezier(.68,-.55,.265,1.55) 0s 1 normal forwards}#ressources-container{width:100%;overflow:auto hidden;margin-top:1.5rem}#ressources{border-collapse:collapse;width:100%}#ressources tr:not(.filter-row) th{background-color:var(--c-orange-500);color:var(--c-gray-50);padding:.5rem;text-align:left;border:2px solid var(--c-orange-500)}#ressources tr.filter-row th{border:2px solid var(--bg-3)}#ressources tr.filter-row th .content{position:relative;display:flex}#ressources tr.filter-row th .content .input{width:100%;border:none}#ressources tr.filter-row th:has(.content .input:hover){border-color:var(--bg-4)}#ressources tr.filter-row th:has(.content .input:focus){border-color:var(--c-orange-400)}#ressources tr.filter-row th:has(+th .content .input:hover):not(:has(.content .input:focus)),#ressources tr.filter-row th:has(+th .content .input:focus){border-right:none}#ressources td{vertical-align:middle;padding:.5rem 1rem;border:2px solid var(--bg-3)}#ressources tr:nth-child(2n){background-color:var(--bg-2)}#ressources td.td-name .content,#ressources td.td-recette .content,#ressources td.td-surplus .content,#ressources td.td-usine .content{position:relative;display:flex;align-items:center;gap:.5rem}#ressources td.td-name .content img,#ressources td.td-recette .content img{height:1.5rem}#ressources td.td-recette .content:before,#ressources td.td-surplus .content:before,#ressources td.td-usine .content:before{content:"";height:1.5rem;width:.5rem;border-radius:100vw;background-color:var(--c-green-500)}#ressources td.td-usine .content:before{background-color:var(--couleur-usine, var(--c-gray-500))}#ressources td.td-recette.recette-none .content:before,#ressources td.td-surplus.surplus-inactif .content:before{background-color:var(--c-gray-500)}#ressources td.td-recette.recette-default .content:before,#ressources td.td-surplus.surplus-modere .content:before{background-color:var(--c-blue-500)}#ressources td.td-surplus.surplus-equilibre .content:before{background-color:var(--c-yellow-500)}#ressources td.td-surplus.surplus-manque .content:before{background-color:var(--c-red-500)}#ressources td.td-surplus .content .valeur{font-family:var(--font-2);font-weight:500}#ressources td.td-surplus .content .pourcentage{font-family:var(--font-2);font-weight:200}#ressources td.td-amplifie .content,#ressources td.td-active .content{display:flex;justify-content:center}#ressources.modifiable td.td-production:not(.disabled){cursor:text}#ressources.modifiable td.td-production:focus{outline:2px solid var(--c-orange-500)}#ressources td.td-production[data-amplifie]{color:var(--fg-3)}#ressources td.td-production[data-amplifie]:before{content:"2 × "}#ressources td.td-production[data-amplifie]:after{display:block;content:" = " attr(data-amplifie);color:var(--fg-1)}#ressources td.td-actions .content{display:flex;gap:.5rem}#ressources td.td-ingredients .content{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem}#ressources td.td-ingredients .content .ingredient{display:flex;position:relative;align-items:center;gap:.5rem;background-color:var(--bg-3);padding:.25rem .5rem;border:2px solid var(--couleur-usine, var(--bg-4));border-radius:6px}#ressources.modifiable td.td-ingredients .content .ingredient{cursor:pointer}#ressources td.td-ingredients .content .ingredient.disabled{cursor:default}#ressources td.td-ingredients .content .ingredient img{height:1.5rem}#ressources td.td-ingredients .content .ingredient:hover:before,#ressources td.td-ingredients .content .ingredient:focus:before{content:attr(data-usine);position:absolute;top:-.5rem;left:50%;transform:translate(-50%) translateY(-100%);padding:.25rem .5rem;background-color:var(--couleur-usine, var(--bg-4));color:var(--couleur-fg, var(--fg-1));border-radius:6px}#ressources td.td-ingredients .content .ajouter-ingredient{cursor:pointer;display:flex;align-items:center}#ressources td.td-ingredients .content .ajouter-ingredient:hover,#ressources td.td-ingredients .content .ajouter-ingredient:focus{opacity:.75}#ressources td.td-ingredients .summary{position:relative;-webkit-user-select:none;user-select:none}#ressources td.td-ingredients .summary .count{display:inline-block;padding:.25rem .5rem;background-color:var(--c-red-500);color:var(--c-gray-50);margin-top:.5rem;border-radius:6px}#ressources td.td-ingredients .summary .errors{display:none;flex-direction:column;position:absolute;top:calc(100% + 4px);z-index:100;padding:.25rem .5rem;background-color:var(--c-red-500);color:var(--c-gray-50);border-radius:6px}#ressources td.td-ingredients .summary:has(.count:hover) .errors,#ressources td.td-ingredients .summary:has(.count:focus) .errors{display:flex}#ressources td.td-ingredients .summary .errors span{display:block}#ressources td.td-ingredients .summary .errors .ingredient-manque:before{content:"Manque : "}#ressources td.td-ingredients .summary .errors .ingredient-surplus:before{content:"Surplus : "}@media (prefers-color-scheme: dark){:root{--bg-1: var(--c-gray-900);--bg-2: var(--c-gray-800);--bg-3: var(--c-gray-700);--bg-4: var(--c-gray-600);--fg-1: var(--c-gray-200);--fg-2: var(--c-gray-300);--fg-3: var(--c-gray-400);--fg-inverted-1: var(--c-gray-900);--fg-inverted-2: var(--c-gray-800)}}.container-min,.container-sm,.container,.container-lg{width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem}@media (min-width: 420px){.container-min{max-width:320px}.container-sm{max-width:380px}.container{max-width:420px}.cards-container{grid-template-columns:repeat(2,1fr)}}@media (min-width: 640px){.container-min{max-width:420px}.container-sm{max-width:540px}.container{max-width:640px}.cards-container{grid-template-columns:repeat(3,1fr)}.columns-container{grid-template-columns:repeat(2,1fr)}.columns-container .column:has(+.column){padding-bottom:0;padding-right:1rem}.columns-container .column+.column{padding-top:0;padding-left:1rem;border-top:none;border-left:2px solid var(--bg-3)}}@media (min-width: 768px){.container-min{max-width:480px}.container-sm{max-width:640px}.container{max-width:768px}}@media (min-width: 1024px){.container-min{max-width:540px}.container-sm{max-width:768px}.container{max-width:1024px}.cards-container{grid-template-columns:repeat(5,1fr)}.cards-container-sm{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1280px){.container-min{max-width:640px}.container-sm{max-width:1024px}.container{max-width:1280px}.container-lg{max-width:1560px}.cards-container{grid-template-columns:repeat(6,1fr)}.cards-container-sm{grid-template-columns:repeat(3,1fr)}}.wrapper-fluid{width:100%;padding-right:1rem;padding-left:1rem}.wrapper-content{max-width:65ch;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem}.wrapper-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;padding:1rem}.wrapper-flex{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem}.wrapper-section{width:100%;padding-top:4rem;padding-bottom:4rem}.wrapper-card{padding:1.5rem;border-radius:.5rem;background-color:#fff;box-shadow:0 1px 3px #0000001a}