*{box-sizing:border-box}html{font-size:min(4vw,3vh);font-family:Roboto,sans-serif;color:#336}h2{font-size:1.3em}input{font-size:1.1rem}textarea{font-size:1rem;font-family:Roboto,sans-serif}button{cursor:pointer;font-size:1rem;border:none;margin:0;width:auto;overflow:visible;outline:none;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;background-color:#35b2dc;color:#fff;padding:.3em 2em;max-height:2em}button:hover{text-decoration:none}button:disabled{color:#fff8}button.delete:not(:disabled){background:red}button.complete:not(:disabled){background:green}button.share:not(:disabled){background:#35b2dc}body{margin:0;padding:0}#root{height:100vh;display:flex;flex-direction:column}#root header{position:fixed;z-index:2;width:100%;display:flex;padding:0 1em;background:#35b2dc;color:#fff;height:2.5em}#root header>*{margin-top:.2rem}#root header h1{flex-grow:1;margin:.3em 0 .4em;font-size:1.4em}#root header .logged-in-info{font-size:.5rem}#root header .logged-in-info *{vertical-align:top}#root header .logged-in-info .logout{color:#fff;margin-left:1em;text-decoration:underline}#root header .logged-in-info .sync-status .symbol{margin-left:.5em;transition:all .5s;cursor:pointer;font-size:2.5em}#root header .logged-in-info .sync-status.up-to-date .symbol{color:#4aea4a;font-size:1em}#root header .logged-in-info .sync-status.offline .symbol,#root header .logged-in-info .sync-status.sync-pending .symbol{color:#ed4444}.dropshadow,button,#root header{box-shadow:3px 3px 15px #00000029}.dropshadow-shallow,#shopping .shopping-list>.suggestions>a{box-shadow:2px 2px 5px #00000029}.textshadow,#root header .logged-in-info .sync-status.offline .symbol,#root header .logged-in-info .sync-status.sync-pending .symbol{text-shadow:-1px 2px 6px rgba(0,0,0,.3)}a{color:#35b2dc;cursor:pointer}#shopping{margin-top:2.5em;flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:1em}#shopping .lists{padding:0 1em}#shopping.shopping .shopping-list:not(.shopping){max-height:0;opacity:0;border:none;padding:0;pointer-events:none}#shopping .editable-row-with-buttons,#shopping .shopping-list .item,#shopping .shopping-list h2{display:flex}#shopping .editable-row-with-buttons .name,#shopping .shopping-list .item .name,#shopping .shopping-list h2 .name{width:100%}#shopping .editable-row-with-buttons .name:not([contenteditable=true]),#shopping .shopping-list .item .name:not([contenteditable=true]),#shopping .shopping-list h2 .name:not([contenteditable=true]){cursor:pointer}#shopping .editable-row-with-buttons .controls,#shopping .shopping-list .item .controls,#shopping .shopping-list h2 .controls{display:flex;font-size:.7em;margin-left:1em}#shopping .editable-row-with-buttons .controls button,#shopping .shopping-list .item .controls button,#shopping .shopping-list h2 .controls button{margin-right:.5em;padding:.3em 1em}#shopping .editable-row-with-buttons .name[contenteditable=true],#shopping .shopping-list .item .name[contenteditable=true],#shopping .shopping-list h2 .name[contenteditable=true]{padding:0 .1em}#shopping .shopping-list{transition:max-height .5s,opacity .5s;max-height:100rem}#shopping .shopping-list h2{align-items:baseline}#shopping .shopping-list h2>span:first-child{flex-grow:1}#shopping .shopping-list h2 a.recipes,#shopping .shopping-list h2 a.shopping{margin-left:1rem;font-size:1rem;white-space:nowrap}#shopping .shopping-list h2 a.recipes+a.shopping{margin-left:.5rem}#shopping .shopping-list h2 .icon.recipes,#shopping .shopping-list h2 .recipes.checkbox,#shopping .shopping-list h2 .icon.shopping,#shopping .shopping-list h2 .shopping.checkbox{vertical-align:top;margin-right:.4em;margin-top:.05em}#shopping .shopping-list h2 .icon.shopping,#shopping .shopping-list h2 .shopping.checkbox{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%3e%3cpath%20fill='none'%20d='M0%200h24v24H0z'/%3e%3cpath%20fill='%2335b2dc'%20d='M7%2018c-1.1%200-1.99.9-1.99%202S5.9%2022%207%2022s2-.9%202-2-.9-2-2-2zM1%202v2h2l3.6%207.59-1.35%202.45c-.16.28-.25.61-.25.96%200%201.1.9%202%202%202h12v-2H7.42c-.14%200-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75%200%201.41-.41%201.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48%200-.55-.45-1-1-1H5.21l-.94-2H1zm16%2016c-1.1%200-1.99.9-1.99%202s.89%202%201.99%202%202-.9%202-2-.9-2-2-2z'/%3e%3c/svg%3e")}#shopping .shopping-list h2 .icon.recipes,#shopping .shopping-list h2 .recipes.checkbox{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%3e%3cpath%20fill='none'%20d='M0%200h24v24H0z'/%3e%3cpath%20fill='%2335b2dc'%20d='M21%205c-1.11-.35-2.33-.5-3.5-.5-1.95%200-4.05.4-5.5%201.5-1.45-1.1-3.55-1.5-5.5-1.5S2.45%204.9%201%206v14.65c0%20.25.25.5.5.5.1%200%20.15-.05.25-.05C3.1%2020.45%205.05%2020%206.5%2020c1.95%200%204.05.4%205.5%201.5%201.35-.85%203.8-1.5%205.5-1.5%201.65%200%203.35.3%204.75%201.05.1.05.15.05.25.05.25%200%20.5-.25.5-.5V6c-.6-.45-1.25-.75-2-1zm0%2013.5c-1.1-.35-2.3-.5-3.5-.5-1.7%200-4.15.65-5.5%201.5V8c1.35-.85%203.8-1.5%205.5-1.5%201.2%200%202.4.15%203.5.5v11.5z'/%3e%3c/svg%3e")}#shopping .shopping-list h2 .icon.settings,#shopping .shopping-list h2 .settings.checkbox{vertical-align:top;margin-top:.05em;margin-left:.2em;font-size:.7em;cursor:pointer;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20enable-background='new%200%200%2024%2024'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%3e%3cg%3e%3cpath%20d='M0,0h24v24H0V0z'%20fill='none'/%3e%3cpath%20fill='%2335b2dc'%20d='M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61%20l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41%20h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.74,8.87%20C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.8,11.69,4.8,12s0.02,0.64,0.07,0.94l-2.03,1.58%20c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54%20c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.44-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96%20c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.47-0.12-0.61L19.14,12.94z%20M12,15.6c-1.98,0-3.6-1.62-3.6-3.6%20s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z'/%3e%3c/g%3e%3c/svg%3e")}#shopping .shopping-list .list-settings{font-size:.7em;margin-bottom:1em;margin-top:-1em}#shopping .shopping-list .share .icon,#shopping .shopping-list .share .checkbox{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20viewBox='0%200%2044%2044'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2049.2%20(51160)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3eShare%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Social-Icons---Isolated'%20transform='translate(-54.000000,%20-393.000000)'%20fill='%234A4A4A'%3e%3cpath%20d='M61.855,422.51%20C63.681,422.51%2065.363,421.885%2066.697,420.838%20L81.603,428.197%20C81.603,428.227%2081.601,428.254%2081.601,428.283%20C81.601,432.621%2085.119,436.139%2089.457,436.139%20C93.794,436.139%2097.312,432.621%2097.312,428.283%20C97.312,423.946%2093.794,420.428%2089.457,420.428%20C87.148,420.428%2085.074,421.422%2083.638,423.006%20L69.582,416.067%20C69.664,415.61%2069.71,415.139%2069.71,414.656%20C69.71,414.559%2069.707,414.463%2069.703,414.367%20L84.244,406.731%20C85.632,407.961%2087.457,408.711%2089.457,408.711%20C93.796,408.711%2097.312,405.194%2097.312,400.856%20C97.312,396.516%2093.794,393%2089.457,393%20C85.119,393%2081.601,396.516%2081.601,400.856%20C81.601,401.18%2081.625,401.498%2081.662,401.811%20L67.533,409.231%20C66.103,407.735%2064.089,406.801%2061.855,406.801%20C57.517,406.801%2054,410.319%2054,414.656%20C54,418.994%2057.517,422.51%2061.855,422.51'%20id='Share'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e");display:inline-block;height:.5em;width:.5em;margin-left:.2em;cursor:pointer}#shopping .shopping-list.shopping .item{font-size:1.5em}#shopping .shopping-list .category:not(:first-of-type){margin-top:.5em}#shopping .shopping-list .department{margin-bottom:.5em;font-size:.6em;border-bottom:1px solid #cccccc}#shopping .shopping-list .item{margin-bottom:.2em;transition:font-size .2s}#shopping .shopping-list .item .checkbox{margin-right:.4em}#shopping .shopping-list .item .name{text-transform:capitalize}#shopping .shopping-list .item .name[contenteditable=true]{font-size:1.5em}#shopping .shopping-list .item .location{font-size:.6em;white-space:nowrap;opacity:.8}#shopping .shopping-list .item.checked .name{text-decoration:line-through;opacity:.5}#shopping .shopping-list>.placeholder{display:flex;margin-top:.5em}#shopping .shopping-list>.placeholder .input-area{width:100%;display:inline-block;position:relative}#shopping .shopping-list>.placeholder .input-area input{width:100%}#shopping .shopping-list>.placeholder .input-area .autocomplete{text-transform:capitalize;z-index:1;position:absolute;top:3rem;left:0;width:100%;box-sizing:border-box;background:#fff;padding:2px 1em 2px 2px;border-bottom:1px solid #888888;border-left:1px solid #888888;border-right:1px solid #888888}#shopping .shopping-list>.placeholder .input-area .autocomplete .item{cursor:pointer}#shopping .shopping-list>.placeholder button{margin-left:.3em}#shopping .shopping-list>.placeholder.editing{font-size:1.5rem}#shopping .shopping-list>.placeholder.editing input{height:3rem;font-size:1.5rem}#shopping .shopping-list>.suggestions{margin-top:.5em}#shopping .shopping-list>.suggestions>a{text-transform:capitalize;background-color:#35b2dc;color:#fff;font-size:.8em;margin-left:.3em;padding:.1em .5em;border-radius:1em;display:inline-block;margin-bottom:.3em}#shopping .shopping-list>.suggestions>a:first-of-type{margin-left:.6em}#shopping .shopping-list>.suggestions>a .icon,#shopping .shopping-list>.suggestions>a .checkbox{vertical-align:text-top;display:inline-block;margin-left:.2em;font-size:1.2em}#shopping .shopping-list>.suggestions.empty{display:none}#shopping .shopping-list:not(:last-of-type){padding-bottom:1em;border-bottom:1px solid #789eab}#bottom-bar{width:100%;padding-top:.5em;padding-left:1em;padding-bottom:.5em}#bottom-bar>button{background:none;color:#35b2dc;font-size:1em;padding:0;box-shadow:none}#bottom-bar>button>.icon,#bottom-bar>button>.checkbox{margin-right:.2em}.icon,.checkbox{display:inline-block;width:1em;min-width:1em;height:1em;background-size:contain;background-repeat:no-repeat}.icon.delete,.delete.checkbox{background-image:url("data:image/svg+xml,%3csvg%20width='15'%20height='15'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2015%2015'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11.7816%204.03157C12.0061%203.80702%2012.0061%203.44295%2011.7816%203.2184C11.557%202.99385%2011.193%202.99385%2010.9684%203.2184L7.49999%206.68682L4.03157%203.2184C3.80702%202.99385%203.44295%202.99385%203.2184%203.2184C2.99385%203.44295%202.99385%203.80702%203.2184%204.03157L6.68682%207.49999L3.2184%2010.9684C2.99385%2011.193%202.99385%2011.557%203.2184%2011.7816C3.44295%2012.0061%203.80702%2012.0061%204.03157%2011.7816L7.49999%208.31316L10.9684%2011.7816C11.193%2012.0061%2011.557%2012.0061%2011.7816%2011.7816C12.0061%2011.557%2012.0061%2011.193%2011.7816%2010.9684L8.31316%207.49999L11.7816%204.03157Z'%20fill='white'%20/%3e%3c/svg%3e");cursor:pointer}.icon.add,.add.checkbox{vertical-align:top;margin-right:.4em;margin-top:.05em;background-image:url("data:image/svg+xml,%3csvg%20width='15'%20height='15'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2015%2015'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.49991%200.876892C3.84222%200.876892%200.877075%203.84204%200.877075%207.49972C0.877075%2011.1574%203.84222%2014.1226%207.49991%2014.1226C11.1576%2014.1226%2014.1227%2011.1574%2014.1227%207.49972C14.1227%203.84204%2011.1576%200.876892%207.49991%200.876892ZM1.82707%207.49972C1.82707%204.36671%204.36689%201.82689%207.49991%201.82689C10.6329%201.82689%2013.1727%204.36671%2013.1727%207.49972C13.1727%2010.6327%2010.6329%2013.1726%207.49991%2013.1726C4.36689%2013.1726%201.82707%2010.6327%201.82707%207.49972ZM7.50003%204C7.77617%204%208.00003%204.22386%208.00003%204.5V7H10.5C10.7762%207%2011%207.22386%2011%207.5C11%207.77614%2010.7762%208%2010.5%208H8.00003V10.5C8.00003%2010.7761%207.77617%2011%207.50003%2011C7.22389%2011%207.00003%2010.7761%207.00003%2010.5V8H4.50003C4.22389%208%204.00003%207.77614%204.00003%207.5C4.00003%207.22386%204.22389%207%204.50003%207H7.00003V4.5C7.00003%204.22386%207.22389%204%207.50003%204Z'%20fill='%2335b2dc'%20/%3e%3c/svg%3e")}.checkbox{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABmJLR0QA/wD/AP+gvaeTAAADCElEQVR4nO2dzWpTQRiGn7g1uBZ/E13UlVS7rA16A1ZaBelNqPWiNK0I3kKrrlTc1LoSwZ+qdWUVLAhxMaDJnIRMTibNy+n7wCxmcb6ZeZ/2nOQs8oExxhhjjDHGHCy1THUuA4tACzgOnAaOZqqtyi/gA7ADbAJPgFfT3FANuAm8BToedIBtYJl8f+jJNIHnY2y86uMZ0Cgb7qjMA18neJiqjO/AtZIZJ9MC9vss/ht4ANwGZqj+8wPCGWcIZ35I/1z2gYVJbaAJ7PZZtM0B/nsK0wTWKObzjQnkU6P4zPgD3Mm9UAW4S8imO6unuRe5RdG8ZQxmlWJeS7mK1yh+tG3nKl5h1unN7E2uwnMUH1TnchWvMA3Ch53u7GaHXXQkofD1aP4YeDfi5g4j7wnf3rtZHHZRipBWNI8XMYOJs4qzLJAi5GQ0f5G8HfMymsdZlmKP3vtgPUfRQ0Kd3uz2hl2Q8hKsU+Ia85+R8ku5ZZkDxELEsBAxLEQMCxHDQsSwEDEsRAwLEcNCxLAQMSxEDAsRw0LEsBAxLEQMCxHDQsSwEDEsRAwLEcNCxLAQMSxEDAsRw0LEsBAxLEQMCxHDQsSwEDEsRAwLEcNCxLAQMSxEDAsRw0LEsBAxLEQMCxHDQsSwEDEsRAwLEcNCxLAQMSxEDAsRw0LEsBAxLEQMCxHDQsSwEDFShMQ//usfUk7nWDT/MeyCFCE70fxE8nZMnNXnYRekCPkUzeeSt2PirLII2YzmQ1sumH/ErT42chS9RLGhy/kchStOk2JDl4s5CtcIHSy7C6/lKFxxHtGb2VbO4stR8Q6hG5npz32KeWW91dcI7UTjtnn3ci5SEVYpts3L8uyIaRCaJMbm13GTMAgZxLepDqFN7dlJLbrA4BajbWAFuMDh+PJYJ5x1hXD2QS1pr0x6I/PAlz6Le/SOXeBquYhHp0FoJzrtQ6uODeBM2XDHYYnQwXLaAaiMLeDGOIHmavA1S/hY1yK8vzlF9Z8jP4GPhNchG4Seha+nuiNjjDHGGGOMKcFf4U9RFJmlzfcAAAAASUVORK5CYII=);cursor:pointer;width:initial;min-width:1em;padding-left:1.5em;color:#336}.checkbox.checked{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABmJLR0QA/wD/AP+gvaeTAAAFa0lEQVR4nO2dSYgdRRjHfy/RxGU0ikYlJmYmKhMvmkUvxgyKBz2IkUwEDd5U1IvGBNxA8OBBvQheBDdEhDhJECMBEURhooKQRQ+JwQ23JGZxy6JOzMzz8EWmX1W9dL3u6u56/b4f1KGZ6W/7Z7q6KlXVoCiKoiiKoiiKUi6NQHYWAcuAIeAiYA5wZiDbsXIU+AnYC2wGNgLbqgyoAawAdgFNbTSBL4Fhwv1D92YA+DRH4HVvnwD9WYvbKUuAfQUmU5d2ELghY429GQLGHM7/AdYCdwCD1L//AMlxEMn5Ldx1GQOWFhXAAHDA4XSEEv88I2YAWIddn/0UUJ8Gdp9xHHgotKMasAqpTbJWH4d2cju28ipGe1Zj12t5KOMN7FfbkVDGa8x6Wmu2M5Thxdgd1bxQxmtMP/Kyk6zdgrSbpngYvtW4fhv4rsPgepHvkdF7kmVpN/kIMmRcm06U9pi1Mmtp4SPIxcb1Fu9wlK3GtVnLTBym9TnYF8Joj9BHa+0Op93gMwnWzHCPMklH9fN5ZCklooJEhgoSGSpIZKggkaGCRIYKEhkqSGSoIOnMqToAE/M/WnqJIWQK/akcNoLXr1cFGQR+YzLv14BpGeyoIAE4D/ia1rzHgRsz2FJBcnIq8CF23o9ltKeC5OQl7Jxfz2FPBcnBE9j5jgLTc9hUQTIyjPQTyVy/BWbmtKuCZGARcITWPH9F3rTyooJ0yCxkn0cyx2Nke6NyoYJ0QB/wOXaO9wX0oYJ4MgV4Bzu/ZwP7UUE8eR47t03A1MB+VBAP7sbOaxvF7GtRQVK4HntzzW5gdkH+VJCTMB/4ndZ8/gKuKdBnVwhSxWK7mchAL5nLOB4LoHMSvSAXAJ8hm0fLYhrwEXYua0rwHbUgM4DtJ+wcBW7Oac+HBvAGdh6vluAbh99oDE7H3qc4hmyXK5InsXP4AJlmL4NoBQF41GHvOHBvTrvtWAFMGP52AecW5M9F1IIAPIA9qzoBPBLAdpKrkcdi0s9B4PLAftKIXhCAlcgEnmn7mUD25wK/GLaPUcLJCg66QhCAW5AxgGn/RfItTzoL+MJht6jHYhpdIwjIMps/HT7Wkq3TnQq867D3dIhgM9JVgoBsu97v8LMJOL1DWy847Gyg2gWBXScIyJTGjw5fo8jYxYd7HPdvAc4IHWyHdKUgIB3xVw5/W5HR/cm4CfjXuO9nAu16zUnXCgJwIZMjeXPs0G6N7RXYE4aHgKsKjtWXrhYE4Bzk9BzT7w/Yiw7OB74xfm8c+/SJKul6QUCe++85fO8DFp74ndNwHzP4YEkx+lILQUBmaEcc/v9ATml70/Gzl0uMz5faCAIyrnjFEYN5QFgTeB84peT4fKiVICDT58854ki2nUjfEyO1E+R/XDPFTeQcyMsqjCuN2goCcD+tM8V/A9dWGlE6tRYE4E5k5nYCuKviWHyovSAgM8WPVx2EJx3VT49nKp6O6qfboiNDBYkMFSQyVJDIUEEiQwWJDBUkMlSQyPARxDz8Vw9S9uds4/pQ2g0+guw1rmd5h6OYtdqTdoOPILuN68Xe4ShmrYIIstm4LnrHUZ0wF1uMhjC6kNbZyjHg0hCGa84A9gddrgxhuIF8wTJpeF0IwzVnA6012xHS+DD2vP6qkA5qxhrsegV91DeQz4maKz8eDumkJqzGXhUTpO8w6ce9Sn09+pEwkBqYj6kmsrhvblFOl9L+E6MjyM6o+fTG4LEPyXUlknu7T9JeV3QgS7C3i2mz2wHkGI9S6Me9IFqbtFHgkqzFzcNyZNVg1QWIpe0AbstT0FArSBYgr3VDyPzNbOrfjxxBNgXtQf4iNiKn0ymKoiiKoiiKonQV/wEtd4dtiZlAxQAAAABJRU5ErkJggg==)}.popup{position:fixed;left:0;top:0;width:100vw;height:100vh;background:#ffffffe6;color:#336;display:flex;justify-content:center;align-items:center}.popup .popup-content{min-height:10em;display:flex;flex-direction:column}.popup .popup-content input,.popup .popup-content button,.popup .popup-content textarea,.popup .popup-content p{display:block;min-width:10em;max-width:20em;margin:0 0 1em}.popup .popup-content input[type=email]{font-size:1em;min-width:15em}.popup .popup-content small{margin-top:-.5em;margin-bottom:1em;font-size:.8em;opacity:.7}.popup .popup-content .dialog-actions{display:flex;gap:1em;margin-top:1em}.popup .popup-content .dialog-actions button{margin-bottom:0;min-width:6em}#shopping.recipes .shopping-list:not(.recipes){max-height:0;opacity:0;border:none;padding:0;pointer-events:none}#shopping .shopping-list h2 a.recipes{margin-left:.7rem;font-size:1rem;white-space:nowrap}#shopping .recipes-view>h2,#shopping .recipe-view>h2,#shopping .recipe-edit>h2,#shopping .add-ingredients>h2{display:flex;align-items:baseline}#shopping .recipes-view>h2>.name,#shopping .recipe-view>h2>.name,#shopping .recipe-edit>h2>.name,#shopping .add-ingredients>h2>.name{flex:1}#shopping .recipes-view>h2>.controls,#shopping .recipe-view>h2>.controls,#shopping .recipe-edit>h2>.controls,#shopping .add-ingredients>h2>.controls{display:flex;align-items:baseline}#shopping .recipes-view>h2>.controls a,#shopping .recipe-view>h2>.controls a,#shopping .recipe-edit>h2>.controls a,#shopping .add-ingredients>h2>.controls a{margin-left:.8em;font-size:.9rem;white-space:nowrap}#shopping .recipes-view>h2>.controls button,#shopping .recipe-view>h2>.controls button,#shopping .recipe-edit>h2>.controls button,#shopping .add-ingredients>h2>.controls button{margin-left:.5em;padding:.3em 1em;font-size:.7em}#shopping .recipes-view .empty{opacity:.6;font-size:.9em}#shopping .recipes-view .recipe-row{padding:.4em 0;border-bottom:1px solid #eef2f4;cursor:pointer}#shopping .recipes-view .recipe-row .name{font-size:1.1em}#shopping .recipes-view a.add-recipe{display:inline-block;margin-top:.8em}#shopping .recipe-view h3.section{display:flex;align-items:baseline;margin:1em 0 .3em;font-size:1.3em}#shopping .recipe-view h3.section .title{flex:1}#shopping .recipe-view h3.section a.add-to-list{font-size:.9rem;font-weight:400;white-space:nowrap}#shopping .recipe-view .portions{margin:0 0 .5em;opacity:.7;font-size:.95em}#shopping .recipe-view .portions .count{font-weight:600}#shopping .recipe-view .portions a.less,#shopping .recipe-view .portions a.more{padding:0 .5em;cursor:pointer;-webkit-user-select:none;user-select:none}#shopping .recipe-view .portions a.less{margin-left:-.5em}#shopping .recipe-view ul.ingredients{list-style:none;margin:0 0 1em;padding:0;font-size:1.15em;line-height:1.5}#shopping .recipe-view ul.ingredients .ingredient{display:flex;gap:.5em}#shopping .recipe-view ul.ingredients .ingredient .amount{flex:0 0 4.5em;text-align:right;opacity:.75}#shopping .recipe-view .recipe-content{font-size:1.2em;line-height:1.55}#shopping .recipe-view .recipe-content>:first-child{margin-top:0}#shopping .recipe-view .recipe-content>:last-child{margin-bottom:0}#shopping .recipe-view .recipe-content p{margin:0 0 .7em}#shopping .recipe-view .recipe-content ol,#shopping .recipe-view .recipe-content ul{margin:0 0 .7em;padding-left:1.4em}#shopping .recipe-view .recipe-content ol li,#shopping .recipe-view .recipe-content ul li{margin-bottom:.5em}#shopping .recipe-view .recipe-content ol li::marker,#shopping .recipe-view .recipe-content ul li::marker{color:#35b2dc;font-weight:700}#shopping .recipe-view .recipe-content h1,#shopping .recipe-view .recipe-content h2,#shopping .recipe-view .recipe-content h3,#shopping .recipe-view .recipe-content h4,#shopping .recipe-view .recipe-content h5,#shopping .recipe-view .recipe-content h6{margin:1em 0 .3em;font-size:1em}#shopping .recipe-view .recipe-content strong{font-weight:600}#shopping .recipe-view .recipe-content code{font-family:inherit}#shopping .recipe-view .recipe-content blockquote{margin:0 0 .7em;padding-left:.7em;border-left:3px solid #eef2f4;opacity:.8}#shopping .recipe-view .recipe-content hr{border:none;border-top:1px solid #eef2f4;margin:1em 0}#shopping .recipe-view .recipe-content .ingredient-ref-wrap{position:relative}#shopping .recipe-view .recipe-content a.ingredient-ref{border-bottom:1px dotted #35b2dc;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none}#shopping .recipe-view .recipe-content a.ingredient-ref.open{background:#eaf7fc}#shopping .recipe-view .recipe-content .ingredient-popover{position:absolute;left:50%;bottom:calc(100% + .4em);transform:translate(-50%);z-index:2;display:flex;flex-direction:column;white-space:nowrap;padding:.35em .6em;border-radius:.5em;background:#fff;box-shadow:0 2px 10px #0000002e;font-size:.85em;line-height:1.3}#shopping .recipe-view .recipe-content .ingredient-popover .amount{font-weight:600}#shopping .recipe-view .recipe-content .ingredient-popover .name{opacity:.7}#shopping .recipe-view .source-url{margin:1em 0 0;font-size:.9em;opacity:.7}#shopping .recipe-edit h3{margin:1em 0 .3em;font-size:1em}#shopping .recipe-edit input.recipe-name{width:100%}#shopping .recipe-edit label.portions{display:flex;align-items:baseline;gap:.5em;font-size:.9em}#shopping .recipe-edit label.portions input.recipe-portions{width:3.5em}#shopping .recipe-edit label.source-url{display:flex;align-items:baseline;gap:.5em;font-size:.9em;margin-top:.3em}#shopping .recipe-edit label.source-url input.recipe-source-url{flex:1;min-width:5em}#shopping .recipe-edit .ingredient{display:flex;align-items:center;gap:.3em;padding:.15em 0}#shopping .recipe-edit .ingredient input.quantity{width:3.2em;text-align:right}#shopping .recipe-edit .ingredient input.unit{width:3.2em}#shopping .recipe-edit .ingredient input.ingredient-name{flex:1;min-width:5em}#shopping .recipe-edit .ingredient a.remove{padding:0 .3em;cursor:pointer}#shopping .recipe-edit a.add-ingredient{display:inline-block;margin-top:.4em;font-size:.9em}#shopping .recipe-edit textarea.recipe-content,#shopping .recipe-edit textarea.recipe-source{width:100%;margin-top:.5em}#shopping .recipe-edit .error{color:#b3261e;font-size:.9em}#shopping .recipe-edit>.controls{display:flex;margin-top:.5em}#shopping .recipe-edit>.controls button{margin-right:.5em}#shopping .add-ingredients ul.ingredients{list-style:none;margin:0 0 1em;padding:0;line-height:1.5}#shopping .add-ingredients ul.ingredients .ingredient{display:flex;align-items:center;gap:.5em;padding:.15em 0}#shopping .add-ingredients ul.ingredients .ingredient input.item-name{flex:1}#shopping .add-ingredients button.add{display:block;width:100%}