@import"https://fonts.googleapis.com/css?family=Permanent+Marker&display=swap";*{box-sizing:border-box;-webkit-overflow-scrolling:touch;--theme-green: #a7f542}html{width:100%;height:100%}body{font-family:Permanent Marker;background:#000;font-size:16px;width:100%;height:100%;margin:0}code{color:#fff}.main-loading,.error{color:var(--theme-green);position:fixed;top:calc(50% - 30px);left:calc(50% - 30px);font-size:60px}.error{left:initial;text-align:center;width:100%;font-size:30px;font-family:Courier New,Courier,monospace}.error button{background-color:#000;color:var(--theme-green);border:1px solid var(--theme-green);padding:10px 20px;border-radius:10px;font-size:100%}.highlight{color:var(--theme-green)}#top{width:100%;height:137px;background-color:#111}#root{height:100%}.mainForm{width:100%;margin-bottom:4px;padding:10px;background-color:#333;display:inline-block;border-radius:3px}input{display:block;padding:10px;width:90%;border:1px solid lightgrey;border-radius:3px 0 0 3px;background:#000;color:#fff;font-size:16px;float:left;border-right:0;height:45px}form button{font-size:16px;background-color:#000;color:#fff;border:1px solid lightgrey;padding:10px 10px 12px;cursor:pointer;display:block;width:10%;border-radius:0 3px 3px 0;font-family:Permanent Marker;font-size:150%;line-height:18px;color:var(--theme-green);height:45px}button:hover{background-color:#333}button:active{box-shadow:none}.item,.title{display:block;color:#fff;border-top:1px solid #444;padding:10px;position:relative;font-size:24px;font-family:Permanent Marker;-webkit-user-select:none;user-select:none;background-color:#000}.item.faded{opacity:50%}.aisle{padding:0;margin:0}.aisle li{margin:0}.aisle .title{cursor:pointer;height:56px}.aisle .item{padding-left:2rem}.aisle .title i{color:var(--theme-green);rotate:90deg;transition:rotate .1s ease-in-out}.collapsed .title i{rotate:0deg}.collapsed>.item{display:none}.item:first{border-top:none}.item>button{display:block;position:absolute;right:20px;top:4px;background:#000;border:none;color:var(--theme-green);padding:15px;cursor:pointer}.item.filtered,.item.hidden{display:none}#frequent>.item{float:left;border:1px solid #333;border-radius:10px;margin:10px 5px;cursor:pointer;padding:5px 10px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}#frequent>.item:hover{background:#333}#frequent>.item:before{content:"+";color:var(--theme-green);margin-right:5px}.flex-wrapper{height:100%;display:flex;flex-direction:column}#listwrapper{background-color:#000;z-index:0;overflow-y:auto;flex:1 1 auto}#frequent-wrapper{width:100%;overflow-x:scroll;scrollbar-width:none}#frequent{width:max-content}::-webkit-scrollbar{width:0px;height:0;background:transparent}.keyboardWrapper{background:#333;font-family:Benton Sans,Helvetica Neue,helvetica,arial,sans-serif;width:100%;bottom:0}.keyboardRow{margin:0;padding:10px;list-style:none;width:100%;min-width:482px;-webkit-user-select:none;user-select:none;height:38px}.keyboardRow li{float:left;margin:0 5px 5px 0;width:calc(100% / 11 - 5px);aspect-ratio:1/1;align-content:center;text-align:center;background:#777;border:1px solid #888;border-radius:5px;color:#f8f8f8;box-shadow:0 2px #000}.keyboardRow.right li{float:right}.firstitem{clear:left}.keyboardRow li.a{margin-left:50%}.keyboardRow li.return{width:calc((100% / 11 - 5px) * (3/2));aspect-ratio:1.5 / 1;font-family:Permanent Marker;font-size:150%;color:var(--theme-green);background:#000}.keyboardRow .icon{line-height:30px}.keyboardRow .green{background:#82916e}.lastitem{margin-right:0}.uppercase{text-transform:uppercase}.keyboardRow .space{width:calc((100% / 11 - 5px) * (9.65));aspect-ratio:9.65 / 1}.on{display:none}.keyboardRow li:hover{position:relative;top:1px;left:1px;border-color:#e5e5e5;cursor:pointer}#show-keyboard{cursor:pointer;display:block;position:fixed;bottom:0;right:45%;width:37px;height:33px;line-height:33px;text-align:center;background:#999;border:1px solid #888;border-top-right-radius:5px;border-top-left-radius:5px;color:#f8f8f8}.recipe{position:fixed;top:0;left:0;right:0;bottom:0;z-index:500;background:#fff}.recipe .buttonbar{height:50px;width:100%;background:#000}.recipe .buttonbar button{border:none;color:#fff;background:#000;font-size:40px;margin:0;font-weight:bolder;padding:0 35px}.recipe button.switcher{font-size:35px;padding-top:5px}.recipe button.closer{float:right;padding-top:3px}.recipe iframe{float:left;clear:both}.recipe .parsed{height:100%;overflow-y:scroll;padding-right:1em;width:100%}.recipe .parsed h1{margin-left:1em}.recipe .parsed li{margin-bottom:.5em}.shopping-mode{position:fixed;bottom:0;right:50%;left:50%;color:#fff;font-size:1.5rem;background:#7db92e;padding:1rem;border-top-left-radius:5rem;border-top-right-radius:5rem;text-shadow:2px 2px 2px rgba(0,0,0,.3);cursor:pointer;width:4rem;height:4rem;text-align:center;line-height:2.1rem}.shade{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;z-index:99;align-items:center;justify-content:center}.shade .modal{background-color:#000;padding:15px;border-radius:15px;color:#fff;font-size:150%;border:1px solid #555}.shade .modal select{display:block;margin-top:15px;width:100%;background-color:#333;border:1px solid var(--theme-green);border-radius:15px;color:var(--theme-green);padding:15px}.shade .modal button{display:block;float:left;margin-top:15px;width:calc(50% - 5px);background-color:#000;font-size:100%;border:1px solid var(--theme-green);border-radius:15px;color:var(--theme-green)}.shade .modal button:first-of-type{margin-right:5px}#edit{position:fixed;top:40%;margin:0 auto;width:80%;left:10%;background:#fff;border-radius:1rem;padding:1rem}#btn-edit{display:block;width:100%;font-size:1rem;background:#000;border:0;border-radius:1rem;margin-top:1rem;color:var(--theme-green);font-weight:bolder;padding:.6rem}#edit input{display:block;width:100%;margin-bottom:1rem;background:#fff;border:3px solid #000;border-radius:1rem;color:#000}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}