*,:before,:after{box-sizing:border-box}:root{--vscode-bg: #1e1e1e;--vscode-fg: #d4d4d4;--vscode-button-bg: #0e639c;--vscode-button-hover: #1177bb;--vscode-input-bg: #3c3c3c;--vscode-input-fg: #cccccc;--vscode-focus-border: #007fd4;--vscode-header-bg: #252526}body{background-color:var(--vscode-bg);color:var(--vscode-fg);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Ubuntu,Droid Sans,sans-serif}header{background-color:var(--vscode-header-bg);font-family:inherit;width:100%;height:4rem;margin:0;display:flex;justify-content:center;align-items:center;gap:1rem;border-bottom:1px solid #333}header>img{width:2.6875em;height:3.25em}header>h1{font-size:2rem;font-weight:400;color:#141413;letter-spacing:-.05em}main{background-color:var(--vscode-bg);font-family:inherit;width:100%;max-width:1200px;min-height:11.25em;margin:0 auto;padding:2rem;display:flex;justify-content:flex-start;flex-direction:column;align-items:center}.add-ingredient-form{display:flex;justify-content:center;gap:1rem;align-items:center;margin-top:2rem;width:100%;max-width:800px}.add-ingredient-form>input{border-radius:2px;border:1px solid #454545;padding:.5rem .75rem;background-color:var(--vscode-input-bg);color:var(--vscode-input-fg);flex-grow:1;height:2.5rem;font-size:.875rem;font-family:inherit}.add-ingredient-form>input:focus{outline:1px solid var(--vscode-focus-border);border-color:var(--vscode-focus-border)}.add-ingredient-form>button{height:2.5rem;min-width:8rem;background-color:var(--vscode-button-bg);color:#fff;border-radius:2px;font-family:inherit;font-size:.875rem;border:none;cursor:pointer;transition:background-color .2s}.add-ingredient-form>button:hover{background-color:var(--vscode-button-hover)}section{width:100%;max-width:800px;margin-top:2rem}section h2{font-size:1.5rem;margin:0 0 1.5rem;color:var(--vscode-fg);font-weight:400}section ul{font-size:1rem;color:var(--vscode-fg);margin:0 0 2rem;padding-left:1.5rem;list-style-type:none}section ul li{margin-bottom:1rem;font-size:1rem;position:relative}section ul li:before{content:"•";color:var(--vscode-button-bg);position:absolute;left:-1.5rem;font-weight:700}.get-recipe-container{background-color:var(--vscode-input-bg);font-family:inherit;padding:1.5rem 2rem;border-radius:4px;border:1px solid #454545;display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.get-recipe-container h3{margin:0 0 .5rem;color:var(--vscode-fg);font-size:1.125rem;font-weight:400}.get-recipe-container p{margin:0;color:var(--vscode-fg);opacity:.8;font-size:.875rem}.get-recipe-container button{border:none;background-color:var(--vscode-button-bg);min-width:7rem;height:2.5rem;border-radius:2px;color:#fff;font-family:inherit;font-size:.875rem;cursor:pointer;transition:background-color .2s}.get-recipe-container button:hover{background-color:var(--vscode-button-hover)}.recipe{width:100%;max-width:800px;background-color:var(--vscode-input-bg);border-radius:4px;padding:2rem;margin-top:2rem;border:1px solid #454545}.recipe h2{color:var(--vscode-fg);font-size:1.5rem;margin-top:0}.suggested-recipe-container{color:var(--vscode-fg);line-height:1.6}.suggested-recipe-container h3{color:var(--vscode-fg);font-size:1.25rem;margin:1.5rem 0 1rem}.suggested-recipe-container ul,.suggested-recipe-container ol{margin:1rem 0;padding-left:1.5rem}.suggested-recipe-container li{margin-bottom:.5rem}article{font-size:1rem}.error-message{color:#f48771;font-size:.875rem;margin:.5rem 0;text-align:center}button:disabled{opacity:.6;cursor:not-allowed}.recipe-presets{width:100%;max-width:800px;margin-top:2rem}.recipe-presets h2{color:var(--vscode-fg);font-size:1.25rem;margin-bottom:1rem;font-weight:400}.preset-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;width:100%}.preset-button{background-color:var(--vscode-input-bg);border:1px solid #454545;color:var(--vscode-fg);padding:1rem;border-radius:4px;font-family:inherit;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-height:3rem}.preset-button:hover{background-color:var(--vscode-button-bg);border-color:var(--vscode-button-bg);color:#fff}.divider{width:100%;max-width:800px;margin:2rem 0;display:flex;align-items:center;text-align:center;color:var(--vscode-fg);opacity:.6}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #454545}.divider span{margin:0 1rem;font-size:.875rem;text-transform:uppercase}