: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:.9;--rt-transition-show-delay:.15s;--rt-transition-closing-delay:.15s}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;position:absolute}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;padding:8px 16px;width:max-content}.styles-module_arrow__K0L3T{height:8px;width:8px}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}*{margin:0;padding:0;box-sizing:border-box}.react-tooltip{background-color:#66b3ff!important;color:#000!important;border:2px dashed black;border-radius:5px!important;padding:10px!important;font-size:14px!important;font-weight:700;max-width:200px!important;text-align:center!important;box-shadow:0 2px 10px #0000001a!important;margin-top:1px!important;margin-left:30px!important}.scrollbarsContainer{display:flex;height:65vh;overflow:hidden}.scrollbarsContainer .scrollbarsContent{overflow-y:auto!important;flex:1;position:relative}.scrollbarsContainer .scrollbarsContent::-webkit-scrollbar{display:none!important}.scrollbarsContainer .scrollbarsScrollbar{width:20px!important;border:1px solid rgb(84,83,83)!important;display:flex;flex-direction:column}.scrollbarsContainer .scrollbarsScrollbar .scrollbarsTrackAndThumb{flex:1;position:relative}.scrollbarsContainer .scrollbarsScrollbar .scrollbarsTrackAndThumb .scrollbarsTrack{background-color:#b3b3ff!important;opacity:.5!important;position:absolute;height:100%;width:10px;left:0;right:0;margin:auto}.scrollbarsContainer .scrollbarsScrollbar .scrollbarsTrackAndThumb .scrollbarsThumb{background-color:#2f2ff8!important;opacity:.7!important;position:absolute;width:10px;margin:auto;left:0;right:0}.scrollbarsContainer .scrollbarsScrollbar .scrollbarsTrackAndThumb .scrollbarsThumb:hover{background-color:#08f!important}html body{min-height:100vh;font-family:Roboto,Oxygen,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e4e4e4;overflow-y:hidden}html body .container{display:flex;flex-direction:column;justify-content:center;align-items:center;border:3px solid mediumblue;margin:.5% auto;background-color:#b5b3fa}html body .container header{width:100%;padding:0 .25em;background-color:#0000cd;color:#f0f8ff;display:flex;justify-content:space-between;align-items:center}html body .container .addForm,html body .container .searchForm{width:100%;display:flex;justify-content:flex-start;margin:.5rem 0 0;padding:0 .2rem .25rem;border-bottom:1px solid #eee}html body .container .addForm input[type=text],html body .container .searchForm input[type=text]{flex-grow:1;max-width:100%;min-height:48px;font-size:1rem;padding:.25rem;border:2px solid black;border-radius:.25rem}html body .container .addForm input[type=number],html body .container .searchForm input[type=number]{max-width:12%;min-height:48px;font-size:1rem;padding:.25rem;border:2px solid black;border-radius:.25rem;text-align:right}html body .container .addForm button,html body .container .searchForm button{border:2px solid black}html body .container .addForm button svg,html body .container .searchForm button svg{margin:.25rem 0 .5rem;padding-bottom:1rem;width:30px;height:40px;font-size:1rem;color:green;cursor:pointer}html body .container main{width:99.5%;overflow-y:auto}html body .container main ul{list-style:none;padding:0 .25rem .25rem;overflow-y:auto}html body .container main ul .item{display:flex;flex-direction:row;align-items:center;padding:.25rem 0 .25rem .5rem;margin:.25rem 0;background-color:#eee;border:1px solid black;border-radius:5px;z-index:10}html body .container main ul .item:hover{cursor:grab}html body .container main ul .item input[type=checkbox]{text-align:center;width:2.5rem;height:2.5rem;cursor:pointer;margin-right:.5rem}html body .container main ul .item input[type=text]{flex-grow:1;min-width:100%;min-height:40px;font-size:1rem;padding:.25rem;border:2px solid black}html body .container main ul .item>span{display:flex;align-items:center;font-size:1rem;text-align:right}html body .container main ul .item div{font-size:1.1rem;flex:1;width:65%}html body .container main ul .item #itemChecked{margin-left:1rem}html body .container main ul .item #itemChecked input[type=number]{margin:0 1rem;width:30%;text-align:right;font-size:1.2em}html body .container main ul .item #itemChecked span{margin-left:2rem}html body .container main ul .item #itemUnchecked{margin-left:5rem}html body .container main ul .item #itemUnchecked input[type=number]{margin-left:.5rem;width:30%;text-align:right;font-size:1.2em}html body .container main ul .item #itemUnchecked svg{min-width:30px;height:22px;font-size:1rem;margin-left:2.5rem;color:#4682b4;cursor:pointer}html body .container main ul .item #itemUnchecked svg:focus,html body .container main ul .item #itemUnchecked svg:hover{color:red;outline:none}html body .container main ul .item:focus,html body .container main ul .item:hover{background-color:#bf9}html body .container main p{margin:2rem 0;font-size:1.5rem;font-weight:700}html body .container button{height:48px;min-width:48px;border-radius:.25rem;padding:.5rem;font-size:1rem;color:#000;background-color:#bf9;cursor:pointer}html body .container button:focus,html body .container button:hover{background-color:#90ee90;color:#000;outline:none}html body .container button:active{box-shadow:3px 3px #ff0}html body .container footer{width:100%;padding:.25em;background-color:#0000cd;color:#f0f8ff;display:flex;justify-content:space-between;min-height:3.5rem}html body .container footer .printList{cursor:pointer}html body .container footer .printList:focus,html body .container footer .printList:hover{background-color:#bf9;color:#000;outline:none}html body .container footer .printOnly{display:none}@media print{.printOnly{display:block;background:#fff;color:#000}.shoppingList{margin:2rem;padding:1rem}.shoppingList h2{font-weight:700;font-size:3rem;text-decoration:underline;margin-top:1rem}.shoppingList ul{padding:0}.shoppingList ul li{font-weight:700;font-size:2rem;margin-left:1rem;line-height:2.5rem}}@media only screen and (max-width: 400px){html{font-size:12px}html .container{width:90%}}@media only screen and (min-width: 401px) and (max-width: 1050px){html{font-size:14px}html .container{width:75%}}@media only screen and (min-width: 1051px){html{font-size:16px}html .container{width:55%}}