@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@400;500;700&display=swap";[data-theme=dark]{--grey-1:#fafafa;--grey-2:#f0f0f0;--grey-3:#e4e4e4;--grey-4:#d1d1d1;--grey-5:#b0b0b0;--grey-6:#8a8a8a;--grey-7:#6b6b6b;--grey-8:#4a4a4a;--grey-9:#2e2e2e;--grey-10:#1a1a1a}[data-theme=light]{--grey-1:#1a1a1a;--grey-2:#2e2e2e;--grey-3:#4a4a4a;--grey-4:#6b6b6b;--grey-5:#8a8a8a;--grey-6:#b0b0b0;--grey-7:#d1d1d1;--grey-8:#e4e4e4;--grey-9:#f0f0f0;--grey-10:#fafafa}body{background-color:var(--grey-10);margin:0;padding:0}*{font-family:Inter,system-ui,sans-serif}h1,h2,h3,h4,h5,h6,p{color:var(--grey-1);margin:0;font-family:Space Grotesk,system-ui,sans-serif}.content{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.container{width:1000px;height:80%;display:flex}.left-panel{border:1px solid var(--grey-8);background-color:var(--grey-9);box-sizing:border-box;border-radius:5px;flex-direction:column;width:50%;height:100%;margin-right:20px;padding:20px;display:flex;box-shadow:0 1px 3px #170c0f0f}.left-panel input[type=text]{box-sizing:border-box;background-color:var(--grey-8);color:#fff;border:none;border:1px solid var(--grey-8);border-radius:6px;width:100%;height:40px;margin-top:8px;margin-bottom:16px;padding:10px;font-size:15px}.left-panel input[type=text]::placeholder{font-size:15px;transition:all .15s}.left-panel input[type=text]:focus::placeholder{color:var(--grey-5)}.left-panel input[type=text]:focus{background-color:var(--grey-7);outline:none;transition:all .3s}.right-panel{box-sizing:border-box;border-radius:5px;flex-direction:column;justify-content:space-between;gap:15px;width:50%;height:100%;display:flex;box-shadow:0 1px 3px #170c0f0f}.listing{box-sizing:border-box;background-color:#0000;border-radius:6px;flex-direction:column;gap:5px;width:100%;padding:5px;display:flex;overflow-y:auto}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background-color:var(--grey-5);border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:var(--grey-4)}.element{box-sizing:border-box;border-radius:6px;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 12px;transition:all .2s;display:flex}.element:hover{background-color:var(--grey-8);cursor:pointer}.info{flex-direction:column;height:100%;display:flex}.info p{font-size:13px}.button{justify-content:center;align-items:center;height:100%;display:flex}.button button{color:#fff;border:1px solid var(--grey-7);border:1px solid var(--grey-5);background-color:#e8873d;border-radius:4px;justify-content:center;align-items:center;width:60px;height:30px;transition:all .15s;display:flex}.button button:hover{cursor:pointer;background-color:#e99656;transition:all .15s}.top-panel{background-color:var(--grey-9);border:1px solid var(--grey-8);box-sizing:border-box;border-radius:5px;flex-direction:column;flex:1;width:100%;min-height:0;padding:14px 16px;display:flex}.top-panel span{font-size:40px}.bar-track{background-color:var(--grey-7);border-radius:3px;width:100%;height:6px;overflow:hidden}.bar-fill{background-color:#e8873d;border-radius:3px;width:0%;height:6px;transition:all .4s}.cart{background-color:var(--grey-8);border-radius:5px;flex:1;width:100%;height:220px;min-height:0;margin-top:10px;overflow-y:auto}.item{box-sizing:border-box;background-color:#0000;justify-content:space-between;align-items:center;gap:5px;width:100%;padding:12px 14px;transition:all .2s ease-out;display:flex;overflow:hidden}.item:hover{background-color:#6b6b6b80}input[type=number]{border:1px solid var(--grey-7);box-sizing:border-box;width:80px;height:30px;color:var(--grey-1);background-color:#0000;border-radius:3px;outline:0;padding:8px 6px}.carbs-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.carbs-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input::placeholder{font-size:10px}.item button{color:#fff;background-color:#0000;border:0;font-weight:700;transition:all .3s}.item button:hover{cursor:pointer}.bottom-panel{background-color:var(--grey-9);border:1px solid var(--grey-8);box-sizing:border-box;border-radius:5px;flex-direction:column;gap:5px;width:100%;padding:16px 18px;display:flex}.bottom-panel button{border:1px solid var(--grey-8);color:#fff;width:100%;height:35px;box-shadow:5px 5px 10px var(--grey-9);background-color:#e8873d;border-radius:5px;margin-top:20px;margin-bottom:10px;font-size:larger;transition:all .15s}.bottom-panel button:hover{cursor:pointer;background-color:#e99656;transform:translateY(-2px)}.additionnal-info{box-sizing:border-box;justify-content:space-between;width:100%;display:flex}.remove{align-items:center;gap:10px;width:fit-content;display:flex}.alert-module{opacity:0;z-index:11;background-color:#dc3c34;border-radius:4px;flex-direction:column;gap:5px;padding:20px;transition:all .4s;display:flex;position:fixed;top:100%;left:50%;transform:translate(-50%)}.result{align-items:center;gap:10px;width:100%;height:fit-content;display:flex}#result-count{font-size:30px}.result-panel{background-color:var(--grey-9);border:1px solid var(--grey-8);box-sizing:border-box;border-radius:5px;width:100%;padding:16px 18px;display:flex;position:relative}#result{color:var(--grey-1);font-size:40px}.overlay{background-color:var(--grey-10);opacity:.8;border-radius:5px;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.overlay-disabled{background-color:var(--grey-10);opacity:0;border-radius:5px;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.theme-button{background-color:var(--grey-1);background-image:url(../images/theme_icon_light_button.svg);background-position:50%;background-repeat:no-repeat;background-size:60%;border:0;border-radius:25px;width:50px;height:50px;transition:all .3s;position:absolute;top:20px;right:20px}.theme-button:hover{background-color:var(--grey-4);cursor:pointer}.message{background-color:var(--grey-8);z-index:10;border-radius:5px;width:fit-content;height:fit-content;padding:10px 14px;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.message-disabled{background-color:var(--grey-8);z-index:10;opacity:0;border-radius:5px;width:fit-content;height:fit-content;padding:10px 14px;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.page-buttons{width:100%;height:fit;justify-content:space-between;display:flex}.page-buttons button{border:1px solid var(--grey-5);color:#fff;background-color:#e8873d;border-radius:3px;width:120px;height:40px;font-size:15px}.page-buttons button:hover{cursor:pointer}