.sidebar{position:fixed;background:#191919;padding:1rem;width:15rem;z-index:1000}.sidebar .sidebar-wrapper{width:100%;height:calc(100vh - 2rem);display:flex;flex-direction:column;flex-wrap:wrap}.sidebar .sidebar-wrapper a:not(.copyright){display:flex;color:#bebebe;border:2px solid transparent;transition:all .3s ease;text-decoration:none;font-size:1.2rem;padding:.5rem;margin:2px 0;border-radius:.5rem}.sidebar .sidebar-wrapper a:not(.copyright) svg{width:1.5rem;height:1.5rem;margin-right:1rem}.sidebar .sidebar-wrapper a:not(.copyright):hover{border:2px solid #303030}.sidebar .sidebar-wrapper a:not(.copyright).active{background:#303030}.sidebar .sidebar-wrapper .sidebar-user{display:flex;flex-direction:column;border-bottom:1px solid #bebebe;min-height:150px}.sidebar .sidebar-wrapper .sidebar-user img{max-width:100px;margin:auto}.sidebar .sidebar-wrapper .sidebar-user p{font-size:1.5rem;text-align:center}.sidebar .sidebar-wrapper .sidebar-user-tablet{display:none}.sidebar .sidebar-wrapper .sidebar-links{display:flex;flex-direction:column;padding:1rem 0;flex:1}.sidebar .sidebar-wrapper .sidebar-settings{display:flex;flex-direction:column;padding:1rem 0;border-top:1px solid #bebebe}.copyright{font-size:.7rem;display:flex;width:100%;justify-content:center;align-items:center;color:#bebebe;text-decoration:none}.copyright img{width:25px;height:25px;margin:.5rem}.copyright .ci_typo_strong{font-weight:700}@media only screen and (max-width:1300px){.link-mobile-hide{display:none}.sidebar{width:5rem}.sidebar .sidebar-wrapper{align-items:center;justify-content:center}.sidebar .sidebar-wrapper .sidebar-user{display:none}.sidebar .sidebar-wrapper .sidebar-user-tablet{display:flex;flex-direction:column;align-items:center}.sidebar .sidebar-wrapper .sidebar-user-tablet img{max-width:60px}.sidebar .sidebar-wrapper a:not(.copyright) svg{margin-right:0}.sidebar .sidebar-wrapper .copyright{flex-direction:column}}@media only screen and (max-width:980px){.sidebar{width:100%}.sidebar .sidebar-wrapper{height:3rem;flex-direction:row}.sidebar .sidebar-wrapper .sidebar-links,.sidebar .sidebar-wrapper .sidebar-settings,.sidebar .sidebar-wrapper .sidebar-user-tablet{flex-direction:row;flex:0;padding:0}.sidebar .sidebar-wrapper .sidebar-user-tablet p{display:none}.sidebar .sidebar-wrapper a:not(.copyright){margin:0 .5rem}.sidebar .sidebar-wrapper .sidebar-settings{border:none}.sidebar .sidebar-wrapper .copyright{width:auto;flex-direction:row;flex:2;justify-content:right;margin-right:2rem}}@media only screen and (max-width:400px){.copyright p{display:none}}.options-bar{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid #bebebe;margin-bottom:1rem;justify-content:space-between}.options-bar label{margin-right:.5rem;font-weight:600}.options-bar select{cursor:pointer;font-size:1rem;background-color:#bebebe;border:2px solid #303030;border-radius:.8rem;color:#0f0f0f;text-align:center;display:inline-block;padding:0 1.5rem;margin-right:2px;height:47px;padding:.4rem .6rem;height:50px}@media only screen and (max-width:768px){.options-bar{flex-direction:column}.options-bar .options-filter,.options-bar .options-sort{display:flex;flex-direction:column;justify-content:center;align-items:center}}.modal-backdrop{position:fixed;inset:0;background:#0f0f0f80;display:flex;align-items:center;justify-content:center;z-index:50}.modal-content{background:#191919;border:2px solid #303030;border-radius:12px;padding:2rem;width:40%;position:relative}.modal-close{color:#bebebe;position:absolute;top:10px;right:12px;background:none;border:none;font-size:2rem;cursor:pointer;transition:all .3s ease}.modal-close:hover{color:#1eaaf1}@media only screen and (max-width:980px){.modal-content{width:100%;margin:1rem}}@font-face{font-family:Ubuntu;src:url(/assets/fonts/Ubuntu-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Ubuntu;src:url(/assets/fonts/Ubuntu-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Ubuntu;src:url(/assets/fonts/Ubuntu-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Ubuntu;src:url(/assets/fonts/Ubuntu-Bold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}.todo-form{display:flex;flex-direction:column;gap:1rem}.todo-form input,.todo-form textarea{border:1px solid #bebebe;border-radius:8px;padding:.5rem;font-size:1rem;font-family:Ubuntu,sans-serif}.todo-form input::placeholder,.todo-form textarea::placeholder{font-family:inherit;font-style:normal}.todo-form .todo-form-buttons{display:flex;gap:1rem}@media only screen and (max-width:980px){.todo-form-buttons{align-items:center;justify-content:center}}.post-note{box-sizing:border-box;flex:1 1 320px;max-width:400px;min-width:200px;width:100%;min-height:400px;max-height:400px;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.post-note:hover{transform:translateY(-4px);box-shadow:0 4px 15px #0000004d}.post-note .completed{text-decoration:line-through;opacity:.6}.post-note .post-note-title{background-color:#191919;border:2px solid #303030;display:flex;flex-direction:row;align-items:center;font-weight:700;font-size:1.3rem;padding:1rem;border-top-left-radius:.8rem;border-top-right-radius:.8rem;cursor:text}.post-note .post-note-title .post-note-title-wrapper{flex:1;font-weight:700;font-size:1.3rem;word-break:break-word}.post-note .post-note-title .post-note-title-checkbox{margin-left:1rem}.post-note .post-note-title .post-note-title-checkbox input[type=checkbox]{width:1.3rem;height:1.3rem;cursor:pointer;accent-color:#1eaaf1;transition:all .2s ease}.post-note .post-note-description{background-color:#303030;flex-grow:1;padding:1rem;cursor:text;overflow-y:auto;max-height:250px;scrollbar-width:thin;scrollbar-color:#1eaaf1 #303030}.post-note .post-note-description .post-note-description-wrapper{white-space:pre-wrap;word-wrap:break-word}.post-note .post-note-info{background-color:#191919;border:2px solid #303030;border-bottom-left-radius:.8rem;border-bottom-right-radius:.8rem;display:flex;padding:1rem;flex-direction:row;justify-content:space-between;align-items:center}.post-note .post-note-info .post-note-info-wrapper{display:flex;flex-direction:column;font-size:.8rem}.post-note .post-note-info .post-note-info-wrapper p{display:flex;justify-content:space-between;margin:0}.post-note .post-note-info .post-note-info-wrapper p:first-child{margin-bottom:.5rem}.post-note .post-note-info .post-note-info-wrapper p span{font-weight:700;margin-right:1rem}.post-note .post-note-info .post-note-info-buttons button.default{box-shadow:none;background:none;padding:0;transition:all .3s ease}.post-note .post-note-info .post-note-info-buttons button.default:hover{color:#1eaaf1}.post-note-description::-webkit-scrollbar{width:6px}.post-note-description::-webkit-scrollbar-thumb{background-color:#1eaaf1;border-radius:3rem}.post-note-description::-webkit-scrollbar-track{background-color:#303030}.recipe-card{box-sizing:border-box;flex:1 1 320px;max-width:400px;min-width:200px;width:100%;min-height:400px;max-height:400px;display:flex;flex-direction:column;border-radius:.8rem;overflow:hidden;background-color:#0f0f0f;border:2px solid #303030;transition:all .3s ease}.recipe-card:hover{transform:translateY(-4px)}.recipe-card .recipe-image-wrapper{width:100%;height:220px;overflow:hidden;background-color:#191919}.recipe-card .recipe-image-wrapper img{width:100%;height:100%;object-fit:cover}.recipe-card .recipe-content{background-color:#303030;flex-grow:1;overflow-y:auto;height:510px;scrollbar-width:thin;scrollbar-color:#1eaaf1 #303030}.recipe-card .recipe-content .recipe-title{font-size:1.3rem;font-weight:700;color:#bebebe;margin:2px 0;text-align:center;background:#0f0f0f;padding:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recipe-card .recipe-content .recipe-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:1rem;margin:1rem;text-align:center}.recipe-card .recipe-content .recipe-meta .meta-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#bebebe;background:#0f0f0f4d;border-radius:1rem;padding:.8rem;transition:all .25s ease}.recipe-card .recipe-content .recipe-meta .meta-item .meta-icon{font-size:1rem;color:var(--ciLightBlue);margin-bottom:.4rem}.recipe-card .recipe-content .recipe-meta .meta-item .meta-value{font-size:.7rem;font-weight:700}.recipe-card .recipe-link{display:flex;background:#0f0f0f;align-items:center;justify-content:center}.recipe-card .recipe-link a{padding:1rem;color:#1eaaf1;text-decoration:none}.recipe-content::-webkit-scrollbar{width:6px}.recipe-content::-webkit-scrollbar-thumb{background-color:#1eaaf1;border-radius:3rem}.recipe-content::-webkit-scrollbar-track{background-color:#303030}.categories-wrapper{display:grid;gap:1rem;padding:1rem 0;background-color:#0f0f0f;grid-template-columns:repeat(auto-fit,minmax(150px,max-content));justify-content:start;justify-items:start}.categories-wrapper:has(.recipe-category:nth-child(4)){grid-template-columns:repeat(auto-fill,minmax(180px,1fr));justify-content:stretch;justify-items:stretch}.categories-wrapper .recipe-category{cursor:pointer;text-align:center;border-radius:1rem;overflow:hidden;transition:all .3s ease;border:2px solid #303030;background-color:#191919}.categories-wrapper .recipe-category:hover{transform:translateY(-4px)}.categories-wrapper .recipe-category .recipe-category-image{width:100%;height:100px;overflow:hidden}.categories-wrapper .recipe-category .recipe-category-image img{width:100%;height:100%;object-fit:cover}.categories-wrapper .recipe-category .recipe-category-title{background-color:#191919;padding:.5rem 0;font-weight:700;color:#bebebe}.page-loader{position:fixed;top:0;left:0;width:100%;height:4px;z-index:9999;background:transparent;overflow:hidden;pointer-events:none;opacity:1}.page-loader .page-loader-bar{width:0%;height:100%;background:linear-gradient(90deg,#1d67f1,#1eaaf1);transition:width .3s ease}.page-loader.active .page-loader-bar{animation:loadProgress 2s ease-in-out infinite}@keyframes loadProgress{0%{width:0%;opacity:.8}50%{width:80%;opacity:1}to{width:100%;opacity:0}}.recipe-search-bar form{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid #bebebe;margin-bottom:1rem}.recipe-search-bar form input[type=text]{cursor:pointer;font-size:1rem;background-color:#bebebe;border:2px solid #303030;border-radius:.8rem;color:#0f0f0f;text-align:center;display:inline-block;padding:0 1.5rem;margin-right:2px;height:47px;min-width:215px}@media only screen and (max-width:670px){.recipe-search-bar form{flex-direction:column}}.shopping-bar{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid #bebebe;margin-bottom:1rem;justify-content:space-between}.shopping-bar label{margin-right:.5rem;font-weight:600}.shopping-bar select{cursor:pointer;font-size:1rem;background-color:#bebebe;border:2px solid #303030;border-radius:.8rem;color:#0f0f0f;text-align:center;display:inline-block;padding:0 1.5rem;margin-right:2px;height:47px;padding:.4rem .6rem;height:50px}@font-face{font-family:Ubuntu;src:url(/assets/fonts/Ubuntu-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Ubuntu;src:url(/assets/fonts/Ubuntu-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Ubuntu;src:url(/assets/fonts/Ubuntu-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Ubuntu;src:url(/assets/fonts/Ubuntu-Bold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}.shopping-form{display:flex;flex-direction:column;gap:1rem}.shopping-form input,.shopping-form textarea{border:1px solid #bebebe;border-radius:8px;padding:.5rem;font-size:1rem;font-family:Ubuntu,sans-serif}.shopping-form input::placeholder,.shopping-form textarea::placeholder{font-family:inherit;font-style:normal}.shopping-form .form-buttons{display:flex;gap:1rem}@media only screen and (max-width:980px){.form-buttons{align-items:center;justify-content:center}}.quantity-control{position:relative;display:inline-flex;align-items:center;min-width:4rem;max-width:4rem}.quantity-control .item-quantity-input{width:100%;text-align:right;background:transparent;border:none;color:inherit;font:inherit;padding:.25rem 1.5rem .25rem 0;margin:0;line-height:1;box-sizing:border-box;-moz-appearance:textfield;appearance:textfield}.quantity-control .item-quantity-input::-webkit-inner-spin-button,.quantity-control .item-quantity-input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;display:none;margin:0}.quantity-control .item-quantity-input::-moz-number-spin-up,.quantity-control .item-quantity-input::-moz-number-spin-down,.quantity-control .item-quantity-input::-moz-number-spin-box{display:none}.quantity-control .qty-buttons{position:absolute;right:.1rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center}.quantity-control .qty-buttons .qty-btn{display:flex;align-items:center;justify-content:center;width:1rem;height:.8rem;padding:0;margin:0;background:transparent;border:none;color:#bebebe;cursor:pointer;line-height:1;transition:color .15s ease,transform .08s ease}.quantity-control .qty-buttons .qty-btn:hover:not(:disabled){color:#1eaaf1}.quantity-control .qty-buttons .qty-btn:active:not(:disabled){transform:translateY(0)}.quantity-control .qty-buttons .qty-btn.down{transform-origin:center}.quantity-control .qty-buttons .qty-btn:disabled{cursor:default;color:#6e6e6e}.quantity-control .item-quantity-input:disabled+.qty-buttons .qty-btn{cursor:default;color:#6e6e6e;pointer-events:none}.shopping-wrapper{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.shopping-item{flex:1 1 calc(50% - .5rem);max-width:calc(50% - .5rem);box-sizing:border-box;border-radius:1rem;border:2px solid #303030;display:flex;align-items:center;padding:12px 16px;background-color:#303030}.shopping-item .item-checkbox-wrapper{margin-left:1rem}.shopping-item .item-checkbox-wrapper input[type=checkbox]{width:1.3rem;height:1.3rem;cursor:pointer;accent-color:#1eaaf1;transition:all .2s ease}.shopping-item .item-content{position:relative;display:flex;flex:1;gap:1rem;align-items:center}.shopping-item .item-content p,.shopping-item .item-content .item-unit,.shopping-item .item-content .item-quantity-input{flex:1 1 auto;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shopping-item .item-content .item-title{flex-basis:0;margin-left:.5rem;padding:.25rem}.shopping-item .item-content .item-value{display:flex;flex-basis:20%;max-width:150px;width:150px;gap:.5rem;align-items:center}.shopping-item .item-content .item-value .item-unit{flex:1;min-width:75px;text-align:left;padding:.25rem}.shopping-item .item-content .item-category{flex-basis:10%;padding:.25rem}.shopping-item .item-buttons{display:flex;align-items:center;gap:.5rem}.shopping-item .item-buttons .note-icon-wrapper{position:relative;display:flex;align-items:center;cursor:pointer}.shopping-item .item-buttons .note-icon-wrapper .note-icon{color:#1eaaf1;font-size:1rem}.shopping-item .item-buttons .note-icon-wrapper .note-icon.no-note{color:#bebebe;text-decoration:line-through;cursor:auto}.shopping-item .item-buttons .note-icon-wrapper .note-tooltip{position:absolute;top:-100%;left:50%;transform:translate(-50%);background:#bebebe;color:#0f0f0f;padding:4px 8px;border-radius:.3rem;font-size:.8rem;white-space:nowrap;z-index:10}.shopping-item .item-buttons .delete-button{background:none;border:none;box-shadow:none;color:#bebebe;cursor:pointer;font-size:1rem;display:flex;align-items:center;transition:color .3s ease}.shopping-item .item-buttons .delete-button:hover{color:#1eaaf1}.shopping-item.checked{background-color:#191919}.shopping-item.checked .item-content:after{content:"";position:absolute;left:0;right:-25px;top:50%;height:2px;background:#6e6e6e;transform:translateY(-50%);opacity:.9;pointer-events:none;border-radius:2px}.shopping-item.checked .item-content p,.shopping-item.checked .item-content .item-unit,.shopping-item.checked .item-content .item-quantity-input{color:#6e6e6e;text-decoration:line-through}.shopping-item.checked .item-quantity-input[disabled]{color:#6e6e6e;background:transparent;border:none}.shopping-item.checked .item-quantity-input:disabled+.qty-buttons .qty-btn{color:#6e6e6e;cursor:default;pointer-events:none}@media only screen and (max-width:1520px){.shopping-item{flex:1 1 100%;max-width:100%}}@media only screen and (max-width:670px){.shopping-bar{flex-direction:column}.shopping-bar .shopping-filter,.shopping-bar .shopping-sort{display:flex;flex-direction:column;justify-content:center;align-items:center}.shopping-wrapper{flex-direction:column}.shopping-item{flex-direction:column;flex:1}.shopping-item .item-checkbox-wrapper{margin:.5rem 0 1rem}.shopping-item .item-content{flex-wrap:wrap;gap:.5rem}.shopping-item .item-content .item-value{flex-basis:auto;max-width:100%;width:auto}.shopping-item .item-content .item-value .quantity-control{min-width:0;max-width:50px}.shopping-item .item-content .item-value .item-unit{min-width:0}.shopping-item .item-content p{white-space:normal;overflow:visible;text-overflow:unset}.shopping-item .item-buttons{margin-top:1rem}.shopping-item .item-buttons .note-icon-wrapper,.shopping-item .item-buttons .delete-button{padding:1rem 1rem .5rem}}@font-face{font-family:Ubuntu;src:url(/assets/fonts/Ubuntu-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Ubuntu;src:url(/assets/fonts/Ubuntu-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Ubuntu;src:url(/assets/fonts/Ubuntu-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Ubuntu;src:url(/assets/fonts/Ubuntu-Bold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}body{font-family:Ubuntu,sans-serif;background:#0f0f0f;margin:0}main{width:calc(100% - 15rem);margin:3rem 3rem 3rem 20rem}main .main-wrapper{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:flex-start;align-items:start;background-color:#0f0f0f}.app-wrapper{display:flex;color:#bebebe;width:100%;min-height:100vh}button.default{-webkit-box-shadow:inset 0 0 0 2px #303030;-moz-box-shadow:inset 0 0 0 2px #303030;box-shadow:inset 0 0 0 2px #303030;cursor:pointer;background-color:#191919;color:#bebebe;border:none;border-radius:.8rem;font-size:1rem;padding:1rem;text-align:center;text-decoration:none;display:inline-block}button.icon{display:flex}button.icon svg{margin-right:.5rem}.error{color:red}.success{color:green}@media only screen and (max-width:1300px){main{width:100vw;margin-top:1rem;margin-right:1rem;margin-left:8.3rem;font-size:.9rem}}@media only screen and (max-width:980px){main{margin-top:112px;margin-left:1rem;margin-bottom:1rem}}@media only screen and (max-width:645px){.main .main-wrapper{display:flex;flex-direction:column;align-items:center}}