@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@500;700&display=swap);:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;left:0;opacity:0;padding:8px 16px;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease-out;visibility:hidden;width:-webkit-max-content;width:max-content;will-change:opacity,visibility}.styles-module_fixed__7ciUi{position:fixed}.styles-module_arrow__K0L3T{background:inherit;height:8px;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:8px}.styles-module_noArrow__T8y2L{display:none}.styles-module_clickable__Bv9o7{pointer-events:auto}.styles-module_show__2NboJ{opacity:.9;opacity:var(--rt-opacity);visibility:visible}.styles-module_dark__xNqje{background:#222;background:var(--rt-color-dark);color:#fff;color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:#fff;background-color:var(--rt-color-white);color:#222;color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:#8dc572;background-color:var(--rt-color-success);color:#fff;color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:#f0ad4e;background-color:var(--rt-color-warning);color:#fff;color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:#be6464;background-color:var(--rt-color-error);color:#fff;color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:#337ab7;background-color:var(--rt-color-info);color:#fff;color:var(--rt-color-white)}.app__sidebar{min-width:80px;padding:var(--padding-y) 0;width:5%}.navbar{align-items:normal;height:100%}.navbar,.navbar .container-fluid{padding:0}.app__sidebar-nav{width:100%}.app__sidebar-nav a{color:var(--light-black)}.nav-item{border-left:5px solid transparent;margin:3rem 0;padding:1rem;width:100%}.nav-item.active{border-left:5px solid var(--bright-yellow)}.nav-item svg{margin:auto}.app__sidebar-cart{background:var(--bright-yellow);border-radius:50%;color:var(--white);cursor:pointer;padding:.7rem;position:relative}.app__sidebar-cart:hover{box-shadow:0 0 2px var(--light-red);opacity:.99}.item-num{background:var(--light-red);border-radius:5px;font-size:.7rem;padding:1px .4rem;position:absolute;right:-5px;top:-5px}.nav-item{position:relative}.tooltip{left:4rem!important;top:.5rem!important}.tooltip .tooltip-arrow{left:1px!important;top:50%!important;-webkit-transform:translate(-50%,-50%) rotate(48deg)!important;transform:translate(-50%,-50%) rotate(48deg)!important}.main__content-items h1{margin-right:1rem;width:70%}h1 span{color:var(--bright-yellow);font-weight:700}.mag-icon{color:var(--light-black)}.items-show h2{color:var(--black);font-size:1rem;margin-bottom:1rem;margin-top:2.5rem}.items-show .card{background:var(--white);margin-bottom:1rem;padding:1rem}.items-show .card p{color:var(--black);cursor:pointer}.card .plus-icon{color:var(--light-gray);cursor:pointer;margin-left:.5rem;max-width:none;transition:all .3s linear;width:1.5rem}.card .plus-icon:hover{color:var(--light-black);scale:1.02}@media screen and (max-width:40.625rem){.main__content-items .items-header{flex-direction:column}.main__content-items h1{width:100%}}.back-btn{transition:all .3s linear}.back-btn,.back-btn:hover{color:var(--bright-yellow)}.back-btn:hover{text-decoration:underline}.items-month p:first-child{font-size:.95rem;margin-bottom:1rem;margin-top:2.5rem}.items-month .card{align-items:center;background-color:var(--white);border-radius:1rem;flex-direction:row;margin-bottom:1rem;padding:1rem}.items-month h2{cursor:pointer;font-size:1rem}.items-month h2+.d-flex{color:var(--light-gray)}.items-month .btn{border:1px solid;border-radius:.5rem;cursor:auto}.items-month .btn.completed{border-color:var(--blue);color:var(--blue)}.items-month .btn.cancelled{border-color:var(--light-red);color:var(--light-red)}.items-month .forward-icon{color:var(--bright-yellow);cursor:pointer}.items-month .forward-icon:hover{box-shadow:0 0 2px var(--light-gray)}.main__items-grocery h2{margin-bottom:.5rem;margin-top:1.5rem}.main__items-grocery .grocery-date{color:var(--light-gray);margin-bottom:2rem}.grocery-category,.grocery-name{color:var(--black)}.grocery-category{font-size:1rem;margin:2rem 0 1rem}.grocery-category+div .card{background-color:var(--white);padding:1rem}.grocery-name{font-size:.9rem}.grocery-qty{color:var(--bright-yellow);font-size:.85rem;font-weight:700}@media screen and (max-width:40.625rem){.items-month .card{flex-direction:column}.items-month .card h2{margin-bottom:1rem}.items-month .card h2+div{justify-content:space-between;width:100%}.grocery-category+div{flex-wrap:wrap}}@media screen and (max-width:31.25rem){.items-month .card h2+div{flex-wrap:wrap}.items-month .card h2+div>*{margin:0!important}.calendar-icon{display:none}}@media screen and (max-width:25rem){.forward-icon{display:none}.items-month .card h2+div{flex-direction:column;justify-content:center}}.main__content-stats h2{margin-bottom:2rem}.main__content-stats section{margin-top:3rem}.main__content-stats span{font-size:.95rem}.main__content-stats .progress-bar{background:var(--ver-light-red);border-radius:.5rem;height:5px;margin:.5rem 0 1rem;position:relative}.top-items .progress-show{background-color:var(--bright-yellow)}.top-cat .progress-show{background-color:var(--blue)}.top-cat ul,.top-items ul{padding:0}.progress-bar .progress-show{border-radius:.5rem;height:100%;left:0;position:absolute;top:0}@media screen and (max-width:69.375rem) and (min-width:59.6875rem){.recharts-wrapper{width:500px!important}}@media screen and (max-width:47.5rem){.recharts-wrapper{width:550px!important}}@media screen and (max-width:43.75rem){.recharts-wrapper{width:500px!important}}@media screen and (max-width:39.0625rem){.recharts-wrapper{width:400px!important}}@media screen and (max-width:32.8125rem){.recharts-wrapper{height:300px!important;width:300px!important}}@media screen and (max-width:425px){.recharts-wrapper{height:250px!important;width:250px!important}}.cart-padding{height:85vh;padding:var(--padding-y) var(--padding-x);padding-bottom:0}.cart-header{background-color:var(--dark-brown);border-radius:1rem;color:var(--white);margin-bottom:1.5rem;padding:2rem 1rem 2rem 6rem;position:relative;width:100%}.cart-header h2{font-size:1rem;margin-bottom:1rem}.cart-image{left:0;position:absolute;top:-1rem}.cart-content .btn{border-radius:.5rem;padding:.5rem 1.5rem}.empty-cart-display{align-items:center;display:flex;flex:1 1}.empty-cart-display span{font-weight:700}.empty-cart-display img{bottom:2rem;left:-4rem;max-width:none;width:15rem}.main__cart-items{height:70vh;overflow:scroll}.main__cart-items::-webkit-scrollbar{display:none}.main__cart-items h2,.pencil-icon{color:var(--light-black)}.pencil-icon{cursor:pointer}.pencil-icon:hover{color:var(--black)}.cart__items-category{color:var(--gray);font-size:.95rem;font-weight:500;margin-bottom:.5rem;margin-top:1.5rem}.cart-items input[type=checkbox]+span{background:var(--white);border:3px solid var(--bright-yellow);border-radius:5px;display:block;height:1.5rem;width:1.5rem}.check-icon{color:var(--bright-yellow)}.search-match{font-weight:700}.cart__item-control .btn{border:1px solid var(--bright-yellow);border-radius:2rem;color:var(--bright-yellow);margin:0 2px;padding:.3rem 1rem}.cart__item-control div.bg-white{border-radius:.5rem;color:var(--bright-yellow);padding-right:.5rem}.cart__item-control div.bg-white>div{cursor:pointer}.cart__item-control .delete-btn{background-color:var(--bright-yellow);border-radius:.5rem;color:var(--white);cursor:pointer;margin-right:.75rem;padding:.75rem .5rem}.minus-icon:hover,.plus-icon:hover{scale:1.1}@media screen and (max-width:420px){.single-cart-item{flex-direction:column;justify-content:center;width:100%}.cart__item-control{margin:0!important}.cart__items-category+div>div{box-shadow:0 1px var(--light-gray);margin-bottom:1.5rem;padding-bottom:.5rem}}.cart-footer{height:15vh}.cart-footer form{border:1px solid var(--bright-yellow);width:100%}.cart-footer form::-webkit-input-placeholder{color:var(--light-gray)}.cart-footer form::placeholder{color:var(--light-gray)}.cart-footer form.cart-empty{border-color:var(--light-gray)}.cart-footer form div{flex:1 1}.cart-footer form.cart-empty .form-control:focus{box-shadow:none;outline:none}.cart-footer form .btn{background-color:var(--bright-yellow);color:var(--white);padding:0 1rem}.cart-footer form.cart-empty .btn{background-color:var(--light-gray)}.cart-footer{background-color:var(--white);padding:2rem}.cart-footer .btn-holder{justify-content:center}.cart-footer .btn-holder .btn{margin:0 .5rem;padding:.5rem 1rem}.cart-footer .btn-holder .btn:last-child{background-color:var(--blue);border:1px solid transparent;color:var(--white)}.cart-footer .btn-holder .btn:last-child:hover{box-shadow:0 0 3px var(--light-gray)}@media screen and (max-width:23.4375rem){.cart-padding{padding:var(--padding-y) 1rem;padding-bottom:0}}.main__sidebar-details,.main__sidebar-form{background-color:var(--white);height:100vh;overflow:scroll;padding:var(--padding-y) var(--padding-x)}.main__sidebar-details::-webkit-scrollbar,.main__sidebar-form::-webkit-scrollbar{display:none}.main__sidebar-details .btn{padding-left:0}.main__sidebar-details .order-1{border-radius:1rem;height:25vh;margin:1rem 0;overflow:hidden;width:100%}.details__item-title{color:var(--light-gray);font-size:.9rem;margin:1.5rem 0 0}.main__sidebar-details h3{font-size:1.5rem;font-weight:500}.main__sidebar-details .add-btn{background-color:var(--bright-yellow);color:var(--white);padding:.5rem 1.5rem}.main__sidebar-details .add-btn:hover{opacity:.9}.main__sidebar-form label{margin:.8rem 0 .3rem}.main__sidebar-form input,.main__sidebar-form select,.main__sidebar-form textarea{border:2px solid var(--light-gray)}.main__sidebar-form .btn{margin:0 .5rem}.main__sidebar-form .btn-holder{margin-top:5rem}.main__sidebar-form .save-btn{background-color:var(--bright-yellow);color:var(--white);padding:0 1rem}.main__sidebar-form .save-btn:hover{opacity:.9}.app__modal{background-color:rgba(0,0,0,.4);bottom:0;left:0;right:0;top:0;z-index:1000}.app__modal .position-relative{border-radius:1rem;left:50%;max-width:-webkit-max-content;max-width:max-content;min-width:300px;padding:2rem;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50%}.app__modal .position-absolute{cursor:pointer;right:2rem;top:2rem}.app__modal .position-absolute:hover .close-icon{scale:1.05}.app__modal h2{color:var(--light-black);width:85%}.app__modal .btn-holder{margin-left:auto}.app__modal .btn{padding:.5rem 1.5rem}.app__modal .btn-holder .btn:last-child{background-color:var(--light-red);color:var(--white)}.app__modal .btn-holder .btn:last-child:hover{opacity:.9}main{flex:1 1}main>div{justify-content:space-between;width:100%}.app__main-content,.app__main-sidebar{height:100vh}.app__main-content::-webkit-scrollbar,.app__main-sidebar::-webkit-scrollbar{display:none}.app__main-content{flex:1 1;overflow:scroll;padding:var(--padding-y) var(--padding-x)}.app__main-sidebar{background:var(--very-light-orange);box-shadow:-1px 0 2px var(--light-gray);width:30vw}@media screen and (max-width:60rem){.app__main-sidebar{bottom:0;display:none;position:fixed;right:0;top:0;width:350px}}@media screen and (max-width:43.75rem){.app__main-content{padding:var(--padding-y) 1rem}}@media screen and (max-width:26.25rem){.app__main-sidebar{width:300px}}*,:after,:before{box-sizing:border-box}*{margin:0}body,html{height:100%}body{-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{margin:0;overflow-wrap:break-word}:root{--base-font:"Quicksand";--light-red:#eb5757;--bright-yellow:#f9a109;--blue:#56ccf2;--light-gray:#c1c1c4;--white:#fff;--ver-light-red:#e0e0e0;--black:#000;--gray:#828282;--light-black:#34333a;--very-light-orange:#fff0de;--dark-brown:#80485b;--padding-y:2rem;--padding-x:2rem}body{color:#000;color:var(--black);font-family:Quicksand,sans-serif;font-family:var(--base-font),sans-serif;font-size:18px;font-weight:500}h1,h2,h3,h4,h5,h6{font-weight:600}h1,h2{font-size:1.5rem}h1{color:#34333a;color:var(--light-black);margin-bottom:1rem}button.btn{font-weight:700;transition:all .3s linear}.cancel-btn{border:1px solid transparent;color:#34333a;color:var(--light-black)}.cancel-btn:hover{border:1px solid #34333a;border:1px solid var(--light-black)}
/*# sourceMappingURL=main.b7f7cfb2.css.map*/