.navbar{min-height:80px}#mobileAuthNavBar{min-height:125px;justify-content:space-between}.darkModeButton{background:none;border:none;margin-left:10px;margin-right:10px}.darkModeButton:focus{outline:none}.moon{filter:invert(77%) sepia(83%) saturate(1%) hue-rotate(334deg) brightness(98%) contrast(96%)}.nav-item.dark{color:#fff}#app[data-v-f017e7e2]{display:flex;flex-direction:column;min-height:100vh}.flex-grow[data-v-f017e7e2]{flex-grow:1}.dark[data-v-f017e7e2],.dark{background-color:#121212;color:#e0e0e0}.next-steps .fa-link[data-v-d5ec1a19]{margin-right:5px}.container[data-v-179ad6f3]{max-width:600px;margin:0 auto;padding:16px}.box[data-v-179ad6f3]{background-color:#699051;border-radius:8px;box-shadow:0 0 10px #0000001a;padding:16px;margin-bottom:16px}.form-section[data-v-179ad6f3],.list-section[data-v-179ad6f3]{margin-bottom:16px}.input-group[data-v-179ad6f3]{display:flex;flex-direction:column;gap:16px}.input-group input[data-v-179ad6f3]::placeholder{color:#fff}.input-item[data-v-179ad6f3]{display:flex;flex-direction:column;gap:8px;align-items:center}.input[data-v-179ad6f3]{padding:8px;border:1px solid #ccc;border-radius:4px;width:100%;box-sizing:border-box;background-color:#445837;color:#fff}.button[data-v-179ad6f3]{padding:8px;background-color:#445837;color:#fff;border:none;border-radius:4px;cursor:pointer;width:150px;text-align:center}.button[data-v-179ad6f3]:hover{background-color:#35442a}.list-section[data-v-179ad6f3]{margin-top:32px}.list-item[data-v-179ad6f3]{display:flex;align-items:center;justify-content:space-between;padding:8px;background-color:#ff843c;color:#fff;border:1px solid #dee2e6;border-radius:4px;margin-bottom:8px}.list-link[data-v-179ad6f3]{flex-grow:1;text-decoration:none;color:inherit}.trash-button[data-v-179ad6f3]{background:none;border:none;cursor:pointer;padding:0;margin:0;display:flex;align-items:center}.trash-button:hover svg[data-v-179ad6f3]{fill:red}.modal-overlay[data-v-219b1efa]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-219b1efa]{background-color:#699051;padding:20px;border-radius:8px;width:90%;max-width:500px;color:#fff}.modal-content h2[data-v-219b1efa]{text-align:center;margin-bottom:20px}.input-group[data-v-219b1efa]{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.input-group input[data-v-219b1efa]{padding:10px;border:1px solid #ccc;border-radius:4px;background-color:#445837;color:#fff}.input-group-description[data-v-219b1efa]{margin-bottom:20px}.input-group-description textarea[data-v-219b1efa]{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;background-color:#445837;color:#fff;resize:none}.modal-buttons[data-v-219b1efa]{display:flex;justify-content:space-between;gap:10px}.modal-buttons button[data-v-219b1efa]{flex:1;padding:10px;border:none;border-radius:4px;cursor:pointer;background-color:#445837;color:#fff}.modal-buttons button[data-v-219b1efa]:hover{background-color:#35442a}@media (min-width: 768px){.input-group[data-v-219b1efa]{flex-direction:row}.input-group input[data-v-219b1efa]:last-child{flex:.3}}.type-select[data-v-219b1efa]{padding:10px;border:1px solid #ccc;border-radius:4px;background-color:#445837;color:#fff;flex:1;margin-right:10px}.type-select[data-v-219b1efa]:last-child{margin-right:0}@media (max-width: 768px){.type-select[data-v-219b1efa]{margin-right:0;margin-bottom:10px}}.color-picker[data-v-219b1efa]{display:flex;gap:10px;align-items:center;padding:5px}.color-dot[data-v-219b1efa]{width:25px;height:25px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .2s ease}.color-dot[data-v-219b1efa]:hover{transform:scale(1.1)}.color-dot.selected[data-v-219b1efa]{border-color:#fff;transform:scale(1.1)}@media (max-width: 768px){.color-picker[data-v-219b1efa]{justify-content:center;margin-top:10px}}.grocery-app[data-v-3ceb2c1e]{background-color:#699051;color:#fff;font-family:Roboto,sans-serif;padding:20px;max-width:600px;margin:auto;border-radius:8px;box-shadow:0 2px 10px #00000080}.shareButton[data-v-3ceb2c1e]{position:relative;left:93%;top:-42px;background:none;border:none}.shareButton[data-v-3ceb2c1e]:focus{outline:none}.shareButtonImage[data-v-3ceb2c1e]{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(124deg) brightness(101%) contrast(104%)}h1[data-v-3ceb2c1e]{text-align:center}.input-group[data-v-3ceb2c1e]{display:flex;justify-content:space-between;margin-bottom:10px}.input-group input[data-v-3ceb2c1e]{flex:1;padding:10px;margin-right:10px;border:1px solid #ccc;border-radius:4px;background-color:#445837;color:#fff}.input-group input[data-v-3ceb2c1e]:last-child{margin-right:0;flex:.3}.input-group-description[data-v-3ceb2c1e]{margin-bottom:20px}.input-group input[data-v-3ceb2c1e]::placeholder{color:#fff}.input-group-description textarea[data-v-3ceb2c1e]::placeholder{color:#fff}.input-group-description textarea[data-v-3ceb2c1e]{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;background-color:#445837;color:#fff;resize:none}.input-group-button[data-v-3ceb2c1e]{text-align:center;margin-bottom:20px}.input-group-button button[data-v-3ceb2c1e]{padding:10px 20px;border:none;border-radius:4px;background-color:#445837;color:#fff;cursor:pointer}.input-group-button button[data-v-3ceb2c1e]:hover{background-color:#35442a}.to-buy-list[data-v-3ceb2c1e]{display:flex;flex-wrap:wrap;gap:10px}.item-card button[data-v-3ceb2c1e]{background-color:#ff843c;padding:10px;border:none;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;color:#fff;width:100%;text-align:left;-webkit-user-select:none;user-select:none}.item-card button[data-v-3ceb2c1e]:hover{background-color:#ff7829}@media (max-width: 800px){.input-group[data-v-3ceb2c1e]{flex-direction:column}.input-group input[data-v-3ceb2c1e]{margin-right:0;margin-bottom:10px}.input-group input[data-v-3ceb2c1e]:last-child{flex:1}.input-group-description textarea[data-v-3ceb2c1e]{width:100%}}.grocery-sections[data-v-3ceb2c1e]{display:flex;flex-direction:column;gap:20px}.grocery-section[data-v-3ceb2c1e]{background-color:#445837;border-radius:8px;padding:15px}.section-title[data-v-3ceb2c1e]{margin:0 0 15px;color:#fff;font-size:1.2em}.type-select[data-v-3ceb2c1e],.color-select[data-v-3ceb2c1e]{padding:10px;border:1px solid #ccc;border-radius:4px;background-color:#445837;color:#fff;flex:1;margin-right:10px}.type-select[data-v-3ceb2c1e]:last-child,.color-select[data-v-3ceb2c1e]:last-child{margin-right:0}@media (max-width: 800px){.type-select[data-v-3ceb2c1e],.color-select[data-v-3ceb2c1e]{margin-right:0;margin-bottom:10px}}.color-picker[data-v-3ceb2c1e]{display:flex;gap:10px;align-items:center;padding:5px}.color-dot[data-v-3ceb2c1e]{width:25px;height:25px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .2s ease}.color-dot[data-v-3ceb2c1e]:hover{transform:scale(1.1)}.color-dot.selected[data-v-3ceb2c1e]{border-color:#fff;transform:scale(1.1)}@media (max-width: 800px){.color-picker[data-v-3ceb2c1e]{justify-content:center;margin-top:10px}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}html.dark,.dark{background-color:#121212;color:#e0e0e0}.dark>.nav-item{background-color:#121212;color:#e0e0e0}.dark a{color:#e0e0e0}.dark a:hover,.dark a:active{color:#a7a7a7}html.dark .btn-primary{background-color:#1f1f1f;border-color:#333}.dark .navbar-toggler{background-color:#686868;border-color:#525252}.dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%288, 8, 8, 0.5%29' stroke-width='2' linecap='round' linejoin='round' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}