@import url(https://fonts.googleapis.com/css2?family=Signika+Negative:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wdth,wght@0,62.5..100,100..900;1,62.5..100,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Pacifico&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{height:100%}.cl-primary,.cl-primary>*{color:#3b71ca!important}.cl-success,.cl-success>*{color:#14a44d!important}.cl-danger,.cl-danger>*{color:#dc4c64!important}body{color:#353535;font-family:Signika Negative,sans-serif}.border-red{border:1px solid red}.box{align-items:center;background-color:#fff;border:2px solid #d9d9d9;border-radius:30px;display:flex;flex-direction:column;font-family:"Noto Serif",serif;font-optical-sizing:auto;gap:1em;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin:0 auto;padding:2em 1em;transition:all .2s;width:95%}.page-container{height:100%;margin:2.5em auto;width:90%}.flex-center{align-items:center}.flex-center,.section-50{display:flex;justify-content:center}.section-50{align-items:flex-start;flex-direction:column;gap:1em;padding:2em 8%;width:100%}.invisible{display:none}.link{color:#353535;cursor:pointer;text-decoration:underline}.link:hover{color:#7a7a7a}.more{bottom:.5em;cursor:pointer;font-size:1.1em;position:absolute;right:2em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.more,.more:hover{transition:all 50ms}.more:hover{font-weight:700}.label{color:#353535;font-size:1.6em;font-style:normal;font-weight:400;line-height:normal}.input{background-color:#fff;border:1px solid #353535cc;border-radius:5px;color:#353535;font-size:1.1em;padding:.6em .5em;width:100%}.input[type=date]{padding:.4em .5em}.input:focus{outline:2px solid #353535cc}.check-box{border:1px solid #353535cc;border-radius:5px;height:2em;width:2em}.de-btn{cursor:pointer}.de-btn,.de-btn:focus,.de-btn:hover{background-color:#0000;border:none}.btn-font{font-size:1em}.btn{background:#fff;border:1px solid #353535;border-radius:10px;color:#353535;font-size:1.2em;font-weight:600;padding:.3em 1.4em;transition:all 50ms}.btn:focus,.btn:hover{cursor:pointer;outline:2px solid #353535}.btn-primary{background:#fff;border-color:#3b71ca;color:#3b71ca;transition:all 50ms}.btn-primary:focus,.btn-primary:hover{cursor:pointer;outline:2px solid #3b71ca}.btn-success{background:#fff;border-color:#14a44d;color:#14a44d;transition:all 50ms}.btn-success:focus,.btn-success:hover{cursor:pointer;outline:2px solid #14a44d}.btn-danger{background:#fff;border-color:#dc4c64;color:#dc4c64;transition:all 50ms}.btn-danger:focus,.btn-danger:hover{cursor:pointer;outline:2px solid #dc4c64}.btn-classic-full{background-color:#353535;border:none;color:#fff;transition:all 50ms}.btn-classic-full:focus,.btn-classic-full:hover{background-color:#5a5a5a;border:none;cursor:pointer;outline:none}.btn-primary-full{background-color:#5f83bc;border:none;color:#fff;transition:all 50ms}.btn-primary-full:focus,.btn-primary-full:hover{background-color:#3b71ca;border:none;cursor:pointer;outline:none}.btn-success-full{background-color:#5baf7c;border:none;color:#fff;transition:all 50ms}.btn-success-full:focus,.btn-success-full:hover{background-color:#14a44d;border:none;cursor:pointer;outline:none}.btn-danger-full{background-color:#d27786;border:none;color:#fff;transition:all 50ms}.btn-danger-full:focus,.btn-danger-full:hover{background-color:#dc4c64;border:none;cursor:pointer;outline:none}.err-message{color:#e32b2b}.err-input-border{border-color:#e32b2b;outline-color:#e32b2b}.err-input-border:focus{border-color:#e32b2b;outline:1px solid #e32b2b}@media only screen and (min-width:600px){.nav-margin-close,.nav-margin-open{margin-left:4em!important;transition:all .2s}.page-container{width:70%}.box{width:560px}.section-50{width:50%}}@media only screen and (min-width:1100px){.nav-margin-close{margin-left:4em!important;transition:all .2s}.nav-margin-open{margin-left:19em!important;transition:all .2s}.page-container{width:45em}}.data-box-width{width:90%}@media only screen and (min-width:600px){.data-box-width{width:80%}}@media only screen and (min-width:900px){.data-box-width{width:40em}}.page{background:#fffcf2;background-attachment:fixed;background-image:url(/static/media/begin-page-image-sm.ba6934f1a1232aa3bf0f.jpg);background-repeat:no-repeat;background-size:cover;height:-webkit-max-content;height:max-content;padding-top:7em;width:100%}.diplay-none,.page .welcome-to{display:none}.navbar-begin-page{background-color:hsla(0,0%,6%,.827);color:#f5f5f5;height:9em;left:0;opacity:1;position:fixed;top:0;transition:all .3s;width:100%}.navbar-begin-page .title{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.navbar-begin-page span{color:#f5f5f5;font-size:4em;font-style:normal;font-weight:400;line-height:normal}.navbar-begin-page .logo{cursor:pointer;font-family:Pacifico,cursive;transition:all .3s}.navbar-begin-page .logo:focus,.navbar-begin-page .logo:hover{color:#e1c17c;cursor:pointer;font-family:Pacifico,cursive}.navbar-hidden{opacity:0}.hero{align-items:center;display:flex;height:100%;justify-content:flex-end;width:100%}.form-container{margin:5em auto;min-height:35em;width:95%}@media only screen and (min-width:450px){.form-container{margin:5em auto;min-height:35em;width:25em}}@media only screen and (min-width:600px){.page{background-image:url(/static/media/begin-page-image-md.851eac818477ddc4ca98.jpg);padding-top:9em}.page .welcome-to{display:inline}.navbar-begin-page{height:9em}.navbar-begin-page .title{flex-direction:row;gap:.5em}.form-container{margin:5em 10vw;min-height:35em;width:25em}}.form{align-items:center;background:hsla(0,0%,85%,.867);border-radius:1.5em;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;padding:1.8em 1em;position:relative;width:100%}.form h2{color:#353535;font-size:2em;font-style:normal;font-weight:700;line-height:normal;margin-bottom:1em}.form .field{display:flex;flex-direction:column;gap:.5em;margin-bottom:2em;width:100%}.message{align-self:flex-start;font-size:1.2em;margin:0 0 1em .3em}.register{font-size:1em}@media screen and (min-width:600px){.form{min-height:30em;padding:3em}}.terms-container{align-items:center;display:flex;flex-direction:row;gap:1em;justify-content:center;margin-bottom:2em;width:100%}.terms-container .label{font-size:1.1em}.back-icon{align-self:flex-start;background-color:#0000;border:none;color:var(--text-color);cursor:pointer;font-size:1.5em;position:relative;transition:var(--transition-fast)}.back-icon:focus,.back-icon:hover{color:#7a7a7a}@media screen and (min-width:600px){.back-icon{left:.7em;position:absolute;top:1em}}.unauthorized-container{align-items:flex-start;border:1px solid #d9d9d9;border-radius:30px;color:#353535;display:flex;flex-direction:column;gap:1.5em;height:-webkit-max-content;height:max-content;justify-content:flex-start;margin:2em auto;padding:2em 1.5em;width:90%}.unauthorized-container h2{color:#353535}.unauthorized-container span{color:#7a7a7a}@media screen and (min-width:350px){.unauthorized-container{gap:1em;height:10em;padding:1em 1.5em}}@media screen and (min-width:450px){.unauthorized-container{width:25em}}@media screen and (min-width:700px){.unauthorized-container{margin:3em auto;padding:1.5em 2em;width:30em}}.header{align-items:center;background-color:#e2e2e2;display:flex;height:5.5em;justify-content:center;transform:.2s all}.header h1{color:#353535;font-size:1.5em;padding:0 .5em;text-align:center}.header .action-btn{font-size:1.2em}@media only screen and (min-width:600px){.header h1{font-size:2em}}.navbar{background-color:#747474;color:#fff;display:flex;flex-direction:column;gap:1em;height:100%;left:0;padding:1.5em 0;position:fixed;top:0;transition:all .2s;width:19em;z-index:100}.navbar .nav-see{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;right:8px;top:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navbar .nav-see .icon{cursor:pointer;font-size:1.8em}.navbar .menu,.navbar .user-info{align-items:center;display:flex;flex-direction:column;width:100%}.navbar .user-info{align-items:center;height:50%}.navbar .user-info h2{font-size:1.6em}.navbar .user-info .img-container{border-radius:50%;box-shadow:0 0 8px #747474;height:10em;margin-top:1.8em;overflow:hidden;width:10em}.navbar .user-info .img-container img{background-color:#e2e2e2;height:100%;object-fit:cover;width:100%}.navbar .menu{height:60%;padding:3.5em 0}.navbar .menu .link-container{align-items:flex-start;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:flex-start;overflow-y:visible;width:65%}.navbar .menu .link-container .nav-btn{background-color:#0000;border:none;border-radius:.4em;color:#e2e2e2;cursor:pointer;font-size:1.6em;font-weight:500;height:2em;margin:.1em 0;outline:none;padding:0 1em;transition:all .2s;width:-webkit-max-content;width:max-content}.navbar .menu .link-container .nav-btn:focus{align-items:center;background-color:#e2e2e2;border:none;color:#353535;display:flex;justify-content:space-between;outline:none;padding:0 1.2em;transition:all .2s}.navbar .menu .link-container .nav-btn:focus .text{padding:0 .7em}.navbar .menu .link-container .nav-btn:focus .line-focus{background-color:#353535;border-radius:2em;height:85%;margin-left:-.85em;width:.2em}.navbar .menu .link-container .nav-btn .nav-icon{display:none}.nav-close{align-items:center;gap:2em;justify-content:center;transition:all .2s;width:4em}.nav-close .nav-see{display:flex;justify-content:center;position:static;width:100%}.nav-close .nav-see .icon{font-size:1.8em}.nav-close .nav-btn>.text,.nav-close .welcome{display:none}.nav-close .user-info{align-items:center;display:flex;justify-content:center}.nav-close .user-info .img-container{border-radius:50%;height:2em;margin-top:0;overflow:hidden;width:2em}.nav-close .user-info .img-container img{background-color:#e2e2e2;height:100%;object-fit:cover;width:100%}.nav-close .menu,.nav-close .menu .link-container{align-items:center;justify-content:center}.nav-close .menu .link-container{overflow:hidden;width:100%}.nav-close .menu .link-container .nav-btn .nav-icon{display:block;font-size:1.4em}.nav-close .menu .link-container .nav-btn:focus{background-color:#e2e2e2;border:none;border-radius:5px;color:#353535;outline:none}.nav-close .menu .link-container .nav-btn:focus .line-focus{margin:0 .2em 0 -.4em}@media only screen and (max-width:600px){.navbar{bottom:0;color:#fff;display:flex;flex-direction:column;gap:1em;height:100%;left:0;padding:1.5em 0;position:fixed;top:auto;transition:all .2s;width:100%}.navbar .nav-see .icon{transform:rotate(-90deg)}.navbar .menu .link-container .nav-btn{border-radius:.4em;cursor:pointer;margin:.1em 0;padding:0 .5em;transition:all .2s;width:-webkit-max-content;width:max-content}.navbar .menu .link-container .nav-btn:focus{padding:0 .5em}.navbar .menu .link-container .nav-btn:focus .text{padding:0 .7em}.navbar .menu .link-container .nav-btn:focus .line-focus{margin-left:-.25em}.navbar .menu .link-container .nav-btn .nav-icon{display:none}.nav-close{align-items:center;bottom:0;display:flex;flex-direction:row;gap:.2em;height:4em;justify-content:center;left:0;padding:0 .8em;position:fixed!important;top:auto;transition:all .2s;width:100%}.nav-close .nav-see,.nav-close .user-info{margin-right:5%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nav-close .nav-see .icon,.nav-close .user-info .icon{transform:rotate(-90deg)}.nav-close .menu{padding:0}.nav-close .menu,.nav-close .menu .link-container{display:flex;flex-direction:row;height:100%;width:100%}.nav-close .menu .link-container{align-items:center;justify-content:space-around}.nav-close .menu .link-container .nav-btn{border-radius:0!important;height:100%;margin:0;min-width:1.8em;padding:0}.nav-close .menu .link-container .nav-btn:focus{border-radius:0!important;padding:0}.nav-close .menu .link-container .nav-btn:focus .text{padding:0}.nav-close .menu .link-container .nav-btn:focus .line-focus{display:none}.nav-close .menu .link-container .nav-btn .nav-icon{display:block;margin:0 auto}.nav-close .menu .link-container .logout{display:none}}.body{display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding-bottom:9em!important;position:relative}.body .message{font-size:1.2em;margin:0 auto;padding:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media only screen and (min-width:600px){.body{margin-bottom:20em}.body .message{font-size:1.2em;margin:0 0 0 5em}}.modal-loading{align-items:center;background-color:#f6f6f6c7;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-loading .load-container{height:50vw;opacity:.8;width:50vw}.loading{animation:animate 1.2s ease-in-out infinite;border:5px solid #0000;border-radius:50%;border-top-color:#353535;height:100%;width:100%}@keyframes animate{0%{transform:rotate(0)}30%{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000}35%{border-left-color:#0000;border-right-color:#353535}45%{border-left-color:#0000;border-right-color:#353535}55%{border-left-color:#353535}58%{border-right-color:#0000}60%{border-left-color:#353535}75%{border-left-color:#0000}80%{border-bottom-color:#0000;border-left-color:#0000}to{transform:rotate(1turn)}}@media screen and (min-width:600px){.modal-loading .load-container{height:10em;width:10em}}.home-info{align-items:center;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:flex-start}.home-info .divide-line{display:none}.divide{align-items:center;display:flex;justify-content:center}@media only screen and (max-width:550px){.home-info>*{padding:2em 2em 0!important}}@media only screen and (min-width:550px){.home-info{align-items:flex-start;display:flex;flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;min-height:45em}.home-info .divide-line{display:inline!important;display:initial!important}}.plans{align-items:center;display:flex;flex-direction:column;font-size:1.4em;justify-content:center;padding:3em 8%;width:100%}.plans .section{align-self:flex-start;font-size:1.1em;margin-top:2em;width:100%}.plans .section ul{color:#484848;font-size:.75em;padding:2em 1em}.plans .section ul li{cursor:pointer;font-weight:300;transition:all .2s}.plans .section ul li:hover{font-weight:700;transition:all .2s}.plans .section ul>*{margin-bottom:1em}.plans .section ul>:last-child{margin-bottom:0}.plans h1{color:#353535}@media only screen and (min-width:600px){.plans{width:50%}.plans .header-section{align-items:flex-start;justify-content:center}}.header-section{display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin-bottom:1em;width:100%}.header-section h1{padding:0 1em;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.header-section .line{background-color:#747474;border-radius:1em;height:.065em;margin-top:.5em;transform:translateX(2em);width:60%!important}@media only screen and (min-width:600px){.header-section{align-items:center}.header-section h1{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.header-section .line{width:100%}}@media only screen and (max-width:700px){.header-section h1{padding:0}.header-section .line{width:60%}}.divide-line{background-color:#747474;border-radius:5em;margin-top:3em;opacity:.8}.graphic-container{align-items:center;display:flex;flex-direction:column;font-size:1.4em;justify-content:center;padding:3em 0;width:100%}.graphic-container .img-container{margin-top:1em;width:90%}.graphic-container img{width:100%}@media only screen and (min-width:600px){.graphic-container{width:50%}}@media only screen and (min-width:1024px){.graphic-container .img-container{width:16em}}.modal-change-value{display:flex;flex-direction:column;gap:.8em;width:100%}.modal-change-value .head{left:16px;position:absolute;top:16px;width:95%}.modal-change-value label{font-size:1.2em;font-weight:700}.modal-change-value .btn{margin:1em auto 0;width:100%}@media only screen and (min-width:600px){.modal-change-value{align-items:flex-start;justify-content:center;width:70%}.modal-change-value .head{width:32em}}.modal-elem{background-color:rgba(59,59,59,.894);left:0;position:fixed;top:0;z-index:2000}.modal-elem,.modal-elem .modal-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.modal-elem .modal-container{flex-direction:column;padding:1em 0}.modal-elem .modal-container .close-btn{cursor:pointer;position:absolute;right:1em;top:1em}.modal-elem .modal-container .close-btn .icon{color:#e32b2b;font-size:2em}@media only screen and (max-width:400px){.modal-elem .modal-container{justify-content:flex-start;margin-top:5em}}@media only screen and (min-width:600px){.modal-elem .modal-container .close-btn .icon{font-size:3.5em}}.create-new-container{cursor:pointer;display:flex;gap:.7em}.create-new-container h3{font-weight:700}.create-new-container .icon{font-size:1.5em}.create-new-container:before{content:"-";font-size:1.2em;font-weight:700}.plan-page{flex-direction:column;gap:2em;padding:2em 0;width:100%}.plan-page,.plan-page .btn-container{align-items:center;display:flex;justify-content:center}.plan-page .btn-container{align-self:flex-end;flex-direction:row;gap:.5em;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-right:1em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.plan-page .btn-container .btn{padding:.6em 1.2em}.plan-page .btn-container .btn .icon{cursor:pointer;font-size:1.4em!important}.plan-page .btn-container .btn .text{cursor:pointer;font-size:1.2em}.plan-page .delete-plan-section{align-items:center;display:flex;justify-content:center}.plan-page .delete-plan-section .btn{padding:.8em 2em;width:100%}.shareable-container{font-size:1.1em;gap:.5em}.shareable-container input{height:1.4em;width:1.4em}@media only screen and (min-width:600px){.plan-page .delete-plan-section .btn{padding:.5em 4em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.action-btn{align-items:center;background-color:#0000;border:none;cursor:pointer;display:flex;flex-direction:row;gap:.5em;justify-content:center}.action-btn .icon{font-size:1.2em}.action-btn .text{display:none}@media only screen and (min-width:600px){.action-btn .icon{font-size:1.2em}.action-btn .text{display:inline;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.box-group{align-items:center;display:flex;flex-direction:column;gap:1em;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;width:100%}.box-group .action-btn{font-size:1em}.box-group .action-btn .text{display:inline}.box-group .data-box ul{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;list-style-type:none;margin:8% auto;width:90%}.box-group .data-box ul li{align-items:flex-start;display:flex;flex-direction:column;gap:.3em;justify-content:center;margin-left:1em}.box-group .data-box ul li .food-name:before{content:"-";font-size:1.2em;margin-right:.2em}.box-group .data-box ul li .food-quantity{font-weight:700;margin-left:1em}.box-group .data-box ul>*{margin-bottom:.5em}.box-group .data-box ul>:last-child{margin-bottom:0}.box-group .forms-contaier{align-items:center;display:flex;flex-direction:column;gap:1em;justify-content:center;padding:1em 0;width:100%}.data-box-none{border:none!important;padding:0 3%!important}.flex-end{display:flex;flex-direction:row;justify-content:flex-end}@media only screen and (min-width:600px){.box-group .data-box ul{margin:1em auto;width:90%}}.data-box{background-color:#fff;border:2px solid #d9d9d9;border-radius:30px;font-family:"Noto Serif",serif;font-optical-sizing:auto;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:4.5em 0;position:relative;transition:all .2s;width:90%}.data-box .box{box-shadow:0 4px 10px rgba(0,0,0,.906)}.data-box .box-head{background-color:#f5f5f5;border-top-left-radius:30px;border-top-right-radius:30px;font-family:Signika Negative,sans-serif;height:4.5em;left:0;position:absolute;top:0;width:100%}.data-box .box-head .box-header{align-items:flex-start;height:100%;justify-content:center;padding:0 8%}.data-box .box-head .box-header h1{padding:0}.data-box .box-head .box-header .line{width:40%!important}.data-box .box-head .box-head-edit{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:center;padding:0 1.5em}.data-box .box-head .box-head-edit .action-btn{flex-basis:25%;font-size:1em}.data-box .box-head .box-head-edit .head-edit{flex-basis:75%}.data-box .box-body{background-color:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.data-box .box-body .add-container{align-items:flex-start;display:flex;flex-direction:column;gap:1em;justify-content:center;margin:0 auto;width:90%}.data-box .box-body .add-container .action-btn{font-size:1em}.data-box .box-body .add-container .action-btn .text{display:inline!important}.data-box .box-foot{background-color:#fff;border-bottom-left-radius:30px;border-bottom-right-radius:30px;bottom:0;height:4.5em;left:0;padding:0 8%;position:absolute;width:100%}.data-box .box-foot,.data-box .box-foot div{align-items:center;display:flex;flex-direction:row;gap:1em;justify-content:center}.data-box .box-foot div{height:100%;width:-webkit-max-content;width:max-content}.data-box .box-foot div span{font-size:1.1em;text-align:center;width:100%}.data-box .box-foot div .divide-line{margin:0}.data-box .box-see{position:absolute;right:1em;top:50%;transform:translateY(-50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.data-box .box-see .icon{font-size:1.5em}.modal-elem .box{gap:.5em;height:90%;justify-content:flex-start;overflow-y:scroll}.modal-elem .box::-webkit-scrollbar{display:none}.modal-elem .box .section-head{align-items:flex-start;display:flex;flex-direction:column;gap:1em;justify-content:center;width:100%}.modal-elem .box .section-head .search-bar-container{margin:1em auto;max-height:6em;position:relative;width:100%;z-index:50}.modal-elem .box .section-head .search-bar-container .search-bar{overflow-y:visible}.modal-elem .box .section-head .search-bar-container .search-bar .search-items{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.modal-elem .box .section-head .search-bar-container input{font-size:1.2em}.box-close{height:9em;transition:all .2s}.box-close .box-body{height:0;overflow:hidden}@media only screen and (min-width:450px){.box-foot{justify-content:flex-start!important}.box-foot div{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.box-foot div span{padding:0;width:80px!important}}@media only screen and (min-width:600px){.data-box{border-radius:50px;width:80%}.data-box .box-head{border-top-left-radius:50px;border-top-right-radius:50px}.data-box .box-head .box-head-edit{padding:0 2em}.data-box .box-head .box-head-edit .action-btn{flex-basis:40%}.data-box .box-head .box-head-edit .head-edit{flex-basis:80%}.data-box .box-foot{border-bottom-left-radius:50px;border-bottom-right-radius:50px}.modal-elem .box{height:auto;min-height:40em}.modal-elem .box .section-head{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.modal-elem .box .section-head .search-bar-container{width:20em}}@media only screen and (min-width:900px){.data-box{width:40em}}.header-section{align-items:flex-start;margin:0}.head-edit{padding:0!important}.head-edit input{background-color:#0000;border:none;font-size:1.3em;padding:.1em .5em;width:100%}.head-edit .line{width:70%!important}.search-bar{background-color:#fff;border:1px solid #bcbcbc;border-radius:30px;box-shadow:0 2px 6px #bcbcbc;color:#353535;transition:all .2s}.search-bar:focus{border:1px solid #353535cc;outline:2px solid #353535cc}.search-bar input{background-color:#0000;border:none;padding:.8em 1.5em;width:100%}.search-bar input:focus{border:none;outline:none}.search-bar .search-items{max-height:20em;overflow-y:scroll}.search-bar .search-items .line{background-color:#bcbcbc;border-radius:50px;height:.1em;margin:.6em auto;width:90%}.search-bar .search-items ul{display:flex;flex-direction:column}.search-bar .search-items ul li{border-radius:5px;cursor:pointer;display:block;padding:.8em 1.5em}.search-bar .search-items ul li:last-of-type{margin-bottom:.6em}.search-bar .search-items ul li:focus,.search-bar .search-items ul li:hover{background-color:#bcbcbc;border:none;color:#fff;outline:none}.full-search-bar{border-radius:20px;transition:all .2s}.food-edit-form{flex-direction:column;justify-content:center;padding:0 .5em;position:relative;width:100%}.food-edit-form,.food-edit-form div{align-items:center;display:flex;gap:.5em}.food-edit-form div{flex-direction:row;justify-content:flex-start;padding-right:.5em;width:90%}.food-edit-form div .food-name:before{content:"-";margin-right:.2em}.food-edit-form .food-name,.food-edit-form .food-quantity{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.food-edit-form .food-name{font-size:1em;font-weight:600;text-transform:lowercase}.food-edit-form .food-name:first-letter{text-transform:uppercase}.food-edit-form .food-quantity{margin:0 1em}.food-edit-form input{background-color:#0000;border:none;font-size:1em;margin-left:1em;max-width:5em;padding:.1em .5em}.food-edit-form .action-btn{font-size:.9em}.food-edit-form .remove{position:absolute;right:1em;top:50%;transform:translateY(-50%)}@media only screen and (min-width:600px){.food-edit-form{align-items:flex-start;gap:.5em;padding:0 3em;position:relative}.food-edit-form div{font-size:1.1em;gap:1em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.food-edit-form .food-name{font-weight:400}.food-edit-form .remove{right:3em}}.boxes-header{background-color:#747474;border-radius:40px;color:#f5f5f5;height:4em;width:90%}.boxes-header .desc-container{padding:0 8%;width:100%}.boxes-header .desc-container,.boxes-header .desc-container .desc{align-items:center;display:flex;flex-direction:row;gap:1em;height:100%;justify-content:center}.boxes-header .desc-container .desc{width:-webkit-max-content;width:max-content}.boxes-header .desc-container .desc span{font-size:1.3em;text-align:center;width:100%}.boxes-header .desc-container .desc .divide-line{background-color:#f5f5f5;margin:0}@media only screen and (min-width:450px){.boxes-header .desc-container{justify-content:flex-start}.boxes-header .desc-container .desc{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.boxes-header .desc-container .desc span{padding:0;width:80px!important}}@media only screen and (min-width:600px){.boxes-header{width:80%}}@media only screen and (min-width:900px){.boxes-header{width:40em}}.plan-description{align-items:center;display:flex;flex-direction:column;gap:1.5em;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;width:100%}@media only screen and (min-width:800px){.plan-description{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-around;max-width:42em;min-width:35em}}@media only screen and (min-width:1000px){.plan-description{max-width:inherit;min-width:inherit;width:80%}}@media only screen and (min-width:1200px){.plan-description{gap:4em;justify-content:center;width:100%}}.chart-container{background-color:#f5f5f5;border-radius:50px;height:auto;padding:1.2em}.chart-container .macro-container{align-items:center;display:flex;flex-direction:column;gap:1em;justify-content:center;margin:1em auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.chart-container .macro-container .macro{align-items:center;display:flex;flex-direction:row;font-family:"Noto Serif",serif;gap:.5em;justify-content:flex-start;width:100%}.chart-container .macro-container .macro .circle{background-color:#000;border-radius:50%;height:1.2em;width:1.2em}.chart{align-items:center;display:flex;justify-content:center;width:80vw}@media only screen and (min-width:600px){.chart{width:70vw}}@media only screen and (min-width:800px){.chart-container{height:40em}.chart{width:30vw}}@media only screen and (min-width:1000px){.chart{width:25vw}}.food-description{align-items:flex-start;background-color:#f5f5f5;border-radius:50px;display:flex;flex-direction:column;height:40em;justify-content:flex-start;overflow-y:scroll;padding:1.2em;position:relative;width:88vw}.food-description::-webkit-scrollbar{display:none}.food-description .food-head{align-items:flex-start;margin:1em}.food-description .desc-container{align-items:flex-start;color:#484848;display:flex;flex-direction:column;font-family:"Noto Serif",serif;justify-content:center;list-style-type:none;padding:0 16%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.food-description .desc-container>*{margin-bottom:.5em}.food-description .desc-container>:last-child{margin-bottom:0}.food-description .desc-container li:before{content:"-";font-size:1.3em}.food-description .desc-container .desc-name{margin:0 .5em}.food-description .desc-container .desc-value{color:#e32b2b}@media only screen and (min-width:600px){.food-description{width:75vw}.food-description .desc-container{width:70vw}}@media only screen and (min-width:800px){.food-description{align-items:flex-start;flex-direction:column;height:40em;justify-content:flex-start;overflow-y:scroll;width:45%}.food-description::-webkit-scrollbar{display:none}.food-description .desc-container{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;width:30vw}}@media only screen and (min-width:1200px){.food-description{width:28%}.food-description .desc-container{width:25vw}}.edit-plan-name-btn{font-size:1em;position:absolute;right:20px;top:-3.25em}.single-meal-page .box-head-edit{justify-content:flex-start!important}.single-meal-page .box-head-edit .action-btn{display:none}.single-meal-page{flex-direction:column;gap:2em;padding:2em 0;width:100%}.single-meal-page,.single-meal-page .btn-container{align-items:center;display:flex;justify-content:center}.single-meal-page .btn-container{align-self:flex-end;flex-direction:row;gap:.5em;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-right:1em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.single-meal-page .btn-container .btn{padding:.6em 1.2em}.single-meal-page .btn-container .btn .icon{cursor:pointer;font-size:1.4em!important}.single-meal-page .btn-container .btn .text{cursor:pointer;font-size:1.2em}.single-meal-page .delete-plan-section{align-items:center;display:flex;justify-content:center}.single-meal-page .delete-plan-section .btn{padding:.8em 2em;width:100%}.edit-plans-btn{align-self:flex-end;margin-right:1em;padding:.6em 1.2em}.edit-plans-btn .icon,.edit-plans-btn .text{color:#353535!important;cursor:pointer;font-size:1.2em}@media only screen and (min-width:600px){.single-meal-page .delete-plan-section .btn{padding:.5em 4em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.section-search-food .search-bar-container{margin:3em auto 1em;max-height:5em;position:relative;width:95%;z-index:50}.section-search-food .search-bar-container .search-bar{overflow-y:visible}.section-search-food .search-bar-container input{font-size:1.2em}.section-search-food .title{font-size:1.8em;margin:2em auto;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (min-width:400px){.section-search-food .search-bar-container{width:80%}}@media screen and (min-width:600px){.section-search-food .search-bar-container{width:25em}}.page-container .header-section{align-items:center!important;display:flex;flex-direction:column;position:relative}.page-container .header-section .action-btn{align-self:flex-end;font-size:1em;justify-self:flex-end;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.page-container .header-section .line{transform:none;width:100%!important}.page-container .page-data{display:flex;flex-direction:column;font-size:1.1em;gap:1em;padding:2em 0}.page-container .page-data .row{display:flex;flex-direction:row;gap:.5em}.page-container .page-data form{align-items:center;display:flex;flex-direction:column;gap:.8em;justify-content:center;margin:0 auto;width:100%}.page-container .page-data .img-container{border-radius:50%;box-shadow:0 0 3px #747474;height:8em;margin:0 auto;overflow:hidden;width:8em}.page-container .page-data .img-container>img{height:100%;object-fit:cover;width:100%}.page-container form.page-data .row .desc{flex-basis:30%}.page-container form.page-data .row .input{flex-basis:70%;font-size:1.05em;padding:.2em .5em!important}.page-container .desc{font-weight:700}.page-container .line{height:1px!important}@media only screen and (min-width:600px){.page-container form.page-data .row .desc{flex-basis:20%}.page-container form.page-data .row .input{flex-basis:80%}}@media only screen and (min-width:900px){.page-container form.page-data .row .desc{flex-basis:15%}.page-container form.page-data .row .input{flex-basis:80%}}.setting-page{display:flex;flex-direction:column;gap:1.8em}.setting-page .header-section{align-items:center!important;display:flex;flex-direction:column}.setting-page .header-section .line{height:1px;transform:none;width:100%!important}.setting-page .page-data{display:flex;flex-direction:column;font-size:1em;gap:2em;padding:0}.setting-page .page-data .row{align-items:flex-start;display:flex;flex-direction:column;gap:.5em;justify-content:center;width:100%}.setting-page .page-data .row label{align-content:center;text-align:center}.setting-page .page-data form{align-items:center;gap:.8em;margin:0 auto}.setting-page .food-list-container,.setting-page .page-data form{display:flex;flex-direction:column;justify-content:center;width:100%}.setting-page .food-list-container{align-items:flex-start;font-size:1.1em;gap:.7em;padding:0 .5em}.setting-page .food-list-container .row{align-items:center;display:flex;flex-direction:row;gap:.8em;justify-content:center;width:-webkit-max-content!important;width:max-content!important}.setting-page .food-list-container .row .action-btn{display:block}.setting-page .food-list-container li{display:block;font-weight:700;height:100%;list-style-type:none}.setting-page .food-list-container li:before{content:"-";font-size:1.2em;font-weight:700;margin-right:.2em}.setting-page .food-list-container .action-btn{font-size:.9em;margin-top:.5em}.setting-page .food-list-container .action-btn .text{display:inline}.setting-page .desc{font-weight:700}@media only screen and (min-width:600px){.setting-page{gap:1em}.setting-page .page-data{display:flex;flex-direction:column;font-size:1em;gap:3em;padding:1em 0}.setting-page .page-data .row{align-items:center;display:flex;flex-direction:row;gap:.5em;justify-content:center;width:100%}.setting-page .page-data .row label{align-content:center;flex-basis:30%;text-align:center}.setting-page .page-data .row input{flex-basis:70%}.setting-page .page-data .food-list-container{padding:0 2em}}.add-food-page{display:flex;flex-direction:column;gap:1.8em}.add-food-page .basic{margin:-1em .2em -1em auto}.add-food-page .header-section{align-items:center!important;display:flex;flex-direction:column}.add-food-page .header-section .line{height:1px;transform:none;width:100%!important}.add-food-page .page-data{display:flex;flex-direction:column;font-size:1em;gap:2em;padding:0}.add-food-page .page-data .row{align-items:flex-start;display:flex;flex-direction:column;gap:.5em;justify-content:center;width:100%}.add-food-page .page-data .row .label-container{align-items:center;display:flex;flex-direction:row;gap:.5em;justify-content:center}.add-food-page .page-data .row .label-container label{align-content:center;text-align:center}.add-food-page .page-data form{align-items:center;display:flex;flex-direction:column;gap:.8em;justify-content:center;margin:0 auto;width:100%}@media only screen and (min-width:600px){.add-food-page{gap:1em}.add-food-page .page-data{display:flex;flex-direction:column;font-size:1em;gap:3em;padding:1em 0}.add-food-page .page-data .row{width:30em}}.switch-container{align-items:center;display:flex;flex-direction:column;gap:.1em;justify-content:center;width:5em}.switch-container span{text-wrap:wrap;word-wrap:break-word;align-content:center;color:#353535cc;font-size:.8em;text-align:center}.switch-container .switch-btn{border-radius:20px;box-shadow:0 0 3px #353535cc;cursor:pointer;height:1.5em;overflow:hidden;position:relative;width:3em}.switch-container .switch-btn .circle{background-color:#353535cc;border-radius:50%;height:100%;position:absolute;transform:translateX(0);transition:all .2s;width:1.5em}.switch-container .switch-btn .right{transform:translateX(100%)}.modal{background-color:rgba(0,0,0,.854);height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal,.modal .container{align-items:center;display:flex}.modal .container{background-color:#d9d9d9c7;border-radius:1em;flex-direction:column;height:10em;justify-content:space-between;padding:1.2em .2em;width:20em;z-index:1001}.modal .container h2{text-align:center}
/*# sourceMappingURL=main.c3e659b0.css.map*/