@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";body{border-top:6px solid #e8907a;max-width:600px;margin:0 auto;padding:0 30px 100px;position:relative}#root{margin-bottom:3em}header{margin-top:30px;margin-bottom:25px}header>h1{margin:0 25px}form#item-input{border:2px solid #000;border-radius:5rem;align-items:center;display:flex}input[type=text]{height:40px}form#item-input>textarea{resize:none;border:none;outline:none;width:calc(100% - 2rem);height:3rem;margin:0 0 0 2rem;font-size:1.5rem;line-height:3rem}form#item-input>button{aspect-ratio:1;color:#fff;background-color:#e8907a;border:none;border-radius:300px;outline:none;justify-content:center;align-items:center;margin:5px 10px 5px 5px;font-size:1.5rem;display:flex;width:40px!important}.booknote-list{margin-top:10px;padding:20px 0;position:relative}ol{margin:0;padding:0;list-style-type:none}.booknote-list>ol>li{padding-left:20px;position:relative}.editable-shopping-list>ol>li{border-bottom:1px solid #152d3552}.editable-shopping-list>ol>li>div{display:flex}.booknote-list .item-label,.category-label,.editable-shopping-list form input,.list-name{letter-spacing:1px;flex-grow:1;align-items:center;padding-left:4px;font-family:Roboto,serif;font-size:1.4em;display:flex}.list-name{border:none;outline:none;padding:.5em .5em .5em 4px;font-size:1em}.editable-shopping-list form{flex-grow:1;display:flex}.editable-shopping-list form input{border:none;outline:none}.booknote-list p{margin:0}.booknote-list p:not(.item-addition-explanation){flex-grow:1}.item-addition-explanation{color:gray;margin-right:15px;font-size:1.1rem}.booknote-list .row-options-button-container{align-items:center;display:flex}.small-button{background-color:initial;color:#060e1063;border:none;border-radius:2rem;outline:none;width:2rem;height:2rem;margin:0;padding:2px 0 0 1px;font-size:1.4rem;transition:background-color .5s}.small-button.active{background-color:#e8907a94}button.category-icon{background-color:initial;border:none;outline:none}.booknote-list .vertical-bar{background-color:#e8907acc;width:4px;position:absolute;top:0;bottom:0;left:20px}ol.category-choice-menu{padding:0;list-style-type:none}.category-choice-menu>li{display:inline-block}.category-label{display:flex}.while-shopping-row{align-items:center;margin-bottom:2px;padding-top:10px;padding-bottom:10px;padding-left:40px;font-size:.7rem;display:flex}.category-listing{border-top:2px solid gray}.switch-and-share{justify-content:space-around;margin-bottom:1rem;display:flex}.slider:hover{border-color:#e8907a}.switch-mode{color:#e8907a;justify-content:space-between;align-items:center;width:10rem;height:3em;font-family:Roboto,serif;display:flex;position:relative}a:active,a:hover,a:link,a:visited{text-decoration:none}.slider{cursor:pointer;border:2px solid #707070;border-radius:34px;position:absolute;inset:0}.slider:before{content:"";z-index:-1;background-color:#e8907a;border-radius:50%;width:2.2em;height:2.2em;transition:transform .1s cubic-bezier(.18,.89,.11,.94);position:absolute;bottom:5px;left:3px}.switch-mode.active>.slider:before{transform:translate(7.1rem)}.switch-mode button{margin:0 6px;font-size:1.2rem}.switch-mode button.active-mode{color:#fff}.share-button{background-color:initial;cursor:pointer;border:0;justify-content:space-around;align-items:center;gap:5px;width:12em;display:flex}.share{color:#707070;flex-flow:column wrap;justify-content:center;max-width:14em;font-family:Roboto Mono,serif;font-style:italic;font-weight:700;display:flex}.share:after{content:"";background-color:#e8907a;flex-grow:4;grid-area:line;width:75%;height:4px;position:relative;top:5px;transform:translate(20%)}.share>*{place-self:end;margin:0}input[type=checkbox]{appearance:none;color:#363839;cursor:pointer;border:1px solid #bdc1c6;border-radius:2rem;outline:0;width:1.75rem;min-width:1.75rem;height:1.75rem;min-height:1.75rem;transition:background .175s cubic-bezier(.1,.1,.25,1);position:relative}input[type=checkbox]:before{content:"";opacity:0;border:2px solid #fff;border-width:0 2px 2px 0;width:8px;height:14px;display:block;position:absolute;top:.2rem;left:.55rem;transform:rotate(45deg)}input[type=checkbox]:checked{color:#fff;background:#e8907a;border-color:#e8907a;border-radius:2rem}input[type=checkbox]:checked:before{opacity:1}input[type=checkbox]:checked~label:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.while-shopping-row .label,.while-shopping-row label{cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;flex-grow:3;width:100%;padding:0 .25em;font-size:1.25rem;position:relative}.while-shopping-row label:before{clip-path:polygon(0 0,0 0,0 100%,0 100%);color:#9c9e9f;content:attr(data-content);-webkit-text-decoration:line-through #363839;text-decoration:line-through #363839;transition:clip-path .2s cubic-bezier(.25,.46,.45,.94);position:absolute}.install-prompt{color:#707070;justify-content:revert;border:2px solid #e8907a;border-radius:10px;margin:20px;padding:5px 5px 5px 1.5rem;font-family:Roboto,serif;font-size:1.2rem;display:flex}.plain-button{color:#fff;background-color:#e8907a;border:none;border-radius:50px;outline:none;align-self:center;padding:1em;font-family:Roboto Mono,serif;font-size:1rem;font-weight:700}button.close{align-self:flex-start}button.small-button.active,button.small-button:hover{color:#e8907a}.plain-button:hover{color:#e8907a;background-color:#fff;border:2px solid #e8907a}button:not(:disabled){cursor:pointer}.map_history{width:100%}#mapid{height:600px}.icon-circle{background-color:#e8907a;border-radius:2rem;justify-content:center;align-items:center;width:2em;height:2em;margin-left:1rem;display:flex}.list-actions{flex-wrap:wrap;justify-content:space-evenly;gap:5px;display:flex}button.list-action-button:hover{color:#707070;border-color:#e8907a}button.list-action-button{color:#e8907a;background-color:#fff;border:2px solid #707070;border-radius:50px;outline:none;justify-content:center;align-items:center;min-width:250px;padding:.25em .75em;font-family:Roboto Mono,serif;font-size:1rem;font-weight:700;display:flex}button.list-action-button.really{color:#fff;background-color:#e8907a;border-color:#e8907a}.snackbar{color:#fff;letter-spacing:1px;opacity:0;visibility:hidden;z-index:999;background-color:#000c;border-radius:4px;justify-content:center;align-items:center;min-width:20%;min-height:3rem;padding:4px 20px;font-family:Roboto,serif;transition:opacity .3s ease-out,bottom 10s,visibility .3s;position:fixed;bottom:-20px;left:50%;transform:translate(-50%)}.snackbar.visible{opacity:1;visibility:visible;transition:bottom .1s ease-out;display:flex;bottom:10px}.empty-list{color:#707070;margin-left:3rem;font-family:Roboto,serif;font-style:italic}.menuToggle button.open-close{color:#fff;background-color:#e8907a;border:0;border-radius:5em 5em 0 0;width:100px;height:50px;position:relative;top:-50px;left:50%;transform:translate(-50%)}#list-choice ul li{justify-content:space-evenly;padding:1em}#list-choice ul{padding-left:0;list-style-type:none}#option-buttons{position:absolute;bottom:1.7rem;right:1.5rem}.menu-button{color:#fff;background-color:#e8907a;border:none;border-radius:5rem;outline:none;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;display:flex;box-shadow:4px 4px 10px 5px #cccccc9c}#options-menu-container{pointer-events:none;position:fixed;inset:0}#options-menu{max-width:660px;height:100%;margin:0 auto;position:relative}#options-menu>*{pointer-events:all}#list-choice-popup{visibility:hidden;flex-direction:column;justify-content:flex-end;height:100%;transition:visibility .3s;display:flex}#list-choice-popup.opened{visibility:visible}#list-choice-popup-background{background-color:initial;cursor:default;border:none;outline:none;width:100vw;height:100vh;transition:background-color .3s;position:fixed;left:0}#list-choice ul li{border-bottom:2px solid #707070;justify-content:space-between;align-items:center;padding:.5em;font-family:Roboto Mono,serif;font-weight:700;display:flex}#list-choice-popup.opened #list-choice-popup-background{background-color:#f7f7f7ad}.menuToggle ul li{border-bottom:2px solid #707070;justify-content:space-evenly;padding:1em;display:flex}#popup-content{z-index:1;background-color:#fff;border-top:6px solid #e8907a;border-radius:3em 3em 0 0;padding:1em 20px 30px;transition:top .15s,box-shadow .3s,border-top-width .3s;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:1px -6px 13px 4px #b9b9b99c}#list-choice ul li .active{color:#e8907a;font-weight:bolder}#list-choice ul{max-width:600px;margin:auto}.item-label{transition:color .5s}.item-label.bought{color:#0006;text-decoration:line-through}.while-shopping-row,a,button{-webkit-tap-highlight-color:transparent}.item-label,.while-shopping-row,a,button{-webkit-user-select:none;user-select:none}li.frequent-article{font-family:Roboto;display:flex}li.frequent-article>p{flex-grow:1}li.frequent-article>button.add-item-button{color:#fff;background-color:#e8907a;border:none;border-radius:40px;width:40px;height:40px}.see-more{margin:20px auto}.frequent-article-tip{color:#707070;text-align:center;padding:20px;font-family:Roboto}@keyframes patate{0%{transform:rotate3d(1,1,1,0)}25%{transform:rotate3d(1,1,1,90deg)}50%{transform:rotate3d(1,1,1,180deg)}75%{transform:rotate3d(1,1,1,270deg)}to{transform:rotate3d(1,1,1,1turn)}}.row-options-container{position:relative}.contextual-menu{transform-origin:100% 0;visibility:hidden;z-index:1;background-color:#fff;border-radius:10px;flex-direction:column;padding:0;transition:transform .2s,visibility .2s;display:flex;position:absolute;top:40px;right:0;overflow:hidden;transform:scale(.1);box-shadow:4px 4px 10px 5px #cccccc9c}.contextual-menu.opened{visibility:visible;width:auto;height:auto;transition:transform .1s;transform:scaleY(1)}.contextual-menu button{background-color:#fff;border:none;outline:none;padding:15px 25px;font-size:1rem}.contextual-menu button:hover:not(:disabled){background-color:#0003}.row-options-button{background-color:initial;color:#060e1063;border:none;border-radius:2rem;outline:none;width:2rem;height:2rem;margin:0;padding:2px 0 0 1px;font-size:1.4rem;transition:background-color .5s}.row-options-button.active{background-color:#e8907a94}.f-grow{flex-grow:1}.f-vcenter{align-items:center}.flex{display:flex}.list-label{color:#707070}.popin-action-btn>*{margin-top:1em}.popin-action-btn{flex-wrap:wrap;margin:0 auto}.import-list-form,.popin-action-btn{justify-content:space-around;align-items:center}.import-list-form{color:#e8907a;background-color:#fff;border:2px solid #707070;border-radius:50px;padding:.25em 0;font-family:Roboto Mono,serif;font-size:1rem;font-weight:700;display:flex}.import-list-form input{border:none;width:40%}.import-list-form button div{width:32px;height:32px}.import-list-form button{background-color:initial;border:none}.App{text-align:center}.App-logo{pointer-events:none;height:40vmin}@media (prefers-reduced-motion:no-preference){.App-logo{animation:20s linear infinite App-logo-spin}}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}