.notification-system{position:fixed;bottom:20px;right:20px;z-index:100;width:300px}.notification-system .notification{background-color:#fff;border:1px solid #ccc;border-radius:5px;padding:10px;margin-bottom:10px;z-index:1000;position:relative}.notification-system .notification.success{border-color:green}.notification-system .notification.error{border-color:#f44336}.notification-system .notification.warning{border-color:#ffeb3b}.notification-system .notification .delete{position:absolute;top:5px;right:5px;background-color:transparent;border:none;cursor:pointer}.notification-system .notification .delete:before{content:"×"}.progress-bar{background-color:#f1f1f1;height:10px;border-radius:5px;margin-top:5px;width:100%}.progress-bar .progress{background-color:#000;height:100%;border-radius:5px}.progress-bar .progress.success{background-color:green}.progress-bar .progress.error{background-color:#f44336}.progress-bar .progress.warning{background-color:#ffeb3b}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/fonts/roboto-v30-latin-regular.f2894edc.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:400;src:url(/fonts/roboto-v30-latin-italic.8ed3d75f.woff2) format("woff2")}*{font-family:Roboto,sans-serif;margin:0;padding:0}nav{background-color:#333;overflow:hidden;height:-moz-fit-content;height:fit-content;padding:0 20px;position:fixed;width:calc(100% - 40px)}nav .icon-spacer{margin:0!important;padding:0!important;width:30px!important;height:10px!important}nav .profile-icon{position:absolute;height:17px;width:17px;transform:translate(-170%,10%);filter:invert(1)}nav a,nav button,nav div{color:#fff;text-decoration:none;float:left;text-align:center;padding:20px 16px;font-size:17px;border:none}nav a.split,nav button.split,nav div.split{float:right;background-color:green;text-align:center;text-decoration:none}nav a:hover,nav button:hover{background-color:#ddd;color:#000}nav a.no-hover{background-color:#555!important}nav a.no-hover:hover{background-color:#ddd!important}nav a.no-hover:hover img{filter:invert(0)}.page-wrapper{min-height:100vh;display:flex;justify-content:center}.page-wrapper,.site-container{width:calc(100% - 40px);padding:20px}.site-container{max-width:1200px;background-color:#f4f4f4;padding-bottom:100px}footer{background-color:#333;color:#fff;text-align:center;padding:20px;width:calc(100% - 40px);bottom:0}.required{color:red}form{gap:1rem;max-width:500px;margin:0 auto}form,form label{display:flex;flex-direction:column}form label{gap:.5rem}form label input,form label textarea{padding:.5rem;font-size:1rem;border-radius:.25rem;border:none}form label input:focus,form label textarea:focus{outline:none;box-shadow:0 0 0 2px green}form button{margin:8px 0;padding:.5rem;font-size:1rem;border-radius:.25rem;border:none;color:#fff;width:100%;cursor:pointer}form button,form button:hover{background-color:green}form .file-input{display:none}form .file-input-label{display:block;padding:.5rem;font-size:1rem;border-radius:.25rem;border:none;background-color:green;color:#fff;cursor:pointer}form .file-input-label:hover{opacity:.8}form table{width:100%;border-collapse:collapse}form table td,form table th{border-right:1px solid #000;padding:.5rem;overflow-x:scroll}form table td:last-child,form table th:last-child{border-right:none}.recipe-bar{padding:10px;display:flex;gap:1rem;flex-wrap:nowrap;overflow-x:scroll;justify-content:left;font-size:12px;height:300px}.recipe-bar a.recipe-card{width:200px;padding:10px;display:flex;flex-direction:column;gap:.5rem;justify-content:center;color:#000;text-decoration:none}.recipe-bar a.recipe-card.own-recipe{background-color:#fdefae}.recipe-bar a.recipe-card.saved-recipe{background-color:#aefdef}.recipe-bar a.recipe-card:hover{background-color:#aaa}.recipe-bar a.recipe-card img{width:200px;height:200px;-o-object-fit:cover;object-fit:cover}.recipe-bar a.recipe-card h2{text-align:center;margin:0;overflow:hidden;height:50px}.recipe-bar a{color:#000}.recipe-bar a:hover{text-decoration:none}h2{margin-top:24px}.controls{display:flex;justify-content:center;margin:40px 0;flex-wrap:wrap;gap:10px}.controls div{display:flex;flex-wrap:nowrap}.controls button,.controls div button{margin:0 2px;color:#fff;background-color:green;border:none;padding:5px;cursor:pointer;border-radius:5px}.controls div label,.controls label{display:flex;align-items:center;width:-moz-fit-content;width:fit-content;min-width:auto}.controls div input,.controls input{margin:0 10px;min-width:auto;padding:5px 10px;border:1px solid green;border-radius:5px}