*{margin:0;padding:0}:root{font-family:Arial,sans-serif;font-size:16px;overscroll-behavior:none}html,body{width:100%;height:100%;position:relative}.main__container{position:absolute;top:0;left:0;right:0;bottom:0}.login{border:rgb(202,173,118) solid 1px;width:17rem;padding:1.4rem;background:rgb(245,228,196);border-radius:.4rem;margin:4rem auto 0}.login :is(h2,p){display:flex;margin-bottom:1rem}.login :is(h2,p) *{flex:1 0 auto}.login input{font-size:1rem;padding:.4rem;border:none;border-radius:.4rem}.login__heading{font-size:1.3rem;font-weight:700;color:#000000b6}.login__error{color:red}:root{--button-border-color: rgb(52, 108, 173);--button-background: rgb(66, 133, 242);--button-color: white;--button-active-border-color: rgb(52, 108, 173);--button-active-background: rgb(97, 154, 249);--button-active-color: white;--button-disabled-color: white;--button-disabled-background: rgb(220, 220, 220);--button-disabled-border-color: rgb(188, 188, 188)}.button{border:1px var(--button-border-color) solid;background:var(--button-background);color:var(--button-color);border-radius:.4em;height:2em;line-height:0;padding:1em;cursor:pointer;touch-action:none;font-size:1rem}.button:active,.button--active{border-color:var(--button-active-border-color);background:var(--button-active-background);color:var(--button-active-color)}.button:disabled{border-color:var(--button-disabled-border-color);background:var(--button-disabled-background);color:var(--button-disabled-color);cursor:not-allowed}.shopping__scrollable-area{position:absolute;top:0;left:0;right:0;height:calc(100vh - 4rem);overflow-x:hidden;overflow-y:scroll}.shopping__footer{position:fixed;left:0;right:0;bottom:0;box-shadow:0 -2px 7px #00000068;z-index:5000}:root{--toolbar-background-blue: linear-gradient( rgb(24, 103, 228), rgb(54, 120, 226) 30%, rgb(37, 105, 214) 50%, rgb(0, 58, 151) );--toolbar-background-extrablue: linear-gradient( rgb(57, 131, 248), rgb(84, 145, 242) 30%, rgb(67, 134, 243) 50%, rgb(26, 88, 187) );--toolbar-background-red: linear-gradient( rgb(228, 24, 24), rgb(226, 54, 54) 30%, rgb(214, 37, 37) 50%, rgb(151, 0, 0) );--toolbar-background-extrared: linear-gradient( rgb(248, 57, 57), rgb(242, 84, 84) 30%, rgb(243, 67, 67) 50%, rgb(187, 26, 26) );--toolbar-background-green: linear-gradient( rgb(21, 196, 51), rgb(33, 210, 63) 30%, rgb(12, 181, 41) 50%, rgb(1, 103, 18) );--toolbar-background-extragreen: linear-gradient( rgb(36, 222, 68), rgb(55, 237, 86) 30%, rgb(26, 205, 56) 50%, rgb(12, 131, 32) );--toolbar-background-gray: linear-gradient( rgb(141, 141, 141), rgb(170, 170, 170) 30%, rgb(150, 150, 150) 50%, rgb(73, 73, 73) );--toolbar-background: var(--toolbar-background-blue);--toolbar-button-background: var(--toolbar-background-blue);--toolbar-button-active-background: var(--toolbar-background-extrablue);--drop-shadow: drop-shadow(0 -1px 0px #00000044)}.toolbar{background:var(--toolbar-background);width:100%;display:flex;height:4rem}.toolbar__spacer{flex-grow:1}.toolbar-button.button{position:relative;background:var(--toolbar-button-background);flex:0 0 4.5rem;border-radius:0;height:100%;padding:.7rem 0 0;display:flex;flex-direction:column;align-items:center;justify-content:top;gap:.8rem;border:none;border-left:1px #ffffff2b solid;border-right:1px #00000031 solid}.toolbar-button.button:first-child{border-left:none}.toolbar-button.button:last-child{border-right:none}.toolbar-button.button--active,.toolbar-button.button:active{background:var(--toolbar-button-active-background);border-color:transparent}.toolbar-button--red{--toolbar-button-background: var(--toolbar-background-red);--toolbar-button-active-background: var(--toolbar-background-extrared)}.toolbar-button--green{--toolbar-button-background: var(--toolbar-background-green);--toolbar-button-active-background: var(--toolbar-background-extragreen)}.toolbar-button.button:disabled{border:none;border-left:1px #ffffff2b solid;border-right:1px #00000031 solid;--toolbar-button-background: var(--toolbar-background-gray);background:var(--toolbar-button-background)}.toolbar-button__text{font-size:.75rem;filter:var(--drop-shadow)}.toolbar-button__icon{font-size:1.2rem;filter:var(--drop-shadow)}.toolbar-button__alerts{position:absolute;top:.3rem;right:.3rem;font-size:.7rem;line-height:1rem;background:rgb(211,29,29);padding:0 .3rem;border-radius:1rem;text-shadow:0 -1px 0px #00000055}:root{--icon-size: 1em}.icon{display:inline-block;height:var(--icon-size);width:var(--icon-size);fill:currentColor;stroke:none}.newentry{box-sizing:border-box;width:100%;background:rgb(245,228,196);padding:1rem .8rem 1rem 3.3rem;display:flex;flex-direction:row;gap:1rem;position:relative;z-index:2000;border-bottom:rgb(202,173,118) solid 1px;box-shadow:0 0 7px #0005}.newentry__input{border:none;flex:1 1 auto;color:#4b4b4b;font-family:Arial,sans-serif;font-size:1.2rem;line-height:2rem;padding-left:.4rem;border-radius:.3rem}.newentry__add-button{--button-background: rgb(12, 181, 41);--button-active-background: rgb(0, 211, 36);--button-border-color: rgb(14, 146, 36);--button-active-border-color: var(--button-border-color)}:root{--icon-button-filter-dark: drop-shadow(0 -1px 0px #00000044);--icon-button-filter: var(--icon-button-filter)}.button.icon-button{font-size:1rem;width:2rem;height:2rem;padding:0}.button.icon-button .icon{filter:var(--icon-button-filter)}.item-list{position:relative;margin:0;padding:0;list-style-type:none;width:100%}.item--slide{transition:.3s}.item--exit{transform:translate(100%);opacity:0;transition:all .4s}.item{background:#fff;box-sizing:border-box;border-bottom:1px #ddd solid;position:relative;height:3.8rem;width:100%;padding:.8rem;display:flex;flex-direction:row;gap:.6rem;justify-content:middle}.item>button{flex-shrink:0}.item.item--done{background:rgb(241,241,241)}.item.item--done .item__text{color:#b9b9b9}.item__text{flex:1 1 auto;color:#4b4b4b;font-size:1.2rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:.3rem;height:2rem;line-height:2rem}.item__text-input{box-sizing:border-box;border:none;flex:1 1 auto;height:2rem;color:#4b4b4b;font-family:Arial,sans-serif;font-size:1.2rem;line-height:2rem;padding-left:.3rem}.item__edit-button{--icon-button-filter: none;--button-border-color: rgb(217, 217, 217);--button-background: rgb(255, 255, 255);--button-color: rgb(196, 196, 196);--button-active-background: rgb(248, 129, 0);--button-active-border-color: rgb(195, 101, 0)}.item[data-dndcurrentdragged]{z-index:4000;box-shadow:0 0 15px #0004}.item[data-itemtop]{z-index:4000}.item__repeating-button{--button-background: #fff;--button-color: #ccc;--button-border-color: #ccc;--button-active-background: rgb(47, 117, 227)}.item__postpone-button{--button-background: rgb(254, 109, 109);--button-border-color: rgb(225, 65, 65);--button-active-background: rgb(255, 52, 52)}