:root{--font-base:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;--line-height-base:1.5;--line-height-reduced:1.2;--c-text:#422;--c-text-light:#633;--c-contrast:#d81616;--c-contrast-invert:#f9ebeb;--c-white-trans:hsla(0,0%,100%,0.8);--c-gray-darker:#633;--c-gray-dark:#a88;--c-gray:#caa;--c-gray-light:#ece4e4;--c-gray-light-trans:rgba(236,228,228,0.8);--c-gray-lighter:#f6f2f2;--c-success:#20b120;--c-danger:#d81616;--spacing-base:0.75rem}@media (min-width:40rem){:root{--spacing-base:1rem}}body,html{background-color:#ece4e4;background-color:var(--c-gray-light);margin:0;padding:0;height:100%}body{--min-font-size:16;--max-font-size:24;--min-viewport:300;--max-viewport:1680;font:100%/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font:100%/var(--line-height-base) var(--font-base);font-size:calc(var(--min-font-size)*1px + (var(--max-font-size) - var(--min-font-size))*(100vw - var(--min-viewport)*1px)/(var(--max-viewport) - var(--min-viewport)));color:#422;color:var(--c-text)}h1{font-size:200%;font-weight:700;line-height:1.2;line-height:var(--line-height-reduced)}.holder{--width:40rem;--spacing:var(--spacing-base);margin-left:auto;margin-right:auto;padding-left:var(--spacing);padding-right:var(--spacing);width:var(--width);max-width:100%;box-sizing:border-box}.holder.is-bledoff{padding-left:0;padding-right:0}.page{min-height:100%;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr)}.page__header{background-color:hsla(0,0%,100%,.9);border-bottom:2px solid #ece4e4;border-bottom:2px solid var(--c-gray-light);position:-webkit-sticky;position:sticky;top:0;z-index:1}.page__main{padding-left:.75rem;padding-left:var(--spacing-base);padding-right:.75rem;padding-right:var(--spacing-base);padding-bottom:4rem}.page__footer{padding:.75rem;padding:var(--spacing-base);text-align:center}.header{display:flex;align-items:center;justify-content:space-between}.header__title{margin:0;padding-top:.75rem;padding-top:var(--spacing-base);padding-bottom:.75rem;padding-bottom:var(--spacing-base);font-size:100%;font-weight:700;text-transform:uppercase}.header__action{font-size:75%}.btn{display:inline-block;touch-action:manipulation;box-sizing:content-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;margin:0;padding:0;font-size:inherit;font-family:inherit;line-height:inherit;vertical-align:top;color:inherit;cursor:pointer;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;text-decoration:none;outline:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary,.btn--secondary{--btn-color:var(--c-text);--btn-bg:var(--c-gray);background-color:var(--btn-bg);color:var(--btn-color);padding:.375rem .75rem;padding:calc(var(--spacing-base)/2) var(--spacing-base);border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1.2;line-height:var(--line-height-reduced);-webkit-transition:background-color .2s;transition:background-color .2s}.btn--primary{--btn-color:#fff;--btn-bg:var(--c-contrast)}.btn--secondary{--btn-color:#fff;--btn-bg:var(--c-gray-dark)}.btn--secondary.is-active{--btn-bg:var(--c-gray-darker)}.inscroll{--max-height:100vh;display:flex;flex-direction:column;max-height:var(--max-height)}.inscroll__scroll{flex-shrink:1;overflow-y:auto;-webkit-overflow-scrolling:touch;-ms-scroll-chaining:none;overscroll-behavior:contain;margin-bottom:0}.drawer{--overlay:0 calc(var(--spacing-base)*-1.5) 10px calc(var(--spacing-base)*3) hsla(0,0%,100%,0.85);--overlay:0 calc(var(--spacing-base)*-2) 0 calc(var(--spacing-base)*2) var(--c-gray-light-trans);position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:stretch}.drawer.is-shown{--overlay:none}.drawer__trigger{--size-1:1.5em;--size-2:.25em;--bg:var(--c-contrast);--clr:#fff;--shadow:0 0 5px rgba(0,0,0,0.35),0 0 15px rgba(0,0,0,0.35);background-color:var(--bg);box-shadow:var(--shadow);color:var(--clr);position:absolute;z-index:1;bottom:calc(100% + 1.5rem + env(safe-area-inset-bottom));bottom:calc(100% + var(--spacing-base)*2 + env(safe-area-inset-bottom));left:auto;right:0;width:3.5em;height:3.5em;margin-right:.75rem;margin-right:var(--spacing-base);overflow:hidden;border-radius:100%}.is-shown>.drawer__trigger{--bg:transparent;--clr:var(--c-contrast);--shadow:none;-webkit-transform:rotate(45deg);transform:rotate(45deg);left:auto;bottom:auto;top:0;right:0;margin-right:0}.drawer__trigger .js-drop__trigger-text{clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);height:1px;width:1px;margin:0;padding:0;overflow:hidden;position:absolute;white-space:nowrap}.drawer__trigger:after,.drawer__trigger:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;width:var(--size-1);height:var(--size-2);color:inherit;background-color:currentColor}.drawer__trigger:after{width:var(--size-2);height:var(--size-1)}.drawer__content{--bg-trans:.75;border-top:2px solid #caa;border-top:2px solid var(--c-gray);background:hsla(0,0%,100%,.8);background:var(--c-white-trans);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 0 5px rgba(0,0,0,.05),0 0 20px rgba(0,0,0,.175);padding:.75rem 1.5rem;padding:var(--spacing-base) calc(var(--spacing-base)*2);box-sizing:border-box}.form__title{margin:0 0 1.5rem;margin:0 0 calc(var(--spacing-base)*2);padding:0;font-size:125%;font-weight:700;text-transform:uppercase}.form__group--column{margin-top:.375rem;margin-top:calc(var(--spacing-base)/2);-webkit-column-width:12em;column-width:12em}.form__item{margin-bottom:1.5rem;margin-bottom:calc(var(--spacing-base)*2)}.form__item--radio{display:flex;align-items:center}.form__item--radio [type=radio]{margin:0 .35em 0 0}.form__label{display:block;font-weight:700;color:#633;color:var(--c-text-light)}.form__input{width:100%;box-sizing:border-box;font-size:inherit;font-family:inherit;border:2px solid #caa;border:2px solid var(--c-gray);padding:.375rem;padding:calc(var(--spacing-base)/2);border-radius:3px;outline:none}.form__input:focus{border-color:#633;border-color:var(--c-gray-darker)}.form__action-group{padding-top:1.5rem;padding-top:calc(var(--spacing-base)*2);padding-bottom:.75rem;padding-bottom:var(--spacing-base);display:flex;align-items:center;justify-content:center}.form__action{margin-left:.375rem;margin-left:calc(var(--spacing-base)/2);margin-right:.375rem;margin-right:calc(var(--spacing-base)/2)}.form__action__submit{min-width:7em}.cat-list__list{margin:0;padding:0;list-style:none}.cat-list__title{margin:1.5rem 0 0;margin:calc(var(--spacing-base)*2) 0 0;padding:0;font-size:100%;font-weight:400;text-transform:uppercase}.item-list__empty{margin:0;padding:.75rem 0;padding:var(--spacing-base) 0;font-weight:700}.item-list__list{list-style:none;margin:0;padding:0}.item-list__item{margin:.375rem 0;margin:calc(var(--spacing-base)/2) 0}.shopping-item{--min-size:calc(var(--spacing-base)*4);min-height:var(--min-size);background-color:#fff;display:flex;align-items:stretch;-webkit-transition:box-shadow .3s .1s,-webkit-transform .3s .1s;transition:box-shadow .3s .1s,-webkit-transform .3s .1s;transition:transform .3s .1s,box-shadow .3s .1s;transition:transform .3s .1s,box-shadow .3s .1s,-webkit-transform .3s .1s}.shopping-item.is-bought{background-color:#f6f2f2;background-color:var(--c-gray-lighter)}.shopping-item.is-edited{-webkit-transform:scale(1.025);transform:scale(1.025);box-shadow:0 0 10px #caa;box-shadow:0 0 10px var(--c-gray);-webkit-transition:box-shadow .1s,-webkit-transform .2s;transition:box-shadow .1s,-webkit-transform .2s;transition:transform .2s,box-shadow .1s;transition:transform .2s,box-shadow .1s,-webkit-transform .2s}.shopping-item__item{padding:.375rem 0 .375rem .75rem;padding:calc(var(--spacing-base)/2) 0 calc(var(--spacing-base)/2) var(--spacing-base);margin-left:auto;flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center}.shopping-item__name{font-size:125%;display:block;min-width:0;white-space:nowrap;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-wrap:break;overflow:hidden;text-overflow:ellipsis}.shopping-item__meta{font-size:87.5%}.shopping-item__action-group{min-width:0;flex:0 0 auto;display:flex}.shopping-item__action{width:var(--min-size);min-height:var(--min-size);border-left:1px solid #ece4e4;border-left:1px solid var(--c-gray-light);overflow:hidden;line-height:1;display:flex;justify-content:center;align-items:center}.shopping-item__action--mark{flex:1 0 auto;position:relative}.shopping-item__action--mark:focus{outline:none}.shopping-item__action--mark::-moz-focus-inner{border:none}.shopping-item__action--mark:before{content:"";display:block;width:1.5em;height:1.5em;border:2px solid #caa;border:2px solid var(--c-gray);border-radius:2px}.shopping-item__action--mark:focus:before{border-color:#a88;border-color:var(--c-gray-dark)}.shopping-item__action--mark:after{--scale:0.9,0;content:"";position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:1em;height:1.75em;border:solid #20b120;border:solid var(--c-success);border-width:0 7px 7px 0;border-radius:3px;-webkit-transform:rotate(40deg) translate(-64%,-42%) skew(7deg,2deg) scale(var(--scale));transform:rotate(40deg) translate(-64%,-42%) skew(7deg,2deg) scale(var(--scale));-webkit-transform-origin:0 100%;transform-origin:0 100%;opacity:0;-webkit-transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s;transition:opacity .2s,transform .2s,-webkit-transform .2s}.is-bought .shopping-item__action--mark:after{--scale:1,1;opacity:1}.shopping-item__action--delete{--icon-height:1.25em;--icon-width:4px;min-width:0;position:relative;flex:0 1 auto;background:transparent}.shopping-item__action--delete:after,.shopping-item__action--delete:before{content:"";display:inline-block;background-color:#d81616;background-color:var(--c-danger);width:var(--icon-width);height:var(--icon-height);position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.shopping-item__action--delete:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.shopping-item__action--edit{--icon-width:.5em;--icon-height:1.25em;--icon-color:var(--c-gray);font-size:16px;position:relative}.is-edited .shopping-item__action--edit,.shopping-item__action--edit:focus{--icon-color:var(--c-gray-darker)}.shopping-item__action--edit:after,.shopping-item__action--edit:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.shopping-item__action--edit:before{--tip-height:calc(var(--icon-width)*1.5);width:0;height:0;border-color:currentcolor;border-width:1px;border-left:calc(var(--icon-width)/2) solid transparent;border-bottom:0 solid transparent;border-right:calc(var(--icon-width)/2) solid transparent;border-top:var(--tip-height) solid var(--icon-color);opacity:.5;-webkit-transform:rotate(45deg) translateY(calc((var(--icon-height) + var(--tip-height))/2));transform:rotate(45deg) translateY(calc((var(--icon-height) + var(--tip-height))/2))}.shopping-item__action--edit:after{content:"";width:var(--icon-width);height:var(--icon-height);background-color:var(--icon-color);-webkit-transform:rotate(45deg) translateY(-2px);transform:rotate(45deg) translateY(-2px)}.shopping-item__action.is-optional{width:0;border-width:0;-webkit-transition:width .2s;transition:width .2s}.is-editable .shopping-item__action.is-optional{border-width:1px;width:var(--min-size)}.cat-select{-webkit-column-width:auto;column-width:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(12em,1fr));grid-gap:.375rem 1.5rem;grid-gap:calc(var(--spacing-base)/2) calc(var(--spacing-base)*2)}.cat-select__name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-select__symbol{margin-left:auto;padding-left:.75rem;padding-left:var(--spacing-base);white-space:nowrap}.action{display:flex}.action__item{margin-left:.375rem;margin-left:calc(var(--spacing-base)/2)}.a11y-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);height:1px;width:1px;margin:0;padding:0;overflow:hidden;position:absolute;white-space:nowrap}.js-drop__content{display:none}.is-shown.js-drop__content{display:block}
/*# sourceMappingURL=main.4d3405cf.chunk.css.map */