@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@500;700&display=swap";.app__sidebar{padding:var(--padding-y) 0;width:5%;min-width:80px}.navbar{align-items:normal;height:100%;padding:0}.navbar .container-fluid{padding:0}.app__sidebar-nav{width:100%}.app__sidebar-nav a{color:var(--light-black)}.nav-item{width:100%;margin:3rem 0;padding:1rem;border-left:5px solid transparent}.nav-item.active{border-left:5px solid var(--bright-yellow)}.nav-item svg{margin:auto}.app__sidebar-cart{position:relative;background:var(--bright-yellow);border-radius:50%;padding:.7rem;color:var(--white);cursor:pointer}.app__sidebar-cart:hover{opacity:.99;box-shadow:0 0 2px var(--light-red)}.item-num{position:absolute;top:-5px;right:-5px;padding:1px .4rem;font-size:.7rem;background:var(--light-red);border-radius:5px}.nav-item{position:relative}.main__content-items h1{width:70%;margin-right:1rem}h1 span{color:var(--bright-yellow);font-weight:700}.mag-icon{color:var(--light-black)}.items-show h2{font-size:1rem;margin-bottom:1rem;margin-top:2.5rem;color:var(--black)}.items-show .card{padding:1rem;margin-bottom:1rem;background:var(--white)}.items-show .card p{color:var(--black);cursor:pointer}.card .plus-icon{width:1.5rem;margin-left:.5rem;max-width:none;color:var(--light-gray);cursor:pointer;transition:all .3s linear}.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{color:var(--bright-yellow);transition:all .3s linear}.back-btn:hover{color:var(--bright-yellow);text-decoration:underline}.items-month p:first-child{font-size:.95rem;margin-bottom:1rem;margin-top:2.5rem}.items-month .card{background-color:var(--white);padding:1rem;border-radius:1rem;margin-bottom:1rem;align-items:center;flex-direction:row}.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{color:var(--blue);border-color:var(--blue)}.items-month .btn.cancelled{color:var(--light-red);border-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-top:1.5rem;margin-bottom:.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{padding:1rem;background-color:var(--white)}.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{width:100%;justify-content:space-between}.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{justify-content:center;flex-direction:column}}.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{height:5px;background:var(--ver-light-red);margin:.5rem 0 1rem;border-radius:.5rem;position:relative}.top-items .progress-show{background-color:var(--bright-yellow)}.top-cat .progress-show{background-color:var(--blue)}.progress-bar .progress-show{position:absolute;top:0;left:0;height:100%;border-radius:.5rem}@media screen and (max-width: 69.375rem) and (min-width: 955px){.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{width:300px!important;height:300px!important}}@media screen and (max-width: 425px){.recharts-wrapper{width:250px!important;height:250px!important}}main{flex:1}main>div{width:100%;justify-content:space-between}.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;padding:var(--padding-y) var(--padding-x);overflow:scroll}.app__main-sidebar{background:var(--very-light-orange);width:30vw;box-shadow:-1px 0 2px var(--light-gray)}@media screen and (max-width: 60rem){.app__main-sidebar{display:none;position:fixed;top:0;bottom:0;right: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}}.cart-padding{padding:var(--padding-y) var(--padding-x);padding-bottom:0;height:85vh}.cart-header{width:100%;border-radius:1rem;padding:2rem 1rem 2rem 6rem;margin-bottom:1.5rem;position:relative;background-color:var(--dark-brown);color:var(--white)}.cart-header h2{font-size:1rem;margin-bottom:1rem}.cart-image{position:absolute;left:0;top:-1rem}.cart-content .btn{padding:.5rem 1.5rem;border-radius:.5rem}.empty-cart-display{flex:1;display:flex;align-items:center}.empty-cart-display span{font-weight:700}.empty-cart-display img{bottom:2rem;left:-4rem;width:15rem;max-width:none}.main__cart-items{height:70vh;overflow:scroll}.main__cart-items::-webkit-scrollbar{display:none}.main__cart-items h2{color:var(--light-black)}.pencil-icon{color:var(--light-black);cursor:pointer}.pencil-icon:hover{color:var(--black)}.cart__items-category{color:var(--gray);font-size:.95rem;font-weight:500;margin-top:1.5rem;margin-bottom:.5rem}.cart-items input[type=checkbox]+span{display:block;width:1.5rem;height:1.5rem;background:var(--white);border-radius:5px;border:3px solid var(--bright-yellow)}.check-icon{color:var(--bright-yellow)}.search-match{font-weight:700}.cart__item-control .btn{color:var(--bright-yellow);border:1px solid var(--bright-yellow);border-radius:2rem;padding:.3rem 1rem;margin:0 2px}.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{cursor:pointer;background-color:var(--bright-yellow);color:var(--white);padding:.75rem .5rem;margin-right:.75rem;border-radius:.5rem}.minus-icon:hover,.plus-icon:hover{scale:1.1}@media screen and (max-width: 420px){.single-cart-item{flex-direction:column}.single-cart-item{width:100%;justify-content:center}.cart__item-control{margin:0!important}.cart__items-category+div>div{margin-bottom:1.5rem;box-shadow:0 1px var(--light-gray);padding-bottom:.5rem}}.cart-footer{height:15vh}.cart-footer form{width:100%;border:1px solid var(--bright-yellow)}.cart-footer form::placeholder{color:var(--light-gray)}.cart-footer form.cart-empty{border-color:var(--light-gray)}.cart-footer form div{flex:1}.cart-footer form.cart-empty .form-control:focus{box-shadow:none;outline:none}.cart-footer form .btn{color:var(--white);background-color:var(--bright-yellow);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{color:var(--white);background-color:var(--blue);border:1px solid transparent}.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{padding:var(--padding-y) var(--padding-x);background-color:var(--white);height:100vh;overflow:scroll}.main__sidebar-details::-webkit-scrollbar,.main__sidebar-form::-webkit-scrollbar{display:none}.main__sidebar-details .btn{padding-left:0}.main__sidebar-details .order-1{margin:1rem 0;width:100%;height:25vh;border-radius:1rem;overflow:hidden}.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{padding:.5rem 1.5rem;color:var(--white);background-color:var(--bright-yellow)}.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{color:var(--white);background-color:var(--bright-yellow);padding:0 1rem}.main__sidebar-form .save-btn:hover{opacity:.9}.app__modal{top:0;bottom:0;left:0;right:0;z-index:1000;background-color:#0006}.app__modal .position-relative{top:50%;left:50%;transform:translate(-50%,-50%);max-width:max-content;width:50%;min-width:300px;padding:2rem;border-radius:1rem}.app__modal .position-absolute{top:2rem;right:2rem;cursor:pointer}.app__modal .position-absolute:hover .close-icon{scale:1.05}.app__modal h2{width:85%;color:var(--light-black)}.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}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;margin:0}:root{--base-font: "Quicksand";--light-red: #eb5757;--bright-yellow: #f9a109;--blue: #56ccf2;--light-gray: #c1c1c4;--white: #ffffff;--ver-light-red: #e0e0e0;--black: #000000;--gray: #828282;--light-black: #34333a;--very-light-orange: #fff0de;--dark-brown: #80485b;--padding-y: 2rem;--padding-x: 2rem}body{font-family:var(--base-font),sans-serif;font-size:18px;font-weight:500;color:var(--black)}h1,h2,h3,h4,h5,h6{font-weight:600}h1,h2{font-size:1.5rem}h1{margin-bottom:1rem;color:var(--light-black)}button.btn{font-weight:700;transition:all .3s linear}.cancel-btn{color:var(--light-black);border:1px solid transparent}.cancel-btn:hover{border:1px solid var(--light-black)}