.login-container{align-items:center;display:flex;justify-content:center}.login-container h1{margin-bottom:20px;text-align:center}label{display:block}input,label{margin-bottom:4px}body{box-sizing:border-box;font-family:system-ui,-apple-system,sans-serif;margin:auto;padding:10px}.max-width-800{margin:auto;max-width:800px}.flex-container{display:flex;justify-content:center}.header-logo{color:#333;display:block;font-family:Georgia,serif;font-size:3rem;font-weight:400;margin:40px auto;text-align:center;text-decoration:none}.sidebar{background-color:#fff;height:100vh;opacity:0;padding-top:60px;pointer-events:none;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease,opacity .3s ease,visibility .3s;visibility:hidden;width:250px;z-index:1000}.sidebar.open{opacity:1;pointer-events:auto;transform:translateX(0);visibility:visible}.welcome-message{font-weight:700;padding:0 20px 20px}.sidebar-links{list-style:none;padding:0}.sidebar-links li{padding:15px 20px}.sidebar-links a,.sidebar-links button{background:none;border:none;color:#000;cursor:pointer;display:block;font:inherit;padding:0;text-align:left;text-decoration:none;width:100%}.burger-button{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:5px;position:absolute;right:20px;top:20px;z-index:1100}.burger-line{background-color:#333;height:3px;transition:all .3s ease;width:25px}.burger-line.open:first-child{transform:translateY(5px) rotate(45deg)}.burger-line.open:nth-child(2){opacity:0}.burger-line.open:nth-child(3){transform:translateY(-11px) rotate(-45deg)}.overlay{background:#0006;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:900}.register-container{align-items:center;display:flex;justify-content:center}.register-container h1{margin-bottom:20px;text-align:center}.register-container label{display:block;margin-bottom:4px}.register-container input{margin-bottom:4px}.recipes-container{margin-top:20px}.recipes-container h2{align-items:center;display:flex;font-size:2rem}.recipe-list{display:flex;flex-wrap:wrap;gap:20px;list-style-type:none;padding:0}.recipe-list li{width:calc(50% - 10px)}.recipe-list--category-icon{font-size:3rem;margin-right:10px}@media (max-width:600px){.recipe-list li{width:100%}}.recipe-card{background-color:#f9f9f9;border:1px solid #ddd;border-radius:20px;margin-bottom:10px;max-width:400px;overflow:hidden}.recipe-card-body{padding:20px}.recipe-card-hero{background:#eee;display:block;height:200px;object-fit:cover;object-position:center;width:100%}.recipe-card-title{color:#333;font-size:22px;font-weight:200;margin:0;text-decoration:none}.recipe-card-meta{color:#777;display:flex;flex-wrap:wrap;font-size:14px;gap:10px;justify-content:space-between}.recipe-card-tags{align-items:center;display:flex;font-size:12px;gap:5px;margin:10px 0}.recipe-card-tag{background-color:#e0e0e0;border-radius:100vw;padding:5px 10px}.cta-button{background:#ffc163;border:0;border-radius:8px;box-sizing:border-box;color:#000;cursor:pointer;display:inline-block;font-size:16px;font-weight:400;padding:8px 12px;text-decoration:none}.cta-button:active{transform:translateY(2px)}.category-selector{display:flex;flex-wrap:nowrap;overflow-x:auto}.category-selector--category-button{align-items:center;background-color:#efefef;border:2px solid #ccc;border-radius:100vh;color:#000;display:flex;font-family:inherit;font-size:16px;margin:5px;padding:1px 8px;white-space:nowrap}.category-selector--category-button.selected{background-color:#a2a2a2;border-color:#333}.category-selector--category-button:hover{cursor:pointer}.category-selector--category-icon{font-size:30px;margin-right:8px}.recipe-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;color:#333;margin:40px auto;max-width:800px;padding:24px}.recipe-container h1{color:#222;font-size:3rem;margin-bottom:.5em}.recipe-container h2{color:#444;font-size:2rem;margin-bottom:.5em;margin-top:1.5em;padding-bottom:.25em}.recipe-image{border-radius:6px;display:block;height:auto;margin:0 auto 20px;max-width:100%;object-fit:cover}.recipe-container p{font-size:1rem;margin:.4em 0}.recipe-container label{align-items:center;display:inline-flex;font-weight:500;gap:8px}#servings-input{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:6px;text-align:center}.ingredients-table{border-collapse:collapse;margin-bottom:1.5em;width:100%}.ingredients-table td,.ingredients-table th{border:1px solid #ddd;padding:10px 12px;text-align:left}.ingredients-table th{background-color:#f7f7f7;font-weight:600}.instructions-container{line-height:1.6;margin-bottom:20px;margin-top:10px}.delete-button,.edit-button{border:none;border-radius:5px;cursor:pointer;display:inline-block;font-size:1rem;margin-bottom:4px;margin-right:12px;padding:10px 16px;text-decoration:none}.delete-button{background-color:#e74c3c;color:#fff}.delete-button:hover{background-color:#c0392b}.edit-button{background-color:#3498db;color:#fff}.edit-button:hover{background-color:#2c80b4}.loading-text{color:#777;font-style:italic;text-align:center}.save-recipe-button{background-color:#27ae60;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin:20px 0;padding:10px 16px}.ingredient-form{display:flex;flex-wrap:wrap;margin-top:6px}.ingredient-form--input{border:1px solid #ccc;border-radius:4px;font-size:1rem;margin:0 4px 4px 0;padding:8px 10px}.ingredient-form--name-input{flex-grow:2}.ingredient-form--input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db40;outline:none}.ingredient-form>button,.ingredient-item--button{align-items:center;aspect-ratio:1/1;border:1px solid #000;border-radius:4px;cursor:pointer;display:flex;margin-bottom:4px;margin-left:8px}.ingredient-item{align-items:center;border-bottom:1px solid #eee;display:flex;font-size:1rem;justify-content:space-between;padding:6px 0}.ingredient-item--buttons{display:flex}@media (max-width:600px){.ingredient-form--input,.ingredient-form--name-input{flex-grow:1}}.recipe-form{background-color:#fff;border-radius:8px;color:#333;margin:40px auto;max-width:800px}.recipe-form--field-group{margin-bottom:20px}.recipe-form--label{color:#444;display:flex;flex-direction:column;font-weight:500}.recipe-form--input-field{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1rem;margin-top:6px;padding:8px 10px;width:100%}.recipe-form--input-field:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db40;outline:none}.recipe-form--checkbox-label{display:flex;flex-direction:row;margin-bottom:40px}.recipe-form--checkbox{accent-color:#3498db;margin-left:8px;transform:scale(1.2);width:auto}.recipe-form--preview-image{border:1px solid #ddd;border-radius:6px;display:block;height:auto;margin:auto;max-width:100%;object-fit:cover}.rsw-editor{margin-top:6px}.recipe-form--cancel-button,.recipe-form--submit-button{border:none;border-radius:5px;cursor:pointer;display:inline-block;font-size:1rem;margin-right:12px;padding:10px 18px}.recipe-form--submit-button{background-color:#3498db;color:#fff}.recipe-form--submit-button:hover{background-color:#2c80b4}.recipe-form--cancel-button{background-color:#ccc;color:#222}.recipe-form--cancel-button:hover{background-color:#b3b3b3}@media (max-width:600px){.recipe-form--cancel-button,.recipe-form--submit-button{margin-bottom:10px;width:100%}}
/*# sourceMappingURL=main.f368382b.css.map*/