/* /Ui/Components/FriendChips.razor.rz.scp.css */
.friend-chips__label[b-ntbdbr5p94] {
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 700;
  color: var(--fe-ink-soft);
}
.friend-chips__hint[b-ntbdbr5p94] {
  margin-top: 0.125rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.friend-chips__list[b-ntbdbr5p94] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.friend-chips__list--hint[b-ntbdbr5p94] {
  margin-top: 0.625rem;
}
.friend-chips__chip[b-ntbdbr5p94] {
  max-width: 100%;
}
.friend-chips__chip[b-ntbdbr5p94]  .icon[data-check] {
  margin-left: -0.125rem;
}
.friend-chips__chip[b-ntbdbr5p94]  .friend-chips__avatar {
  margin-left: -0.5rem;
}
.friend-chips__name[b-ntbdbr5p94] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* /Ui/Layout/AppShell.razor.rz.scp.css */
.app-shell[b-fu8pnaxemo] {
    min-height: 100dvh;
}

.app-shell__side[b-fu8pnaxemo] {
    display: none;
    background: var(--fe-surface);
}

.app-shell__aside[b-fu8pnaxemo] {
    position: sticky;
    top: 0;
    display: flex;
    height: 100dvh;
    flex-direction: column;
    padding: 1.5rem 1rem;
}

[b-fu8pnaxemo] .app-shell__logo {
    margin: 0 0.25rem;
    align-self: flex-start;
}

.app-shell__nav[b-fu8pnaxemo] {
    flex: 1 1 0%;
    margin-top: 2.5rem;
}

.app-shell__nav ul[b-fu8pnaxemo] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.app-shell__admin[b-fu8pnaxemo] {
    padding-top: 1rem;
}

.app-shell__nav[b-fu8pnaxemo]  .app-shell__link {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 1rem;
    border-radius: var(--radius-pill);
    font-weight: 600;
    color: var(--fe-ink-soft);
    transition: all 200ms;
}

.app-shell__nav[b-fu8pnaxemo]  .app-shell__link:hover {
    background: var(--fe-surface-low);
    color: var(--fe-ink);
}

.app-shell__nav[b-fu8pnaxemo]  .app-shell__link.active {
    background: var(--fe-surface-high);
    color: var(--fe-primary);
}

.app-shell__nav[b-fu8pnaxemo]  .app-shell__count {
    margin-left: auto;
}

.app-shell__plan[b-fu8pnaxemo] {
    display: block;
    padding: 1rem;
    border-radius: var(--radius-lg);
    background: var(--fe-surface-mid);
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    transition: background-color 150ms;
}

.app-shell__plan:hover[b-fu8pnaxemo] {
    background: var(--fe-surface-high);
}

.app-shell__plan-name[b-fu8pnaxemo] {
    display: block;
    font-weight: 600;
    color: var(--fe-ink);
}

.app-shell__plan-usage[b-fu8pnaxemo] {
    display: block;
    margin-top: 0.125rem;
    color: var(--fe-ink-soft);
}

.app-shell__column[b-fu8pnaxemo] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.app-shell__top[b-fu8pnaxemo] {
    position: sticky;
    top: 0;
    z-index: 30;
    background: color-mix(in srgb, var(--fe-bg) 80%, transparent);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.app-shell__bar[b-fu8pnaxemo] {
    display: flex;
    width: 100%;
    max-width: var(--width-page);
    height: 4rem;
    margin: 0 auto;
    align-items: center;
    gap: 0.25rem;
    padding: 0 1rem;
}

.app-shell__mark[b-fu8pnaxemo] {
    margin-right: 0.5rem;
    border-radius: var(--radius-md);
}

.app-shell__family[b-fu8pnaxemo] {
    min-width: 0;
    margin-right: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--font-display);
    font-size: var(--text-lg);
    line-height: var(--leading-lg);
    font-weight: 600;
    color: var(--fe-ink);
}

.app-shell__bar[b-fu8pnaxemo]  .app-shell__friends {
    position: relative;
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    flex-shrink: 0;
    place-items: center;
    border-radius: var(--radius-pill);
    color: var(--fe-ink-soft);
    transition: all 150ms;
}

.app-shell__bar[b-fu8pnaxemo]  .app-shell__friends:hover {
    background: var(--fe-surface-high);
    color: var(--fe-ink);
}

.app-shell__bar[b-fu8pnaxemo]  .app-shell__friends.active {
    background: var(--fe-surface-high);
    color: var(--fe-primary);
}

.app-shell__bar[b-fu8pnaxemo]  .app-shell__friends-count {
    position: absolute;
    top: -0.125rem;
    right: -0.125rem;
    min-width: 1.25rem;
    padding: 0.125rem 0.375rem;
    text-align: center;
    line-height: 1rem;
}

.app-shell__main[b-fu8pnaxemo] {
    width: 100%;
    max-width: var(--width-page);
    flex: 1 1 0%;
    margin: 0 auto;
    padding: 1.5rem 1rem 7rem;
    outline: none;
}

.app-shell__bottom[b-fu8pnaxemo] {
    position: fixed;
    inset-inline: 0;
    bottom: 0;
    z-index: 30;
    border-top: 1px solid color-mix(in srgb, var(--fe-line) 50%, transparent);
    background: color-mix(in srgb, var(--fe-surface) 95%, transparent);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.app-shell__bottom ul[b-fu8pnaxemo] {
    display: grid;
    max-width: 32rem;
    margin: 0 auto;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    padding: 0.375rem 0.25rem max(0.75rem, env(safe-area-inset-bottom));
}

.app-shell__bottom[b-fu8pnaxemo]  .app-shell__tab {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0;
    border-radius: var(--radius-lg);
    font-size: 0.72rem;
    line-height: 1rem;
    font-weight: 600;
    color: var(--fe-ink-soft);
    transition: all 150ms;
}

.app-shell__bottom[b-fu8pnaxemo]  .app-shell__tab.active {
    color: var(--fe-ink);
}

.app-shell__bottom[b-fu8pnaxemo]  .app-shell__tab-pill {
    display: grid;
    width: 3.5rem;
    height: 2rem;
    place-items: center;
    border-radius: var(--radius-pill);
    transition: all 200ms;
}

.app-shell__bottom[b-fu8pnaxemo]  .app-shell__tab.active .app-shell__tab-pill {
    background: var(--fe-surface-high);
    color: var(--fe-primary);
}

.app-shell__bottom[b-fu8pnaxemo]  .app-shell__tab-label {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (min-width: 640px) {
    .app-shell__bar[b-fu8pnaxemo] {
        padding: 0 1.5rem;
    }

    .app-shell__main[b-fu8pnaxemo] {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (min-width: 1024px) {
    .app-shell[b-fu8pnaxemo] {
        display: grid;
        grid-template-columns: 16.5rem 1fr;
    }

    .app-shell__side[b-fu8pnaxemo] {
        display: block;
    }

    .app-shell__mark[b-fu8pnaxemo],
    .app-shell__bar[b-fu8pnaxemo]  .app-shell__friends,
    .app-shell__bottom[b-fu8pnaxemo] {
        display: none;
    }

    .app-shell__bar[b-fu8pnaxemo] {
        padding: 0 2.5rem;
    }

    .app-shell__main[b-fu8pnaxemo] {
        padding: 2rem 2.5rem 4rem;
    }
}

/* Print / PDF of a recipe: the sidebar is hidden (no-print), the page takes the whole width. */
@media print {
    .app-shell[b-fu8pnaxemo] {
        display: block;
    }

    .app-shell__main[b-fu8pnaxemo] {
        padding: 0;
    }
}
/* /Ui/Layout/PublicFooter.razor.rz.scp.css */
.public-footer[b-8jte0fyhek] {
    background: var(--fe-surface);
}

.public-footer__grid[b-8jte0fyhek] {
    display: grid;
    max-width: var(--width-page);
    margin: 0 auto;
    gap: 2.5rem;
    padding: 3rem 1rem;
}

.public-footer__tagline[b-8jte0fyhek] {
    max-width: 20rem;
    margin-top: 1rem;
    color: var(--fe-ink-soft);
}

[b-8jte0fyhek] .public-footer__badge {
    margin-top: 1.5rem;
}

.public-footer__title[b-8jte0fyhek] {
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    font-weight: 700;
    color: var(--fe-ink);
}

.public-footer__links[b-8jte0fyhek] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    margin-top: 0.75rem;
}

.public-footer__link[b-8jte0fyhek] {
    border-radius: var(--radius-xs);
    color: var(--fe-ink-soft);
    text-underline-offset: 4px;
}

.public-footer__link:hover[b-8jte0fyhek] {
    color: var(--fe-ink);
    text-decoration: underline;
}

[b-8jte0fyhek] .public-footer__language {
    margin-top: 1.25rem;
    margin-left: -0.75rem;
}

.public-footer__copyright[b-8jte0fyhek] {
    max-width: var(--width-page);
    margin: 0 auto;
    padding: 0 1rem 2rem;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    color: var(--fe-ink-soft);
}

@media (min-width: 640px) {
    .public-footer__grid[b-8jte0fyhek],
    .public-footer__copyright[b-8jte0fyhek] {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (min-width: 768px) {
    .public-footer__grid[b-8jte0fyhek] {
        grid-template-columns: 1.4fr 1fr 1fr;
    }
}
/* /Ui/Layout/PublicHeader.razor.rz.scp.css */
.public-header[b-t5dq1p23gu] {
    position: sticky;
    top: 0;
    z-index: 30;
    background: color-mix(in srgb, var(--fe-bg) 80%, transparent);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.public-header__bar[b-t5dq1p23gu] {
    display: flex;
    max-width: var(--width-page);
    height: 4rem;
    margin: 0 auto;
    align-items: center;
    gap: 0.75rem;
    padding: 0 1rem;
}

[b-t5dq1p23gu] .public-header__logo {
    margin-right: auto;
}

.public-header__sections[b-t5dq1p23gu] {
    display: none;
    margin-right: auto;
}

.public-header__sections ul[b-t5dq1p23gu] {
    display: flex;
    gap: 0.25rem;
}

.public-header__section[b-t5dq1p23gu] {
    padding: 0.5rem 0.75rem;
    border-radius: var(--radius-pill);
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    font-weight: 600;
    color: var(--fe-ink-soft);
}

.public-header__section:hover[b-t5dq1p23gu] {
    background: var(--fe-surface-high);
    color: var(--fe-ink);
}

[b-t5dq1p23gu] .public-header__theme {
    display: none;
}

.public-header__toggle[b-t5dq1p23gu] {
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    border-radius: var(--radius-pill);
    color: var(--fe-ink);
}

.public-header__toggle:hover[b-t5dq1p23gu] {
    background: var(--fe-surface-high);
}

.public-header__toggle[aria-expanded='true'][b-t5dq1p23gu]  .public-header__toggle-open,
.public-header__toggle[aria-expanded='false'][b-t5dq1p23gu]  .public-header__toggle-close {
    display: none;
}

.public-header__panel[b-t5dq1p23gu] {
    padding: 0.5rem 1rem 1.25rem;
    border-top: 1px solid color-mix(in srgb, var(--fe-line) 50%, transparent);
}

.public-header__panel ul[b-t5dq1p23gu] {
    display: flex;
    flex-direction: column;
}

.public-header__panel-link[b-t5dq1p23gu] {
    display: block;
    padding: 0.75rem 1rem;
    border-radius: var(--radius-pill);
    font-size: var(--text-md);
    line-height: var(--leading-md);
    font-weight: 600;
    color: var(--fe-ink);
}

.public-header__panel-link:hover[b-t5dq1p23gu] {
    background: var(--fe-surface-high);
}

.public-header__panel-actions[b-t5dq1p23gu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.75rem;
    padding: 0 0.75rem;
}

@media (max-width: 639.98px) {
    [b-t5dq1p23gu] .public-header__access {
        display: none;
    }
}

@media (min-width: 640px) {
    .public-header__bar[b-t5dq1p23gu] {
        padding: 0 1.5rem;
    }

    [b-t5dq1p23gu] .public-header__theme {
        display: block;
    }
}

@media (min-width: 1024px) {
    [b-t5dq1p23gu] .public-header__logo--sections {
        margin-right: 1.5rem;
    }

    .public-header__sections[b-t5dq1p23gu] {
        display: block;
    }

    .public-header__toggle[b-t5dq1p23gu],
    .public-header__panel[b-t5dq1p23gu] {
        display: none !important;
    }
}
/* /Ui/Layout/PublicLayout.razor.rz.scp.css */
.public-layout[b-jvlp4ll2j5] {
    display: flex;
    min-height: 100dvh;
    flex-direction: column;
}

.public-layout__main[b-jvlp4ll2j5] {
    width: 100%;
    max-width: var(--width-page);
    flex: 1 1 0%;
    margin: 0 auto;
    padding: 2.5rem 1rem;
    outline: none;
}

@media (min-width: 640px) {
    .public-layout__main[b-jvlp4ll2j5] {
        padding: 4rem 1.5rem;
    }
}
/* /Ui/Pages/Admin/AdminFilters.razor.rz.scp.css */
.admin-filters[b-gqsqdp9tys] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
/* /Ui/Pages/Admin/AdminHead.razor.rz.scp.css */
.admin-head[b-wo497ip8fv] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
}
.admin-head__text[b-wo497ip8fv] {
  max-width: 62ch;
  margin-top: 0.25rem;
  color: var(--fe-ink-soft);
}
/* /Ui/Pages/Admin/AuditPage.razor.rz.scp.css */
.audit__text[b-fstxocwaco] {
  margin-top: 0.25rem;
  color: var(--fe-ink-soft);
}
.audit[b-fstxocwaco] {
  margin-top: 1.5rem;
}
.audit__table[b-fstxocwaco] {
  overflow-x: auto;
  border-radius: var(--radius-lg);
  background: var(--fe-surface);
}
.audit__table table[b-fstxocwaco] {
  width: 100%;
  min-width: 36rem;
  border-collapse: collapse;
  text-align: left;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
}
.audit__table thead[b-fstxocwaco] {
  border-bottom: 1px solid color-mix(in srgb, var(--fe-line) 60%, transparent);
  color: var(--fe-ink-soft);
}
.audit__table th[b-fstxocwaco] {
  padding: 0.75rem 1rem;
  font-weight: 600;
}
.audit__table td[b-fstxocwaco] {
  padding: 0.75rem 1rem;
}
.audit__table tbody tr + tr[b-fstxocwaco] {
  border-top: 1px solid color-mix(in srgb, var(--fe-line) 50%, transparent);
}
.audit__when[b-fstxocwaco] {
  white-space: nowrap;
  color: var(--fe-ink-soft);
}
.audit__details[b-fstxocwaco] {
  overflow-wrap: anywhere;
  color: var(--fe-ink-soft);
}
/* /Ui/Pages/Admin/DashboardPage.razor.rz.scp.css */
.dashboard[b-2s146k2gvp] {
  display: grid;
  gap: 1rem;
}
.dashboard[b-2s146k2gvp]  .dashboard__retry {
  margin-top: 1rem;
  align-self: flex-start;
}
@media (min-width: 640px) {
  .dashboard[b-2s146k2gvp] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1280px) {
  .dashboard[b-2s146k2gvp] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
/* /Ui/Pages/Admin/FieldDiff.razor.rz.scp.css */
.diff-columns[b-x4enj7xhv4] {
  display: grid;
  gap: 0.75rem;
}
.diff-column[b-x4enj7xhv4] {
  min-width: 0;
  padding: 0.75rem;
  border-radius: var(--radius-md);
  background: var(--fe-surface-low);
}
.diff-column--after[b-x4enj7xhv4] {
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--fe-olive) 30%, transparent);
}
.diff-column__label[b-x4enj7xhv4] {
  margin-bottom: 0.375rem;
  font-size: var(--text-xs);
  line-height: var(--leading-xs);
  font-weight: 700;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  color: var(--fe-ink-soft);
}
.diff-text[b-x4enj7xhv4] {
  overflow-wrap: break-word;
  white-space: pre-wrap;
  line-height: 1.625;
}
.diff-box[b-x4enj7xhv4] {
  padding: 0.75rem;
  border-radius: var(--radius-md);
  background: var(--fe-surface-low);
}
.diff-empty[b-x4enj7xhv4] {
  font-style: italic;
  color: var(--fe-ink-soft);
}
.diff-lines[b-x4enj7xhv4] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.diff-lines li[b-x4enj7xhv4] {
  display: flex;
  gap: 0.5rem;
}
.diff-lines__sign[b-x4enj7xhv4] {
  width: 0.75rem;
  flex-shrink: 0;
  font-weight: 700;
  color: var(--fe-ink-soft);
}
.diff-tags[b-x4enj7xhv4] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}
.diff-value[b-x4enj7xhv4] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.diff-value[b-x4enj7xhv4]  .diff-value__arrow {
  color: var(--fe-ink-soft);
}
.diff-empty-media[b-x4enj7xhv4] {
  color: var(--fe-ink-soft);
}
.diff-media[b-x4enj7xhv4] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.diff-media li[b-x4enj7xhv4] {
  width: 8rem;
}
.diff-media__thumb[b-x4enj7xhv4] {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: var(--radius-md);
  background: var(--fe-surface-high);
  box-shadow: 0 0 0 2px transparent;
}
.diff-media__thumb--added[b-x4enj7xhv4] {
  box-shadow: 0 0 0 2px var(--fe-olive);
}
.diff-media__thumb--removed[b-x4enj7xhv4] {
  opacity: 0.6;
  box-shadow: 0 0 0 2px var(--fe-danger);
}
.diff-media__thumb[b-x4enj7xhv4]  .diff-media__picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.diff-media__duration[b-x4enj7xhv4] {
  position: absolute;
  bottom: 0.25rem;
  left: 0.25rem;
  padding: 0 0.375rem;
  border-radius: var(--radius-pill);
  background: rgb(0 0 0 / 0.65);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 600;
}
.diff-media__state[b-x4enj7xhv4] {
  margin-top: 0.25rem;
  font-size: var(--text-xs);
}
.diff-media__caption[b-x4enj7xhv4] {
  display: -webkit-box;
  margin-top: 0.125rem;
  overflow: hidden;
  font-size: var(--text-xs);
  line-height: var(--leading-xs);
  color: var(--fe-ink-soft);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (min-width: 768px) {
  .diff-columns[b-x4enj7xhv4] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* /Ui/Pages/Admin/LlmSettings.razor.rz.scp.css */
.settings-test[b-wok8hei6ho] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}
.settings-test__hint[b-wok8hei6ho] {
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
/* /Ui/Pages/Admin/MailSettings.razor.rz.scp.css */
.mail-port[b-ljgpuwxd38] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.mail-test[b-ljgpuwxd38] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.75rem;
}
.mail-test[b-ljgpuwxd38]  .mail-test__field {
  min-width: 14rem;
  flex: 1 1 0%;
}
.mail-test[b-ljgpuwxd38]  .mail-test__button {
  margin-bottom: 1.75rem;
}
.mail-test__result[b-ljgpuwxd38] {
  flex-basis: 100%;
}
/* /Ui/Pages/Admin/MailsPage.razor.rz.scp.css */
.mails[b-qca3tp0d23] {
  margin-top: 1.5rem;
}
.mails__list[b-qca3tp0d23] {
  border-radius: var(--radius-lg);
  background: var(--fe-surface);
}
.mails__item[b-qca3tp0d23] {
  padding: 1rem;
}
.mails__item + .mails__item[b-qca3tp0d23] {
  border-top: 1px solid color-mix(in srgb, var(--fe-line) 60%, transparent);
}
.mails__badges[b-qca3tp0d23] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.mails__when[b-qca3tp0d23] {
  margin-left: auto;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.mails__subject[b-qca3tp0d23] {
  margin-top: 0.5rem;
  font-weight: 600;
  overflow-wrap: break-word;
  color: var(--fe-ink);
}
.mails__to[b-qca3tp0d23] {
  overflow-wrap: anywhere;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.mails__error[b-qca3tp0d23] {
  margin-top: 0.5rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
}
.mails__error summary[b-qca3tp0d23] {
  font-weight: 600;
  color: var(--fe-danger);
}
.mails__error pre[b-qca3tp0d23] {
  margin-top: 0.5rem;
  padding: 0.75rem;
  border-radius: var(--radius-md);
  background: var(--fe-surface-low);
  font-size: var(--text-xs);
  line-height: var(--leading-xs);
  overflow-wrap: break-word;
  white-space: pre-wrap;
  color: var(--fe-ink);
}
@media (min-width: 640px) {
  .mails__item[b-qca3tp0d23] {
    padding: 1rem 1.25rem;
  }
}
/* /Ui/Pages/Admin/ModerationPage.razor.rz.scp.css */
.moderation__list[b-rnvrnjcl5l] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1.5rem;
}
/* /Ui/Pages/Admin/RejectDialog.razor.rz.scp.css */
.reject[b-xftme8wx5g] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-bottom: 0.5rem;
}
.reject__templates-head[b-xftme8wx5g] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.reject__templates-title[b-xftme8wx5g] {
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 600;
}
.reject__language[b-xftme8wx5g] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.reject__language[b-xftme8wx5g]  .reject__language-select {
  width: 9rem;
}
.reject__language[b-xftme8wx5g]  .reject__language-select select {
  height: 2.25rem;
  font-size: var(--text-sm);
}
.reject__templates[b-xftme8wx5g] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  margin-top: 0.5rem;
}
.reject__template[b-xftme8wx5g] {
  width: 100%;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--fe-line);
  border-radius: var(--radius-md);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  text-align: left;
  transition: border-color 150ms, background-color 150ms;
}
.reject__template:hover[b-xftme8wx5g] {
  border-color: var(--fe-primary);
  background: color-mix(in srgb, var(--fe-primary-soft) 30%, transparent);
}
.reject__template--chosen[b-xftme8wx5g] {
  border-color: var(--fe-primary);
  background: color-mix(in srgb, var(--fe-primary-soft) 40%, transparent);
}
/* /Ui/Pages/Admin/ReportCard.razor.rz.scp.css */
.report[b-azb6i1lcu6] {
  padding: 1.25rem;
  border-radius: var(--radius-lg);
  background: var(--fe-surface);
}
.report__badges[b-azb6i1lcu6] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.report__count[b-azb6i1lcu6] {
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.report__content[b-azb6i1lcu6] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
}
.report__photo[b-azb6i1lcu6] {
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: var(--radius-md);
  object-fit: cover;
}
.report__text[b-azb6i1lcu6] {
  min-width: 0;
  flex: 1 1 0%;
}
.report__text h3[b-azb6i1lcu6] {
  overflow-wrap: break-word;
}
.report__description[b-azb6i1lcu6] {
  margin-top: 0.25rem;
  color: var(--fe-ink-soft);
}
.report__quote[b-azb6i1lcu6] {
  margin-top: 0.5rem;
  padding: 0.75rem 1rem;
  border-left: 4px solid color-mix(in srgb, var(--fe-line-strong) 50%, transparent);
  border-radius: var(--radius-md);
  background: var(--fe-surface-low);
  overflow-wrap: break-word;
  white-space: pre-line;
}
.report__ingredients[b-azb6i1lcu6] {
  margin-top: 0.5rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.report__strong[b-azb6i1lcu6] {
  font-weight: 600;
  color: var(--fe-ink);
}
.report__instructions[b-azb6i1lcu6] {
  margin-top: 0.5rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
}
.report__instructions summary[b-azb6i1lcu6] {
  font-weight: 600;
}
.report__instructions p[b-azb6i1lcu6] {
  margin-top: 0.25rem;
  overflow-wrap: break-word;
  white-space: pre-line;
  color: var(--fe-ink-soft);
}
.report__author[b-azb6i1lcu6] {
  display: grid;
  gap: 0.25rem 1.5rem;
  margin-top: 1rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
}
.report__author dt[b-azb6i1lcu6] {
  font-weight: 600;
}
.report__author dd[b-azb6i1lcu6] {
  min-width: 0;
  overflow-wrap: break-word;
  color: var(--fe-ink-soft);
}
.report__author[b-azb6i1lcu6]  .report__banned,
.report__reasons[b-azb6i1lcu6]  .report__status {
  margin-left: 0.5rem;
}
.report__reasons-title[b-azb6i1lcu6] {
  margin-top: 1rem;
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 700;
}
.report__reasons[b-azb6i1lcu6] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.report__reasons li[b-azb6i1lcu6] {
  padding: 0.625rem 1rem;
  border-radius: var(--radius-md);
  background: var(--fe-surface-low);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
}
.report__by[b-azb6i1lcu6] {
  color: var(--fe-ink-soft);
}
.report__details[b-azb6i1lcu6] {
  margin-top: 0.25rem;
  overflow-wrap: break-word;
  color: var(--fe-ink);
}
.report__actions[b-azb6i1lcu6] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid color-mix(in srgb, var(--fe-line) 60%, transparent);
}
@media (min-width: 640px) {
  .report[b-azb6i1lcu6] {
    padding: 1.5rem;
  }
  .report__content[b-azb6i1lcu6] {
    flex-direction: row;
  }
  .report__photo[b-azb6i1lcu6] {
    width: 12rem;
  }
  .report__author[b-azb6i1lcu6] {
    grid-template-columns: auto 1fr;
  }
}
/* /Ui/Pages/Admin/ReviewContent.razor.rz.scp.css */
.review-content[b-m7zp1c8sjv] {
  display: grid;
  gap: 1.5rem;
}
.review-content[b-m7zp1c8sjv]  .review-content__art {
  aspect-ratio: 4 / 3;
  border-radius: var(--radius-lg);
}
.review-content__text[b-m7zp1c8sjv] {
  min-width: 0;
}
.review-content__title[b-m7zp1c8sjv] {
  font-size: var(--text-2xl);
  line-height: 1.25;
  overflow-wrap: break-word;
}
.review-content__description[b-m7zp1c8sjv] {
  margin-top: 0.5rem;
  color: var(--fe-ink-soft);
}
.review-content__meta[b-m7zp1c8sjv] {
  margin-top: 0.75rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.review-content__text[b-m7zp1c8sjv]  .review-content__facts {
  margin-top: 0.75rem;
}
.review-content__sub[b-m7zp1c8sjv] {
  margin-top: 1.5rem;
  font-family: var(--font-display);
  font-size: var(--text-lg);
  line-height: var(--leading-lg);
  font-weight: 600;
}
.review-content__none[b-m7zp1c8sjv] {
  margin-top: 0.25rem;
  color: var(--fe-ink-soft);
}
.review-content__lines[b-m7zp1c8sjv] {
  margin-top: 0.5rem;
}
.review-content__lines li[b-m7zp1c8sjv] {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.375rem 0;
}
.review-content__lines li + li[b-m7zp1c8sjv] {
  border-top: 1px solid color-mix(in srgb, var(--fe-line) 60%, transparent);
}
.review-content__note[b-m7zp1c8sjv] {
  color: var(--fe-ink-soft);
}
.review-content__quantity[b-m7zp1c8sjv] {
  flex-shrink: 0;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.review-content__steps[b-m7zp1c8sjv] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 0.5rem;
}
.review-content__steps > li[b-m7zp1c8sjv] {
  display: flex;
  gap: 0.75rem;
}
.review-content__number[b-m7zp1c8sjv] {
  display: grid;
  width: 1.75rem;
  height: 1.75rem;
  flex-shrink: 0;
  place-items: center;
  border-radius: var(--radius-pill);
  background: var(--fe-primary-soft);
  color: var(--fe-on-primary-soft);
  font-size: var(--text-sm);
  font-weight: 700;
}
.review-content__step[b-m7zp1c8sjv] {
  min-width: 0;
  flex: 1 1 0%;
}
.review-content__step > p[b-m7zp1c8sjv] {
  line-height: 1.625;
}
@media (min-width: 640px) {
  .review-content__title[b-m7zp1c8sjv] {
    font-size: var(--text-3xl);
  }
}
@media (min-width: 1024px) {
  .review-content[b-m7zp1c8sjv] {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 2rem;
  }
}
/* /Ui/Pages/Admin/ReviewPage.razor.rz.scp.css */
.review[b-fev9zx0ruv] {
  padding-bottom: 6rem;
}
.review__head[b-fev9zx0ruv] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.75rem;
}
.review__heading[b-fev9zx0ruv] {
  min-width: 0;
  flex: 1 1 0%;
}
.review__badges[b-fev9zx0ruv] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.review__position[b-fev9zx0ruv] {
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.review__title[b-fev9zx0ruv] {
  margin-top: 0.5rem;
  font-size: var(--text-2xl);
  line-height: 1.25;
  overflow-wrap: break-word;
}
.review__by[b-fev9zx0ruv] {
  margin-top: 0.25rem;
  color: var(--fe-ink-soft);
}
.review__nav[b-fev9zx0ruv] {
  display: flex;
  gap: 0.25rem;
}
.review__reason[b-fev9zx0ruv] {
  display: block;
  margin-top: 0.25rem;
  white-space: pre-line;
}
.review__grid[b-fev9zx0ruv] {
  display: grid;
  gap: 1.5rem;
  margin-top: 1.5rem;
}
.review__tabs[b-fev9zx0ruv] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}
.review__layout[b-fev9zx0ruv] {
  display: flex;
  gap: 0.5rem;
}
.review__changes[b-fev9zx0ruv] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.review__field[b-fev9zx0ruv] {
  padding: 1rem;
  border-radius: var(--radius-lg);
  background: var(--fe-surface);
}
.review__field-title[b-fev9zx0ruv],
.review__aside-title[b-fev9zx0ruv] {
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 700;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  color: var(--fe-ink-soft);
}
.review__field-title[b-fev9zx0ruv] {
  margin-bottom: 0.75rem;
}
.review__unchanged[b-fev9zx0ruv] {
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.review__aside[b-fev9zx0ruv] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.review__author[b-fev9zx0ruv] {
  padding: 1rem;
  border-radius: var(--radius-lg);
  background: var(--fe-surface-low);
}
.review__author-name[b-fev9zx0ruv] {
  margin-top: 0.25rem;
  font-weight: 600;
  overflow-wrap: break-word;
}
.review__mail[b-fev9zx0ruv] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  margin-top: 0.125rem;
  overflow-wrap: anywhere;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-primary);
  text-underline-offset: 2px;
}
.review__mail:hover[b-fev9zx0ruv] {
  text-decoration: underline;
}
.review__stats[b-fev9zx0ruv] {
  margin-top: 0.5rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.review__decision[b-fev9zx0ruv] {
  position: fixed;
  right: 0;
  bottom: 5rem;
  left: 0;
  z-index: 20;
  display: flex;
  gap: 0.5rem;
  margin: 0 1rem;
  padding: 0.5rem;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--fe-surface) 95%, transparent);
  box-shadow: var(--fe-shadow-lift), 0 0 0 1px color-mix(in srgb, var(--fe-line) 60%, transparent);
  backdrop-filter: blur(8px);
}
.review__decision[b-fev9zx0ruv]  .review__decide {
  flex: 1 1 0%;
}
.review__decision[b-fev9zx0ruv]  .review__decide--reject {
  color: var(--fe-danger);
}
.review__shortcuts[b-fev9zx0ruv] {
  display: none;
  padding: 1rem;
  border-radius: var(--radius-lg);
  background: var(--fe-surface-low);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
}
.review__shortcuts-toggle[b-fev9zx0ruv] {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
}
.review__keys[b-fev9zx0ruv] {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.375rem 0.75rem;
  margin-top: 0.75rem;
}
.review__keys kbd[b-fev9zx0ruv] {
  margin-right: 0.25rem;
  padding: 0 0.375rem;
  border: 1px solid color-mix(in srgb, var(--fe-line-strong) 50%, transparent);
  border-radius: var(--radius-xs);
  background: var(--fe-surface);
  font-family: var(--font-sans);
  font-size: var(--text-xs);
  font-weight: 700;
}
.review__keys dd[b-fev9zx0ruv] {
  color: var(--fe-ink-soft);
}
@media (min-width: 640px) {
  .review__title[b-fev9zx0ruv] {
    font-size: var(--text-3xl);
  }
  .review__field[b-fev9zx0ruv] {
    padding: 1.25rem;
  }
}
@media (min-width: 1024px) {
  .review[b-fev9zx0ruv] {
    padding-bottom: 0;
  }
  .review__grid[b-fev9zx0ruv] {
    grid-template-columns: minmax(0, 1fr) 17rem;
  }
  .review__aside[b-fev9zx0ruv] {
    position: sticky;
    top: 6rem;
    align-self: start;
  }
  .review__decision[b-fev9zx0ruv] {
    position: static;
    flex-direction: column;
    margin: 0;
    padding: 1rem;
    border-radius: var(--radius-lg);
    box-shadow: var(--fe-shadow-soft);
  }
  .review__decision[b-fev9zx0ruv]  .review__decide {
    width: 100%;
    flex: none;
  }
  .review__shortcuts[b-fev9zx0ruv] {
    display: block;
  }
}
/* /Ui/Pages/Admin/ReviewsPage.razor.rz.scp.css */
.reviews[b-7rmzdsbxfr] {
  margin-top: 1.5rem;
}
.reviews__loading[b-7rmzdsbxfr],
.reviews__list[b-7rmzdsbxfr] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.queue-item[b-7rmzdsbxfr] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.75rem;
  border-radius: var(--radius-lg);
  background: var(--fe-surface);
  transition: transform 200ms var(--ease-out-soft), background-color 200ms var(--ease-out-soft);
}
.queue-item:hover[b-7rmzdsbxfr] {
  transform: translateY(-2px);
  background: var(--fe-surface-low);
}
.queue-item__cover[b-7rmzdsbxfr] {
  position: relative;
  width: 6rem;
  flex-shrink: 0;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: var(--radius-md);
}
.queue-item__cover[b-7rmzdsbxfr]  .queue-item__art,
.queue-item__cover[b-7rmzdsbxfr]  .queue-item__picture {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.queue-item__body[b-7rmzdsbxfr] {
  min-width: 0;
  flex: 1 1 0%;
}
.queue-item__badges[b-7rmzdsbxfr] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.queue-item__title[b-7rmzdsbxfr] {
  display: block;
  margin-top: 0.25rem;
  font-family: var(--font-display);
  font-size: var(--text-lg);
  line-height: 1.25;
  font-weight: 600;
  overflow-wrap: break-word;
  color: var(--fe-ink);
}
.queue-item:hover .queue-item__title[b-7rmzdsbxfr] {
  color: var(--fe-primary);
}
.queue-item__line[b-7rmzdsbxfr] {
  display: block;
  margin-top: 0.125rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.queue-item[b-7rmzdsbxfr]  .queue-item__chevron {
  flex-shrink: 0;
  color: var(--fe-ink-soft);
}
.reviews__more[b-7rmzdsbxfr] {
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
}
@media (min-width: 640px) {
  .queue-item[b-7rmzdsbxfr] {
    padding: 1rem;
  }
  .queue-item__cover[b-7rmzdsbxfr] {
    width: 8rem;
  }
}
/* /Ui/Pages/Admin/SecretField.razor.rz.scp.css */
.secret[b-fpdf8dizkf] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.secret__label[b-fpdf8dizkf] {
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 600;
  color: var(--fe-ink);
}
.secret__row[b-fpdf8dizkf] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.secret[b-fpdf8dizkf]  .secret__keep {
  align-self: flex-start;
}
/* /Ui/Pages/Admin/SettingsCard.razor.rz.scp.css */
.settings-card[b-c478bgw9nr] {
  scroll-margin-top: 6rem;
  border-radius: var(--radius-lg);
  background: var(--fe-surface);
}
.settings-card__body[b-c478bgw9nr] {
  padding: 1.25rem;
}
.settings-card__text[b-c478bgw9nr] {
  max-width: 64ch;
  margin-top: 0.25rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.settings-card__fields[b-c478bgw9nr] {
  display: grid;
  gap: 1.25rem;
  margin-top: 1.25rem;
}
.settings-card__footer[b-c478bgw9nr] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 0.75rem 1.25rem;
  border-top: 1px solid color-mix(in srgb, var(--fe-line) 60%, transparent);
}
.settings-card__unsaved[b-c478bgw9nr] {
  margin-right: auto;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 500;
  color: var(--fe-ink-soft);
}
.settings-card__extra[b-c478bgw9nr] {
  padding: 1.25rem;
  border-top: 1px solid color-mix(in srgb, var(--fe-line) 60%, transparent);
  background: color-mix(in srgb, var(--fe-surface-low) 60%, transparent);
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}
@media (min-width: 640px) {
  .settings-card__body[b-c478bgw9nr] {
    padding: 1.5rem;
  }
  .settings-card__fields[b-c478bgw9nr] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .settings-card__fields[b-c478bgw9nr]  .settings__full {
    grid-column: span 2;
  }
  .settings-card__footer[b-c478bgw9nr],
  .settings-card__extra[b-c478bgw9nr] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
/* /Ui/Pages/Admin/SettingsPage.razor.rz.scp.css */
.settings__loading[b-1qzigarzw2] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.settings__nav[b-1qzigarzw2] {
  display: none;
}
.settings__nav ul[b-1qzigarzw2] {
  position: sticky;
  top: 6rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
}
.settings__nav a[b-1qzigarzw2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  border-radius: var(--radius-pill);
  font-weight: 600;
  color: var(--fe-ink-soft);
}
.settings__nav a:hover[b-1qzigarzw2] {
  background: var(--fe-surface-high);
  color: var(--fe-ink);
}
.settings__dot[b-1qzigarzw2] {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: var(--radius-pill);
  background: var(--fe-primary);
}
.settings__sections[b-1qzigarzw2] {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 1.5rem;
}
.settings__text[b-1qzigarzw2] {
  color: var(--fe-ink-soft);
}
@media (min-width: 1024px) {
  .settings[b-1qzigarzw2] {
    display: grid;
    grid-template-columns: 12rem minmax(0, 1fr);
    gap: 2rem;
  }
  .settings__nav[b-1qzigarzw2] {
    display: block;
  }
}
/* /Ui/Pages/Admin/StatCard.razor.rz.scp.css */
.stat-card[b-ebudcjbnvi] {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  border-radius: 20px;
  background: var(--fe-surface);
}
.stat-card--link[b-ebudcjbnvi] {
  transition: transform 200ms var(--ease-out-soft), background-color 200ms var(--ease-out-soft);
}
.stat-card--link:hover[b-ebudcjbnvi] {
  transform: translateY(-2px);
  background: var(--fe-surface-low);
}
.stat-card__head[b-ebudcjbnvi] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 600;
  color: var(--fe-ink-soft);
}
.stat-card__head h2[b-ebudcjbnvi] {
  font-family: var(--font-sans);
  font-weight: 600;
  line-height: inherit;
  letter-spacing: normal;
}
.stat-card__icon[b-ebudcjbnvi] {
  display: grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border-radius: var(--radius-pill);
  background: var(--fe-primary-soft);
  color: var(--fe-on-primary-soft);
}
.stat-card__icon--alert[b-ebudcjbnvi] {
  background: var(--fe-honey-soft);
  color: var(--fe-on-honey-soft);
}
.stat-card__value[b-ebudcjbnvi] {
  margin-top: 0.75rem;
  font-family: var(--font-display);
  font-size: var(--text-4xl);
  line-height: 1;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--fe-ink);
}
.stat-card__details[b-ebudcjbnvi] {
  margin-top: 0.5rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
@media (min-width: 640px) {
  .stat-card[b-ebudcjbnvi] {
    padding: 1.25rem;
  }
}
/* /Ui/Pages/Admin/TestResult.razor.rz.scp.css */
.test-result[b-8z2rr6nmbv] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.625rem 1rem;
  border-radius: var(--radius-md);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 500;
  overflow-wrap: break-word;
}
.test-result--ok[b-8z2rr6nmbv] {
  background: var(--fe-olive-soft);
  color: var(--fe-on-olive-soft);
}
.test-result--failed[b-8z2rr6nmbv] {
  background: var(--fe-danger-soft);
  color: var(--fe-on-danger-soft);
}
.test-result[b-8z2rr6nmbv]  .test-result__icon {
  margin-top: 0.125rem;
  flex-shrink: 0;
}
.test-result span[b-8z2rr6nmbv] {
  min-width: 0;
}
/* /Ui/Pages/Admin/TranslationSettings.razor.rz.scp.css */
.languages__title[b-ultt3ztqbx] {
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 600;
}
.languages__hint[b-ultt3ztqbx] {
  margin-top: 0.125rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.languages__chips[b-ultt3ztqbx] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.languages__error[b-ultt3ztqbx] {
  margin-top: 0.5rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 500;
  color: var(--fe-danger);
}
/* /Ui/Pages/Admin/UsersPage.razor.rz.scp.css */
.users__search[b-zyg2e2ya3k] {
  position: relative;
  display: block;
  width: 100%;
}
.users__search[b-zyg2e2ya3k]  .users__search-icon {
  position: absolute;
  top: 50%;
  left: 0.875rem;
  transform: translateY(-50%);
  color: var(--fe-ink-soft);
  pointer-events: none;
}
.users__search-input[b-zyg2e2ya3k] {
  padding-left: 2.5rem;
  border-radius: var(--radius-pill);
}
.users__results[b-zyg2e2ya3k] {
  margin-top: 1.5rem;
}
.users__list[b-zyg2e2ya3k] {
  border-radius: var(--radius-lg);
  background: var(--fe-surface);
}
.users__item[b-zyg2e2ya3k] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
}
.users__item + .users__item[b-zyg2e2ya3k] {
  border-top: 1px solid color-mix(in srgb, var(--fe-line) 60%, transparent);
}
.users__who[b-zyg2e2ya3k] {
  display: flex;
  min-width: 0;
  flex: 1 1 0%;
  align-items: flex-start;
  gap: 0.75rem;
}
.users__name[b-zyg2e2ya3k] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
}
.users__display[b-zyg2e2ya3k] {
  overflow-wrap: break-word;
}
.users__you[b-zyg2e2ya3k] {
  font-weight: 400;
  color: var(--fe-ink-soft);
}
.users__email[b-zyg2e2ya3k] {
  overflow-wrap: anywhere;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.users__meta[b-zyg2e2ya3k] {
  margin-top: 0.25rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.users__actions[b-zyg2e2ya3k] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.users__more[b-zyg2e2ya3k] {
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
}
@media (min-width: 640px) {
  .users__search[b-zyg2e2ya3k] {
    width: 20rem;
  }
  .users__item[b-zyg2e2ya3k] {
    flex-direction: row;
    align-items: center;
    padding: 1rem 1.25rem;
  }
  .users__actions[b-zyg2e2ya3k] {
    justify-content: flex-end;
  }
}
/* /Ui/Pages/Community/Comments.razor.rz.scp.css */
.comments[b-zohcytp1w0] {
    max-width: 48rem;
}

.comments__list-area[b-zohcytp1w0] {
    margin-top: 1.25rem;
}

.comments__skeletons[b-zohcytp1w0] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.comments__skeletons[b-zohcytp1w0]  .comments__skeleton {
    height: 5rem;
    border-radius: var(--radius-lg);
}

.comments__list-area[b-zohcytp1w0]  .comments__error {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.comments__list[b-zohcytp1w0] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.comment[b-zohcytp1w0] {
    display: flex;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: var(--radius-lg);
    background: var(--fe-surface-low);
}

.comment__body[b-zohcytp1w0] {
    min-width: 0;
    flex: 1 1 0%;
}

.comment__meta[b-zohcytp1w0] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: 0.5rem;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
}

.comment__author[b-zohcytp1w0] {
    font-weight: 600;
    color: var(--fe-ink);
}

.comment__text[b-zohcytp1w0] {
    margin-top: 0.25rem;
    overflow-wrap: break-word;
    white-space: pre-line;
    color: var(--fe-ink);
}

.comment[b-zohcytp1w0]  .comment__menu {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    place-items: center;
    border-radius: var(--radius-pill);
    color: var(--fe-ink-soft);
}

.comment[b-zohcytp1w0]  .comment__menu:hover {
    background: var(--fe-surface-high);
    color: var(--fe-ink);
}

.comments__list-area[b-zohcytp1w0]  .comments__more {
    margin-top: 1rem;
}

.comments__form[b-zohcytp1w0] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.comments__send[b-zohcytp1w0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}
/* /Ui/Pages/Community/CommunityCard.razor.rz.scp.css */
.community-card[b-4yv2t3y79n] {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--radius-lg);
    background: var(--fe-surface);
    color: inherit;
    text-decoration: none;
    transition: transform 150ms var(--ease-out-soft), background-color 150ms;
}

.community-card:hover[b-4yv2t3y79n],
.community-card:focus-visible[b-4yv2t3y79n] {
    transform: translateY(-2px);
}

.community-card:hover[b-4yv2t3y79n] {
    background: var(--fe-surface-low);
}

.community-card__media[b-4yv2t3y79n] {
    position: relative;
}

.community-card__media[b-4yv2t3y79n]  .community-card__cover {
    aspect-ratio: 16 / 10;
}

.community-card__media[b-4yv2t3y79n]  .community-card__translated {
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    background: color-mix(in srgb, var(--fe-surface) 90%, transparent);
    box-shadow: var(--fe-shadow-soft);
    backdrop-filter: blur(8px);
}

.community-card__media[b-4yv2t3y79n]  .community-card__review {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    box-shadow: var(--fe-shadow-soft);
}

.community-card__body[b-4yv2t3y79n] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
}

.community-card__body[b-4yv2t3y79n]  .review-notice--compact {
    padding: 0.75rem;
}

.community-card__title[b-4yv2t3y79n] {
    font-family: var(--font-display);
    font-size: var(--text-lg);
    line-height: 1.25;
    font-weight: 600;
    color: var(--fe-ink);
}

.community-card:hover .community-card__title[b-4yv2t3y79n] {
    color: var(--fe-primary);
}

.community-card__author[b-4yv2t3y79n] {
    margin-top: 0.125rem;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    color: var(--fe-ink-soft);
}

.community-card__counts[b-4yv2t3y79n] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: auto;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    color: var(--fe-ink-soft);
}

.community-card__count[b-4yv2t3y79n] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
}

.community-card__count[b-4yv2t3y79n]  .community-card__liked {
    color: var(--fe-primary);
    fill: var(--fe-primary);
}
/* /Ui/Pages/Community/CommunityFilterPanel.razor.rz.scp.css */
.community-filters[b-riwy15cc47] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-bottom: 0.5rem;
}

.community-filters__heading[b-riwy15cc47] {
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    font-weight: 700;
    color: var(--fe-ink-soft);
}

.community-filters__chips[b-riwy15cc47] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.community-filters__chips--center[b-riwy15cc47] {
    align-items: center;
}
/* /Ui/Pages/Community/CommunityPage.razor.rz.scp.css */
.community__search-row[b-if1ma4e61g] {
    display: flex;
    gap: 0.5rem;
}

.community__search[b-if1ma4e61g] {
    position: relative;
    min-width: 0;
    flex: 1 1 0%;
}

.community__search[b-if1ma4e61g]  .community__search-icon {
    position: absolute;
    top: 50%;
    left: 0.875rem;
    transform: translateY(-50%);
    color: var(--fe-ink-soft);
    pointer-events: none;
}

.community__search[b-if1ma4e61g]  .community__search-input {
    height: 3rem;
    padding-left: 2.5rem;
}

.community__search-row[b-if1ma4e61g]  .community__filters-button {
    height: 3rem;
}

.community__filters-text[b-if1ma4e61g] {
    display: none;
}

.community__filters-count[b-if1ma4e61g] {
    display: grid;
    width: 1.5rem;
    height: 1.5rem;
    place-items: center;
    border-radius: var(--radius-pill);
    background: var(--fe-primary);
    color: var(--fe-on-primary);
    font-size: var(--text-xs);
}

@media (min-width: 640px) {
    .community__filters-text[b-if1ma4e61g] {
        display: inline;
    }
}

.community__options[b-if1ma4e61g] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1rem;
}

.community__sort[b-if1ma4e61g] {
    display: flex;
    gap: 0.5rem;
}

.community__divider[b-if1ma4e61g] {
    display: none;
    width: 1px;
    height: 1.5rem;
    margin: 0 0.25rem;
    background: var(--fe-line);
}

@media (min-width: 640px) {
    .community__divider[b-if1ma4e61g] {
        display: block;
    }
}

.community__active[b-if1ma4e61g] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1rem;
}

.community__results[b-if1ma4e61g] {
    margin-top: 1.5rem;
}

.community__grid[b-if1ma4e61g] {
    display: grid;
    gap: 1.25rem;
}

@media (min-width: 640px) {
    .community__grid[b-if1ma4e61g] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1280px) {
    .community__grid[b-if1ma4e61g] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.community__grid[b-if1ma4e61g]  .community__skeleton {
    height: 20rem;
    border-radius: var(--radius-lg);
}

.community__more[b-if1ma4e61g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    margin-top: 2rem;
}

.community__more[b-if1ma4e61g]  .community__more-spinner {
    width: 1.75rem;
    height: 1.75rem;
    color: var(--fe-primary);
}
/* /Ui/Pages/Community/CommunityRecipePage.razor.rz.scp.css */
article[b-f9avjd9e03]  .community-recipe__review {
    margin-bottom: 1.5rem;
}

.community-recipe__hero[b-f9avjd9e03] {
    display: grid;
    gap: 1.5rem;
}

@media (min-width: 1024px) {
    .community-recipe__hero[b-f9avjd9e03] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
        gap: 2.5rem;
    }
}

.community-recipe__hero[b-f9avjd9e03]  .community-recipe__art {
    aspect-ratio: 4 / 3;
    border-radius: var(--radius-lg);
}

.community-recipe__info[b-f9avjd9e03] {
    display: flex;
    flex-direction: column;
}

.community-recipe__title[b-f9avjd9e03] {
    font-size: var(--text-3xl);
    line-height: 1.25;
    overflow-wrap: break-word;
}

@media (min-width: 640px) {
    .community-recipe__title[b-f9avjd9e03] {
        font-size: 2.75rem;
    }
}

.community-recipe__author[b-f9avjd9e03] {
    margin-top: 0.5rem;
    color: var(--fe-ink-soft);
}

.community-recipe__description[b-f9avjd9e03] {
    max-width: 60ch;
    margin-top: 0.75rem;
    font-size: var(--text-md);
    line-height: var(--leading-md);
    color: var(--fe-ink-soft);
}

.community-recipe__info[b-f9avjd9e03]  .community-recipe__facts {
    margin-top: 1.25rem;
}

.community-recipe__translation[b-f9avjd9e03] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin-top: 1.25rem;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    color: var(--fe-ink-soft);
}

.community-recipe__translation[b-f9avjd9e03]  .community-recipe__translation-icon {
    margin-top: 0.125rem;
}

.community-recipe__toggle[b-f9avjd9e03] {
    font-weight: 600;
    white-space: nowrap;
    color: var(--fe-primary);
    text-underline-offset: 2px;
}

.community-recipe__toggle:hover[b-f9avjd9e03] {
    text-decoration: underline;
}

.community-recipe__actions[b-f9avjd9e03] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-top: auto;
    padding-top: 2rem;
}

.community-recipe__actions[b-f9avjd9e03]  .community-recipe__liked {
    color: var(--fe-primary);
    fill: var(--fe-primary);
}

.community-recipe__actions[b-f9avjd9e03]  .community-recipe__more {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    border: 1px solid var(--fe-line);
    border-radius: var(--radius-pill);
    background: var(--fe-surface);
    color: var(--fe-ink);
}

.community-recipe__actions[b-f9avjd9e03]  .community-recipe__more:hover {
    background: var(--fe-surface-low);
}

.community-recipe__comments[b-f9avjd9e03] {
    margin-top: 3.5rem;
}
/* /Ui/Pages/Community/ReportDialog.razor.rz.scp.css */
.report[b-a07lyz5b1u] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding-bottom: 0.5rem;
}

.report__legend[b-a07lyz5b1u] {
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    font-weight: 600;
}

.report__reasons[b-a07lyz5b1u] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-top: 0.5rem;
}

.report__reason[b-a07lyz5b1u] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 0.75rem;
    border-radius: var(--radius-md);
    cursor: pointer;
}

.report__reason:hover[b-a07lyz5b1u] {
    background: var(--fe-surface-low);
}

.report__reason input[b-a07lyz5b1u] {
    width: 1.125rem;
    height: 1.125rem;
    accent-color: var(--fe-primary);
}

.report__error[b-a07lyz5b1u] {
    margin-top: 0.25rem;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    font-weight: 500;
    color: var(--fe-danger);
}
/* /Ui/Pages/Community/ReviewStatusNotice.razor.rz.scp.css */
.review-notice__reason[b-xflwct48rs] {
    margin-top: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--fe-surface) 70%, transparent);
    color: var(--fe-ink);
}

.review-notice__reason-title[b-xflwct48rs] {
    font-size: var(--text-xs);
    line-height: var(--leading-xs);
    font-weight: 700;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    color: var(--fe-ink-soft);
}

.review-notice__reason-text[b-xflwct48rs] {
    margin-top: 0.25rem;
    overflow-wrap: break-word;
    white-space: pre-line;
}
/* /Ui/Pages/Cooking/CommunityCookingPage.razor.rz.scp.css */
.cooking-page__state[b-3oylqo9x9k] {
  padding: 2rem 1rem;
}
/* /Ui/Pages/Cooking/CookingChecklist.razor.rz.scp.css */
.checklist__item + .checklist__item[b-e7vk3lvvm5] {
  border-top: 1px solid color-mix(in srgb, var(--fe-line) 60%, transparent);
}
.checklist__label[b-e7vk3lvvm5] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.75rem 0;
  cursor: pointer;
}
.checklist--large .checklist__label[b-e7vk3lvvm5] {
  font-size: var(--text-lg);
  line-height: var(--leading-lg);
}
.checklist__box[b-e7vk3lvvm5] {
  display: grid;
  width: 1.75rem;
  height: 1.75rem;
  flex-shrink: 0;
  place-items: center;
  border: 2px solid var(--fe-line-strong);
  border-radius: 7px;
  transition: all 150ms;
}
.checklist__input:focus-visible + .checklist__box[b-e7vk3lvvm5] {
  outline: 3px solid var(--fe-focus);
  outline-offset: 2px;
}
.checklist__item--done .checklist__box[b-e7vk3lvvm5] {
  border-color: var(--fe-olive);
  background: var(--fe-olive);
  color: var(--fe-on-olive);
}
.checklist__name[b-e7vk3lvvm5] {
  min-width: 0;
  flex: 1 1 0%;
}
.checklist__item--done .checklist__name[b-e7vk3lvvm5] {
  color: var(--fe-ink-soft);
  text-decoration: line-through;
}
.checklist__note[b-e7vk3lvvm5] {
  color: var(--fe-ink-soft);
}
.checklist__quantity[b-e7vk3lvvm5] {
  flex-shrink: 0;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.checklist__item--done .checklist__quantity[b-e7vk3lvvm5] {
  color: var(--fe-ink-soft);
}
/* /Ui/Pages/Cooking/CookingMode.razor.rz.scp.css */
.cooking[b-hdpy9xpsxb] {
  position: fixed;
  inset: 0;
  z-index: 40;
  display: flex;
  flex-direction: column;
  background: var(--fe-surface);
  color: var(--fe-ink);
}
.cooking__bar[b-hdpy9xpsxb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
}
.cooking__heading[b-hdpy9xpsxb] {
  min-width: 0;
  flex: 1 1 0%;
}
.cooking__title[b-hdpy9xpsxb] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--font-display);
  font-size: var(--text-lg);
  line-height: var(--leading-lg);
  font-weight: 600;
}
.cooking__counter[b-hdpy9xpsxb] {
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.cooking__bar[b-hdpy9xpsxb]  .cooking__ingredients {
  width: 3.5rem;
  gap: 0;
  padding: 0;
}
.cooking__ingredients-text[b-hdpy9xpsxb] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
.cooking__progress[b-hdpy9xpsxb] {
  height: 0.375rem;
  background: var(--fe-surface-mid);
}
.cooking__progress-bar[b-hdpy9xpsxb] {
  height: 100%;
  border-radius: 0 var(--radius-pill) var(--radius-pill) 0;
  background: var(--fe-primary);
  transition: width 300ms ease-out;
}
.cooking__main[b-hdpy9xpsxb] {
  flex: 1 1 0%;
  overflow-y: auto;
  touch-action: pan-y;
}
.cooking__page[b-hdpy9xpsxb] {
  display: flex;
  min-height: 100%;
  max-width: var(--width-narrow);
  flex-direction: column;
  margin-inline: auto;
  padding: 2rem 1.25rem;
}
.cooking__h1[b-hdpy9xpsxb] {
  font-size: var(--text-3xl);
  line-height: var(--leading-3xl);
  outline: none;
}
.cooking__servings[b-hdpy9xpsxb] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin-top: 1.5rem;
}
.cooking__servings-label[b-hdpy9xpsxb] {
  font-weight: 600;
}
.cooking__hint[b-hdpy9xpsxb] {
  margin-top: 1.5rem;
  color: var(--fe-ink-soft);
}
.cooking__checklist[b-hdpy9xpsxb] {
  margin-top: 0.5rem;
}
.cooking__wake[b-hdpy9xpsxb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1.5rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.cooking__center[b-hdpy9xpsxb] {
  margin-block: auto;
}
.cooking__step-number[b-hdpy9xpsxb] {
  font-size: var(--text-xl);
  line-height: var(--leading-xl);
  color: var(--fe-primary);
  outline: none;
}
.cooking__step[b-hdpy9xpsxb] {
  margin-top: 1rem;
  font-size: 1.625rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--fe-ink);
}
.cooking__done[b-hdpy9xpsxb] {
  text-align: center;
}
.cooking__done-title[b-hdpy9xpsxb] {
  font-size: var(--text-4xl);
  line-height: var(--leading-4xl);
  outline: none;
}
.cooking__done-text[b-hdpy9xpsxb] {
  margin-top: 1rem;
  font-size: var(--text-lg);
  line-height: var(--leading-lg);
  color: var(--fe-ink-soft);
}
.cooking__done[b-hdpy9xpsxb]  .cooking__finish {
  margin-top: 2.5rem;
}
.cooking__footer[b-hdpy9xpsxb] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.75rem 0.75rem max(0.75rem, env(safe-area-inset-bottom));
  border-top: 1px solid color-mix(in srgb, var(--fe-line) 50%, transparent);
}
.cooking__footer[b-hdpy9xpsxb]  .cooking__previous {
  width: 3.5rem;
  gap: 0;
  padding: 0;
}
.cooking__previous-text[b-hdpy9xpsxb] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
.cooking__drawer[b-hdpy9xpsxb] {
  padding-bottom: 1rem;
}
@media (min-width: 640px) {
  .cooking__bar[b-hdpy9xpsxb] {
    padding: 0.75rem 1.5rem;
  }
  .cooking__title[b-hdpy9xpsxb] {
    font-size: var(--text-xl);
    line-height: var(--leading-xl);
  }
  .cooking__bar[b-hdpy9xpsxb]  .cooking__ingredients,
  .cooking__footer[b-hdpy9xpsxb]  .cooking__previous {
    width: auto;
    gap: 0.625rem;
    padding: 0 1.75rem;
  }
  .cooking__ingredients-text[b-hdpy9xpsxb],
  .cooking__previous-text[b-hdpy9xpsxb] {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
  }
  .cooking__page[b-hdpy9xpsxb] {
    padding: 3rem 2rem;
  }
  .cooking__h1[b-hdpy9xpsxb] {
    font-size: var(--text-4xl);
    line-height: var(--leading-4xl);
  }
  .cooking__step-number[b-hdpy9xpsxb] {
    font-size: var(--text-2xl);
    line-height: var(--leading-2xl);
  }
  .cooking__step[b-hdpy9xpsxb] {
    font-size: 2.25rem;
    line-height: 1.38;
  }
  .cooking__done-title[b-hdpy9xpsxb] {
    font-size: var(--text-5xl);
    line-height: var(--leading-5xl);
  }
  .cooking__footer[b-hdpy9xpsxb] {
    padding-inline: 1.5rem;
  }
}
/* /Ui/Pages/Cooking/FamilyCookingPage.razor.rz.scp.css */
.cooking-page__state[b-roppi8lqit] {
  padding: 2rem 1rem;
}
/* /Ui/Pages/Family/AccountPage.razor.rz.scp.css */
.account[b-sgx1jhy44p] {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.account__profile[b-sgx1jhy44p] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.account__email[b-sgx1jhy44p] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--fe-ink-soft);
}
section[b-sgx1jhy44p]  .account__section-header {
  margin-bottom: 1.25rem;
}
.account__fields[b-sgx1jhy44p] {
  display: grid;
  gap: 1.5rem;
}
.card[b-sgx1jhy44p]  .account__switch {
  margin-top: 1.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid color-mix(in srgb, var(--fe-line) 60%, transparent);
}
.card[b-sgx1jhy44p]  .account__switch + .account__switch {
  margin-top: 1.25rem;
}
.account__buttons[b-sgx1jhy44p] {
  display: flex;
  gap: 0.75rem;
  margin-top: 1.5rem;
}
.account__pair[b-sgx1jhy44p] {
  display: grid;
  gap: 1rem;
}
.account__hint[b-sgx1jhy44p] {
  margin-top: 0.25rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.account__measure[b-sgx1jhy44p] {
  max-width: 60ch;
}
.account__public-name[b-sgx1jhy44p] {
  margin-top: 1rem;
  font-family: var(--font-display);
  font-size: var(--text-2xl);
  line-height: var(--leading-2xl);
  font-weight: 600;
  color: var(--fe-ink);
}
.account__public-none[b-sgx1jhy44p] {
  font-family: var(--font-sans);
  font-size: var(--text-base);
  line-height: var(--leading-base);
  font-weight: 400;
  color: var(--fe-ink-soft);
}
.card[b-sgx1jhy44p]  .account__public-button,
.card[b-sgx1jhy44p]  .account__export {
  margin-top: 1rem;
}
.account__none[b-sgx1jhy44p] {
  margin-top: 1rem;
  color: var(--fe-ink-soft);
}
.account__blocks[b-sgx1jhy44p] {
  margin-top: 0.75rem;
}
.account__blocks li[b-sgx1jhy44p] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.625rem 0;
}
.account__blocks li + li[b-sgx1jhy44p] {
  border-top: 1px solid color-mix(in srgb, var(--fe-line) 60%, transparent);
}
.account__blocked-name[b-sgx1jhy44p] {
  font-weight: 500;
}
.account__data[b-sgx1jhy44p] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.account__danger[b-sgx1jhy44p] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
@media (min-width: 768px) {
  .account__fields[b-sgx1jhy44p],
  .account__pair[b-sgx1jhy44p] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* /Ui/Pages/Family/CountryPickerDialog.razor.rz.scp.css */
.country-picker__search[b-ihl540jhss] {
  position: relative;
  display: block;
}
.country-picker__search[b-ihl540jhss]  .country-picker__icon {
  position: absolute;
  top: 50%;
  left: 0.875rem;
  transform: translateY(-50%);
  color: var(--fe-ink-soft);
  pointer-events: none;
}
.country-picker__search[b-ihl540jhss]  .country-picker__input {
  padding-left: 2.5rem;
}
.country-picker__list[b-ihl540jhss] {
  max-height: 50dvh;
  margin-top: 0.75rem;
  overflow-y: auto;
  padding-bottom: 0.5rem;
}
.country-picker__option[b-ihl540jhss] {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 0.75rem;
  border-radius: var(--radius-md);
  text-align: left;
}
.country-picker__option:hover[b-ihl540jhss] {
  background: var(--fe-surface-high);
}
.country-picker__option:disabled[b-ihl540jhss] {
  opacity: 0.4;
}
.country-picker__option--selected[b-ihl540jhss] {
  background: color-mix(in srgb, var(--fe-primary-soft) 60%, transparent);
}
.country-picker__flag[b-ihl540jhss] {
  width: 1.5rem;
  font-size: var(--text-lg);
  text-align: center;
}
.country-picker__name[b-ihl540jhss] {
  flex: 1 1 0%;
}
.country-picker__option[b-ihl540jhss]  .country-picker__check {
  color: var(--fe-primary);
}
.country-picker__none[b-ihl540jhss] {
  padding: 1.5rem 0.75rem;
  text-align: center;
  color: var(--fe-ink-soft);
}
/* /Ui/Pages/Family/EmailInvitationDialog.razor.rz.scp.css */
.email-invitation[b-2teuogiwws] {
  display: grid;
  gap: 1rem;
  padding-bottom: 0.5rem;
}
@media (min-width: 640px) {
  .email-invitation[b-2teuogiwws] {
    grid-template-columns: 1fr 12rem;
  }
  .email-invitation[b-2teuogiwws]  .email-invitation__error {
    grid-column: span 2;
  }
}
/* /Ui/Pages/Family/FamilyHeader.razor.rz.scp.css */
.family-header__tabs[b-vrkzihll77] {
  margin: 0 -0.25rem 2rem;
  padding: 0 0.25rem;
}
/* /Ui/Pages/Family/FamilyInvitations.razor.rz.scp.css */
section[b-tpcbim91o7]  .invitations__notice {
  margin-top: 1.25rem;
}
.invitations__none[b-tpcbim91o7] {
  margin-top: 1.25rem;
  padding: 1.25rem;
  border-radius: var(--radius-lg);
  background: var(--fe-surface-mid);
  color: var(--fe-ink-soft);
}
.invitations__list[b-tpcbim91o7] {
  margin-top: 1.25rem;
  border-radius: var(--radius-lg);
  background: var(--fe-surface);
}
.invitations__item[b-tpcbim91o7] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1.25rem;
  padding: 1rem;
}
.invitations__item + .invitations__item[b-tpcbim91o7] {
  border-top: 1px solid color-mix(in srgb, var(--fe-line) 60%, transparent);
}
.invitations__main[b-tpcbim91o7] {
  min-width: 10rem;
  flex: 1 1 0%;
}
.invitations__code[b-tpcbim91o7] {
  font-family: var(--font-mono);
  font-size: var(--text-lg);
  line-height: var(--leading-lg);
  font-weight: 700;
  letter-spacing: 0.15em;
  color: var(--fe-ink);
}
.invitations__meta[b-tpcbim91o7] {
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.invitations__created[b-tpcbim91o7] {
  padding-bottom: 0.5rem;
}
.invitations__big-code[b-tpcbim91o7] {
  padding: 1.5rem 0;
  border-radius: 20px;
  background: var(--fe-surface-mid);
  font-family: var(--font-mono);
  font-size: var(--text-4xl);
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-align: center;
  color: var(--fe-ink);
}
.invitations__link[b-tpcbim91o7] {
  margin-top: 0.75rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  overflow-wrap: anywhere;
  color: var(--fe-ink-soft);
}
.invitations__created-actions[b-tpcbim91o7] {
  margin-top: 1rem;
}
@media (min-width: 640px) {
  .invitations__item[b-tpcbim91o7] {
    padding: 1rem 1.25rem;
  }
}
/* /Ui/Pages/Family/FamilyMembers.razor.rz.scp.css */
.members__rename[b-xa11cgj2sk] {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.75rem;
}
.members__rename[b-xa11cgj2sk]  .members__name-field {
  min-width: 14rem;
  flex: 1 1 0%;
}
.members__list[b-xa11cgj2sk] {
  margin-top: 1.25rem;
  border-radius: var(--radius-lg);
  background: var(--fe-surface);
}
.members__item[b-xa11cgj2sk] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  padding: 0.875rem 1rem;
}
.members__item + .members__item[b-xa11cgj2sk] {
  border-top: 1px solid color-mix(in srgb, var(--fe-line) 60%, transparent);
}
.members__who[b-xa11cgj2sk] {
  min-width: 0;
  flex: 1 1 0%;
}
.members__name[b-xa11cgj2sk] {
  font-weight: 600;
  color: var(--fe-ink);
}
.members__you[b-xa11cgj2sk] {
  font-weight: 400;
  color: var(--fe-ink-soft);
}
.members__email[b-xa11cgj2sk] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
@media (min-width: 640px) {
  .members__item[b-xa11cgj2sk] {
    padding: 0.875rem 1.25rem;
  }
}
/* /Ui/Pages/Family/FamilyPage.razor.rz.scp.css */
.family-page[b-muw1jzk54r] {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
/* /Ui/Pages/Family/FamilyPeople.razor.rz.scp.css */
.people__loading[b-5w0d0i9m67] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 1.25rem;
}
.people__list[b-5w0d0i9m67] {
  display: grid;
  gap: 0.75rem;
  margin-top: 1.25rem;
}
.people__card[b-5w0d0i9m67] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border-radius: var(--radius-lg);
  background: var(--fe-surface);
  transition: background-color 200ms var(--ease-out-soft);
}
.people__card:hover[b-5w0d0i9m67] {
  background: var(--fe-surface-low);
}
.people__main[b-5w0d0i9m67] {
  min-width: 0;
  flex: 1 1 0%;
}
.people__name[b-5w0d0i9m67] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  color: var(--fe-ink);
}
.people__no-account[b-5w0d0i9m67] {
  font-size: var(--text-xs);
  line-height: var(--leading-xs);
  font-weight: 500;
  color: var(--fe-ink-soft);
}
.people__none[b-5w0d0i9m67] {
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.people__badges[b-5w0d0i9m67] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  margin-top: 0.375rem;
}
.people__card[b-5w0d0i9m67]  .people__chevron {
  flex-shrink: 0;
  color: var(--fe-ink-soft);
}
@media (min-width: 640px) {
  .people__list[b-5w0d0i9m67] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* /Ui/Pages/Family/InvitationShare.razor.rz.scp.css */
.invitation-share[b-ffdvmrq7ok] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
/* /Ui/Pages/Family/PlanPage.razor.rz.scp.css */
.plan-page[b-dt7e7vw207] {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.plan-current[b-dt7e7vw207] {
  overflow: hidden;
}
.plan-current__top[b-dt7e7vw207] {
  display: grid;
  gap: 2rem;
  padding: 1.5rem;
}
.plan-current__label[b-dt7e7vw207] {
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 600;
  color: var(--fe-ink-soft);
}
.plan-current__tier[b-dt7e7vw207] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  margin-top: 0.25rem;
  font-size: var(--text-4xl);
  line-height: var(--leading-4xl);
}
.plan-current__state[b-dt7e7vw207] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  margin-top: 1rem;
  color: var(--fe-ink-soft);
}
.plan-current__payer[b-dt7e7vw207] {
  font-weight: 600;
  color: var(--fe-ink);
}
.plan-current__free[b-dt7e7vw207] {
  max-width: 44ch;
  margin-top: 1rem;
  color: var(--fe-ink-soft);
}
.plan-current__meters[b-dt7e7vw207] {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  align-self: center;
}
.plan-current__hint[b-dt7e7vw207] {
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.plan-meter__head[b-dt7e7vw207] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
}
.plan-meter__label[b-dt7e7vw207] {
  font-weight: 600;
  color: var(--fe-ink);
}
.plan-meter__usage[b-dt7e7vw207] {
  font-variant-numeric: tabular-nums;
  color: var(--fe-ink-soft);
}
.plan-meter__track[b-dt7e7vw207] {
  height: 0.625rem;
  margin-top: 0.5rem;
  overflow: hidden;
  border-radius: var(--radius-pill);
  background: var(--fe-surface-highest);
}
.plan-meter__bar[b-dt7e7vw207] {
  height: 100%;
  border-radius: var(--radius-pill);
  background: var(--fe-olive);
}
.plan-meter__bar--full[b-dt7e7vw207] {
  background: var(--fe-primary);
}
.plan-current__app[b-dt7e7vw207] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
  border-top: 1px solid color-mix(in srgb, var(--fe-line) 60%, transparent);
  background: var(--fe-surface-low);
}
.plan-current__app-text[b-dt7e7vw207] {
  display: flex;
  flex: 1 1 0%;
  gap: 0.75rem;
  color: var(--fe-ink);
}
.plan-current__app-text[b-dt7e7vw207]  .plan-current__phone {
  margin-top: 0.125rem;
  flex-shrink: 0;
  color: var(--fe-primary);
}
.plan-offers[b-dt7e7vw207] {
  display: grid;
  gap: 0.75rem;
  margin-top: 1.25rem;
}
.plan-offer[b-dt7e7vw207] {
  padding: 1.25rem;
  border-radius: var(--radius-lg);
  background: var(--fe-surface);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--fe-line) 60%, transparent);
}
.plan-offer--current[b-dt7e7vw207] {
  box-shadow: 0 0 0 2px var(--fe-primary);
}
.plan-offer__head[b-dt7e7vw207] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.plan-offer__price[b-dt7e7vw207] {
  margin-top: 0.5rem;
}
.plan-offer__amount[b-dt7e7vw207] {
  font-family: var(--font-display);
  font-size: var(--text-2xl);
  line-height: var(--leading-2xl);
  font-weight: 600;
}
.plan-offer__per[b-dt7e7vw207] {
  color: var(--fe-ink-soft);
}
.plan-offer__people[b-dt7e7vw207] {
  margin-top: 0.25rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.plan-compare[b-dt7e7vw207] {
  margin-top: 1.25rem;
  overflow-x: auto;
  border-radius: var(--radius-lg);
}
.plan-compare table[b-dt7e7vw207] {
  width: 100%;
  min-width: 30rem;
  border-collapse: collapse;
  background: var(--fe-surface);
  text-align: left;
}
.plan-compare thead tr[b-dt7e7vw207] {
  background: var(--fe-surface-low);
}
.plan-compare th[b-dt7e7vw207],
.plan-compare td[b-dt7e7vw207] {
  padding: 0.75rem 1rem;
}
.plan-compare thead th:first-child[b-dt7e7vw207] {
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 600;
  color: var(--fe-ink-soft);
}
.plan-compare__plan[b-dt7e7vw207] {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  line-height: var(--leading-lg);
  font-weight: 600;
  text-align: center;
}
.plan-compare__plan--premium[b-dt7e7vw207] {
  color: var(--fe-primary);
}
.plan-compare tbody tr + tr[b-dt7e7vw207] {
  border-top: 1px solid color-mix(in srgb, var(--fe-line) 60%, transparent);
}
.plan-compare tbody th[b-dt7e7vw207] {
  font-weight: 500;
  color: var(--fe-ink);
}
.plan-compare__free[b-dt7e7vw207],
.plan-compare__premium[b-dt7e7vw207] {
  text-align: center;
}
.plan-compare__free[b-dt7e7vw207] {
  color: var(--fe-ink-soft);
}
.plan-compare__premium[b-dt7e7vw207] {
  color: var(--fe-ink);
}
.plan-compare[b-dt7e7vw207]  .plan-compare__yes,
.plan-compare[b-dt7e7vw207]  .plan-compare__no {
  margin: 0 auto;
}
.plan-compare[b-dt7e7vw207]  .plan-compare__yes {
  color: var(--fe-olive);
}
.plan-compare[b-dt7e7vw207]  .plan-compare__no {
  color: var(--fe-ink-soft);
}
@media (min-width: 640px) {
  .plan-current__top[b-dt7e7vw207] {
    padding: 2rem;
  }
  .plan-current__app[b-dt7e7vw207] {
    flex-direction: row;
    align-items: center;
    padding: 2rem;
  }
  .plan-offers[b-dt7e7vw207] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  .plan-current__top[b-dt7e7vw207] {
    grid-template-columns: 1fr 1.1fr;
  }
}
@media (min-width: 1024px) {
  .plan-offers[b-dt7e7vw207] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
/* /Ui/Pages/Family/PreferencesPage.razor.rz.scp.css */
.prefs[b-l4hjs5l7he] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.prefs[b-l4hjs5l7he]  .prefs__name {
  max-width: 28rem;
}
.prefs__hint[b-l4hjs5l7he] {
  margin-top: 0.25rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.prefs__chips[b-l4hjs5l7he] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.prefs__chips--top[b-l4hjs5l7he] {
  margin-top: 1rem;
}
.prefs__chips--country[b-l4hjs5l7he] {
  margin-top: 0.75rem;
}
.prefs__groups[b-l4hjs5l7he] {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-top: 1.25rem;
}
.prefs__group-title[b-l4hjs5l7he] {
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 700;
  color: var(--fe-ink-soft);
}
.taste-chip[b-l4hjs5l7he] {
  display: inline-flex;
  min-height: 2.25rem;
  align-items: center;
  gap: 0.375rem;
  padding: 0 0.875rem;
  border: 1px solid color-mix(in srgb, var(--fe-line-strong) 45%, transparent);
  border-radius: var(--radius-pill);
  background: var(--fe-surface);
  color: var(--fe-ink);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 500;
  transition: border-color 150ms, background-color 150ms;
}
.taste-chip--neutral:hover:not(:disabled)[b-l4hjs5l7he] {
  border-color: var(--fe-line-strong);
  background: var(--fe-surface-low);
}
.taste-chip--liked[b-l4hjs5l7he] {
  border-color: var(--fe-olive);
  background: var(--fe-olive-soft);
  color: var(--fe-on-olive-soft);
}
.taste-chip--disliked[b-l4hjs5l7he] {
  border-color: color-mix(in srgb, var(--fe-danger) 70%, transparent);
  background: var(--fe-danger-soft);
  color: var(--fe-on-danger-soft);
}
.taste-chip:disabled[b-l4hjs5l7he] {
  cursor: not-allowed;
  opacity: 0.6;
}
.taste-chip[b-l4hjs5l7he]  .taste-chip__icon {
  margin-left: -0.125rem;
}
.taste-chip[b-l4hjs5l7he]  .taste-chip__icon--filled {
  fill: currentColor;
}
.prefs__countries[b-l4hjs5l7he] {
  display: grid;
  gap: 1.5rem;
  margin-top: 1.25rem;
}
.prefs__country-title[b-l4hjs5l7he] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 700;
  color: var(--fe-ink);
}
.prefs__country-title[b-l4hjs5l7he]  .prefs__liked {
  color: var(--fe-olive);
}
.prefs__country-title[b-l4hjs5l7he]  .prefs__disliked {
  color: var(--fe-danger);
}
.prefs__avoid[b-l4hjs5l7he] {
  display: flex;
  max-width: 36rem;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: 1rem;
}
.prefs__avoid[b-l4hjs5l7he]  .prefs__avoid-field {
  flex: 1 1 0%;
}
.prefs__avoided[b-l4hjs5l7he] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1rem;
}
.prefs__bar[b-l4hjs5l7he] {
  position: sticky;
  bottom: 5rem;
  z-index: 10;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  margin-top: 2rem;
  padding: 0.5rem;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--fe-surface) 95%, transparent);
  box-shadow: var(--fe-shadow-lift), 0 0 0 1px color-mix(in srgb, var(--fe-line) 60%, transparent);
  backdrop-filter: blur(8px);
}
.prefs__bar[b-l4hjs5l7he]  .prefs__delete {
  margin-left: auto;
}
@media (min-width: 768px) {
  .prefs__countries[b-l4hjs5l7he] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .prefs__bar[b-l4hjs5l7he] {
    bottom: 1rem;
  }
}
/* /Ui/Pages/Family/PublicNameDialog.razor.rz.scp.css */
.public-name[b-vksdyho1ht] {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding-bottom: 0.5rem;
}
.public-name__rules[b-vksdyho1ht] {
  margin-top: -0.75rem;
  margin-left: 2rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
}
/* /Ui/Pages/Friends/AddFriendCard.razor.rz.scp.css */
.add-friend__text[b-5x8p7i17df] {
  margin-top: 0.25rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.add-friend__preview[b-5x8p7i17df] {
  margin-top: 1.25rem;
}
.add-friend__form[b-5x8p7i17df] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 1.25rem;
}
.add-friend__form[b-5x8p7i17df]  .add-friend__field {
  flex: 1 1 0%;
}
.add-friend__form[b-5x8p7i17df]  .add-friend__input {
  font-family: var(--font-mono);
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
@media (min-width: 640px) {
  .add-friend__form[b-5x8p7i17df] {
    flex-direction: row;
    align-items: flex-start;
  }
  .add-friend__form[b-5x8p7i17df]  .add-friend__find {
    margin-top: 1.75rem;
  }
}
/* /Ui/Pages/Friends/BlockedPeople.razor.rz.scp.css */
.blocks__text[b-xc1fug4yr9] {
  margin-top: 0.25rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.blocks__list[b-xc1fug4yr9] {
  margin-top: 0.75rem;
}
.blocks__item[b-xc1fug4yr9] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.625rem 0;
}
.blocks__item + .blocks__item[b-xc1fug4yr9] {
  border-top: 1px solid color-mix(in srgb, var(--fe-line) 60%, transparent);
}
.blocks__name[b-xc1fug4yr9] {
  min-width: 0;
  font-weight: 500;
  overflow-wrap: break-word;
}
/* /Ui/Pages/Friends/FriendCodeCard.razor.rz.scp.css */
.friend-code__text[b-upy8ktpt9e] {
  margin-top: 0.25rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.friend-code__value[b-upy8ktpt9e] {
  margin-top: 1.25rem;
  font-family: var(--font-mono);
  font-size: var(--text-3xl);
  line-height: var(--leading-3xl);
  font-weight: 700;
  letter-spacing: 0.18em;
  overflow-wrap: anywhere;
  color: var(--fe-ink);
}
.friend-code__actions[b-upy8ktpt9e] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1.25rem;
}
.friend-code__link[b-upy8ktpt9e] {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0.375rem;
  margin-top: 0.75rem;
  font-size: var(--text-xs);
  line-height: var(--leading-xs);
  color: var(--fe-ink-soft);
}
.friend-code__link[b-upy8ktpt9e]  .icon {
  flex-shrink: 0;
}
.friend-code__link span[b-upy8ktpt9e] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* /Ui/Pages/Friends/FriendCodePreview.razor.rz.scp.css */
.code-preview__loading[b-c4rqiscobo] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.code-preview[b-c4rqiscobo] {
  padding: 1rem;
  border-radius: var(--radius-lg);
  background: var(--fe-surface-low);
}
.code-preview__label[b-c4rqiscobo] {
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 600;
  color: var(--fe-ink-soft);
}
.code-preview__person[b-c4rqiscobo] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 0.5rem;
}
.code-preview__name[b-c4rqiscobo] {
  min-width: 0;
  font-family: var(--font-display);
  font-size: var(--text-xl);
  line-height: var(--leading-xl);
  font-weight: 600;
  overflow-wrap: break-word;
  color: var(--fe-ink);
}
.code-preview[b-c4rqiscobo]  .code-preview__notice {
  margin-top: 1rem;
}
.code-preview__actions[b-c4rqiscobo] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1rem;
}
/* /Ui/Pages/Friends/FriendList.razor.rz.scp.css */
section[b-kumc4u1wip]  .friend-list__header {
  margin-bottom: 1rem;
}
section[b-kumc4u1wip]  .friend-list__empty {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
section[b-kumc4u1wip]  .friend-list__more {
  width: 2.5rem;
  height: 2.5rem;
}
.friend-list__none[b-kumc4u1wip] {
  margin-top: 0.25rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-style: italic;
  color: var(--fe-ink-soft);
}
.friend-list__prefs[b-kumc4u1wip] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  margin-top: 0.5rem;
}
.friend-list__row[b-kumc4u1wip] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
}
.friend-list__row dt[b-kumc4u1wip] {
  margin-right: 0.125rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 600;
  color: var(--fe-ink-soft);
}
.friend-list__row[b-kumc4u1wip]  .friend-list__chip {
  font-size: var(--text-xs);
  line-height: var(--leading-xs);
}
/* /Ui/Pages/Friends/FriendRequests.razor.rz.scp.css */
.requests[b-rs023j3cx2] {
  display: grid;
  align-items: start;
  gap: 1rem;
}
.requests__incoming[b-rs023j3cx2] {
  box-shadow: 0 0 0 2px var(--fe-accent);
}
.requests__list[b-rs023j3cx2] {
  margin-top: 1rem;
}
@media (min-width: 1024px) {
  .requests--two[b-rs023j3cx2] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* /Ui/Pages/Friends/FriendsHeader.razor.rz.scp.css */
.friends-header__tabs[b-j9fl77w0jy] {
  margin: 0 -0.25rem 2rem;
  padding: 0 0.25rem;
}
.friends-header__count[b-j9fl77w0jy] {
  display: inline-grid;
  min-width: 1.25rem;
  place-items: center;
  padding: 0 0.375rem;
  border-radius: var(--radius-pill);
  background: var(--fe-accent);
  color: var(--fe-on-accent);
  font-size: var(--text-xs);
  line-height: 1.25rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
/* /Ui/Pages/Friends/FriendsPage.razor.rz.scp.css */
.friends-page[b-uwckn8vwo0] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.friends-page__grid[b-uwckn8vwo0] {
  display: grid;
  align-items: start;
  gap: 1.5rem;
}
.friends-page__side[b-uwckn8vwo0],
.friends-page__main[b-uwckn8vwo0] {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.friends-page__side[b-uwckn8vwo0] {
  gap: 1rem;
}
.friends-page__main[b-uwckn8vwo0] {
  gap: 1.5rem;
}
@media (min-width: 1024px) {
  .friends-page__grid[b-uwckn8vwo0] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
    gap: 2rem;
  }
  .friends-page__side[b-uwckn8vwo0] {
    position: sticky;
    top: 6rem;
  }
}
/* /Ui/Pages/Friends/InboxPage.razor.rz.scp.css */
.inbox__loading[b-3y5pivlogp] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.inbox[b-3y5pivlogp] {
  max-width: 48rem;
}
.inbox__list[b-3y5pivlogp] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.share-card[b-3y5pivlogp] {
  display: flex;
  gap: 1rem;
  padding: 0.75rem;
  border-radius: var(--radius-lg);
  background: var(--fe-surface);
  transition: transform 200ms var(--ease-out-soft), background-color 200ms var(--ease-out-soft);
}
.share-card:hover[b-3y5pivlogp] {
  transform: translateY(-1px);
  background: var(--fe-surface-low);
}
.share-card--new[b-3y5pivlogp] {
  box-shadow: 0 0 0 2px var(--fe-accent);
}
.share-card__cover[b-3y5pivlogp] {
  position: relative;
  width: 5rem;
  height: 5rem;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 18px;
}
.share-card__cover[b-3y5pivlogp]  .share-card__art,
.share-card__cover[b-3y5pivlogp]  .share-card__picture {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.share-card__body[b-3y5pivlogp] {
  min-width: 0;
  flex: 1 1 0%;
}
.share-card__badges[b-3y5pivlogp] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem 0.5rem;
}
.share-card__dot[b-3y5pivlogp] {
  width: 0.375rem;
  height: 0.375rem;
  border-radius: var(--radius-pill);
  background: var(--fe-on-accent-soft);
}
.share-card__title[b-3y5pivlogp] {
  margin-top: 0.25rem;
  font-family: var(--font-display);
  font-size: var(--text-lg);
  line-height: 1.25;
  font-weight: 600;
  overflow-wrap: break-word;
  color: var(--fe-ink);
}
.share-card:hover .share-card__title[b-3y5pivlogp] {
  color: var(--fe-primary);
}
.share-card__from[b-3y5pivlogp] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 0.5rem;
  margin-top: 0.25rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.share-card__message[b-3y5pivlogp] {
  display: flex;
  gap: 0.375rem;
  margin-top: 0.5rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink);
}
.share-card__message[b-3y5pivlogp]  .share-card__quote {
  margin-top: 0.125rem;
  flex-shrink: 0;
  color: var(--fe-ink-soft);
}
.share-card__message span[b-3y5pivlogp] {
  display: -webkit-box;
  overflow: hidden;
  overflow-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.inbox[b-3y5pivlogp]  .inbox__more {
  margin-top: 1.5rem;
}
@media (min-width: 640px) {
  .share-card[b-3y5pivlogp] {
    padding: 1rem;
  }
  .share-card__cover[b-3y5pivlogp] {
    width: 6rem;
    height: 6rem;
  }
}
/* /Ui/Pages/Friends/PersonRow.razor.rz.scp.css */
.person-row[b-r39wlcawgd] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.75rem 1rem;
  padding: 1rem 0;
}
.person-row:first-child[b-r39wlcawgd] {
  padding-top: 0;
}
.person-row:last-child[b-r39wlcawgd] {
  padding-bottom: 0;
}
.person-row + .person-row[b-r39wlcawgd] {
  border-top: 1px solid color-mix(in srgb, var(--fe-line) 60%, transparent);
}
.person-row__main[b-r39wlcawgd] {
  min-width: 0;
  flex: 1 1 10rem;
}
.person-row__name[b-r39wlcawgd] {
  font-weight: 600;
  overflow-wrap: break-word;
  color: var(--fe-ink);
}
.person-row__detail[b-r39wlcawgd] {
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.person-row__actions[b-r39wlcawgd] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
/* /Ui/Pages/Friends/PlanShareDialog.razor.rz.scp.css */
.plan-share[b-t05gh1sro8] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-bottom: 0.5rem;
}
.plan-share__group[b-t05gh1sro8] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.plan-share__label[b-t05gh1sro8] {
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 600;
  color: var(--fe-ink);
}
.plan-share__days[b-t05gh1sro8] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.plan-share[b-t05gh1sro8]  .plan-share__other {
  max-width: 14rem;
}
.plan-share__servings[b-t05gh1sro8] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
/* /Ui/Pages/Friends/RecipeFactList.razor.rz.scp.css */
.recipe-facts[b-ltyt2ppb0k] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}
/* /Ui/Pages/Friends/SendToFriendsDialog.razor.rz.scp.css */
.send-friends__recipe[b-jhwxc5dsrk] {
  font-weight: 600;
  color: var(--fe-ink);
}
.send-friends__kind[b-jhwxc5dsrk] {
  display: block;
  margin-top: 0.25rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
}
.send-friends__loading[b-jhwxc5dsrk] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-bottom: 0.5rem;
}
.send-friends__none[b-jhwxc5dsrk] {
  padding-bottom: 0.5rem;
}
.send-friends__none p[b-jhwxc5dsrk] {
  margin-top: 0.25rem;
  color: var(--fe-ink-soft);
}
.send-friends__form[b-jhwxc5dsrk] {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding-bottom: 0.5rem;
}
.send-friends__who[b-jhwxc5dsrk] {
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 700;
  color: var(--fe-ink-soft);
}
.send-friends__chips[b-jhwxc5dsrk] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.send-friends__chips[b-jhwxc5dsrk]  .send-friends__chip {
  max-width: 100%;
}
.send-friends__chips[b-jhwxc5dsrk]  .send-friends__avatar {
  margin-left: -0.5rem;
}
.send-friends__name[b-jhwxc5dsrk] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.send-friends__choose[b-jhwxc5dsrk] {
  margin-top: -0.5rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 500;
  color: var(--fe-danger);
}
/* /Ui/Pages/Friends/SentPage.razor.rz.scp.css */
.sent__loading[b-iag5cnnn48] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.sent[b-iag5cnnn48] {
  max-width: 48rem;
}
.sent__list[b-iag5cnnn48] {
  border-radius: var(--radius-lg);
  background: var(--fe-surface);
}
.sent__item[b-iag5cnnn48] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.5rem 1rem;
  padding: 1rem;
}
.sent__item + .sent__item[b-iag5cnnn48] {
  border-top: 1px solid color-mix(in srgb, var(--fe-line) 60%, transparent);
}
.sent__main[b-iag5cnnn48] {
  min-width: 0;
  flex: 1 1 14rem;
}
.sent__title[b-iag5cnnn48] {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  line-height: 1.25;
  font-weight: 600;
  overflow-wrap: break-word;
  color: var(--fe-ink);
}
.sent__meta[b-iag5cnnn48] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 0.5rem;
  margin-top: 0.125rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.sent__message[b-iag5cnnn48] {
  display: flex;
  gap: 0.375rem;
  margin-top: 0.5rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink);
}
.sent__message[b-iag5cnnn48]  .sent__quote {
  margin-top: 0.125rem;
  flex-shrink: 0;
  color: var(--fe-ink-soft);
}
.sent__message span[b-iag5cnnn48] {
  display: -webkit-box;
  overflow: hidden;
  overflow-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.sent__actions[b-iag5cnnn48] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sent[b-iag5cnnn48]  .sent__more {
  margin-top: 1.5rem;
}
@media (min-width: 640px) {
  .sent__item[b-iag5cnnn48] {
    padding: 1.25rem;
  }
}
/* /Ui/Pages/Friends/SharePage.razor.rz.scp.css */
.share__sender[b-4iq5fv8nae] {
  max-width: 48rem;
  margin-bottom: 2rem;
}
.share__from[b-4iq5fv8nae] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.share__sent-by[b-4iq5fv8nae] {
  font-weight: 600;
  overflow-wrap: break-word;
  color: var(--fe-ink);
}
.share__date[b-4iq5fv8nae] {
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.share__message[b-4iq5fv8nae] {
  margin-top: 1rem;
  padding: 1rem 1.25rem;
  border-radius: var(--radius-lg);
  background: var(--fe-accent-soft);
  color: var(--fe-on-accent-soft);
}
.share__message blockquote[b-4iq5fv8nae] {
  display: flex;
  gap: 0.625rem;
  font-family: var(--font-hand);
  font-size: var(--text-2xl);
  line-height: 1.375;
  overflow-wrap: break-word;
}
.share__message blockquote p[b-4iq5fv8nae] {
  white-space: pre-line;
}
.share__message[b-4iq5fv8nae]  .share__quote {
  margin-top: 0.25rem;
  flex-shrink: 0;
  opacity: 0.7;
}
.share[b-4iq5fv8nae]  .share__notice {
  max-width: 48rem;
  margin-bottom: 2rem;
}
.share__top[b-4iq5fv8nae] {
  display: grid;
  gap: 1.5rem;
}
.share__top[b-4iq5fv8nae]  .share__art {
  aspect-ratio: 4 / 3;
  border-radius: var(--radius-lg);
}
.share__intro[b-4iq5fv8nae] {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.share__title[b-4iq5fv8nae] {
  font-size: var(--text-3xl);
  line-height: 1.15;
  overflow-wrap: break-word;
}
.share__description[b-4iq5fv8nae] {
  max-width: 60ch;
  margin-top: 0.75rem;
  font-size: var(--text-md);
  line-height: var(--leading-md);
  color: var(--fe-ink-soft);
}
.share__intro[b-4iq5fv8nae]  .share__facts {
  margin-top: 1.25rem;
}
.share__translated[b-4iq5fv8nae] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: 1.25rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.share__translated[b-4iq5fv8nae]  .icon {
  margin-top: 0.125rem;
  flex-shrink: 0;
}
.share__actions[b-4iq5fv8nae] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-top: auto;
  padding-top: 2rem;
}
.share__intro[b-4iq5fv8nae]  .share__community {
  margin-top: 0.75rem;
  align-self: flex-start;
}
.share__intro[b-4iq5fv8nae]  .share__error {
  margin-top: 1rem;
}
.share__body[b-4iq5fv8nae] {
  display: grid;
  gap: 2rem;
  margin-top: 2.5rem;
}
.share__ingredients-head[b-4iq5fv8nae] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.share__empty[b-4iq5fv8nae] {
  margin-top: 1rem;
  color: var(--fe-ink-soft);
}
.share__lines[b-4iq5fv8nae] {
  margin-top: 1rem;
}
.share__lines li[b-4iq5fv8nae] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.625rem 0;
}
.share__lines li + li[b-4iq5fv8nae] {
  border-top: 1px solid color-mix(in srgb, var(--fe-line) 70%, transparent);
}
.share__line-name[b-4iq5fv8nae] {
  color: var(--fe-ink);
}
.share__line-note[b-4iq5fv8nae] {
  color: var(--fe-ink-soft);
}
.share__line-quantity[b-4iq5fv8nae] {
  flex-shrink: 0;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--fe-ink);
}
.share__steps[b-4iq5fv8nae] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 1.25rem;
}
.share__steps > li[b-4iq5fv8nae] {
  display: flex;
  gap: 1rem;
}
.share__step-number[b-4iq5fv8nae] {
  display: grid;
  width: 2.25rem;
  height: 2.25rem;
  flex-shrink: 0;
  place-items: center;
  border-radius: var(--radius-pill);
  background: var(--fe-primary-soft);
  color: var(--fe-on-primary-soft);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.share__step[b-4iq5fv8nae] {
  min-width: 0;
  flex: 1 1 0%;
}
.share__step > p[b-4iq5fv8nae] {
  padding-top: 0.25rem;
  font-size: var(--text-md);
  line-height: 1.625;
  color: var(--fe-ink);
}
@media (min-width: 640px) {
  .share__title[b-4iq5fv8nae] {
    font-size: 2.75rem;
  }
}
@media (min-width: 1024px) {
  .share__top[b-4iq5fv8nae] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    gap: 2.5rem;
  }
  .share__body[b-4iq5fv8nae] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
    gap: 3rem;
  }
  .share__ingredients[b-4iq5fv8nae] {
    position: sticky;
    top: 6rem;
  }
}
/* /Ui/Pages/Friends/SlotChoice.razor.rz.scp.css */
.slot-choice[b-ja5bfj4u4w] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.slot-choice__label[b-ja5bfj4u4w] {
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 600;
  color: var(--fe-ink);
}
.slot-choice__options[b-ja5bfj4u4w] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
/* /Ui/Pages/Meals/EatingChips.razor.rz.scp.css */
.eating__title[b-vvnniwnh70] {
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 700;
  color: var(--fe-ink-soft);
}
.eating__chips[b-vvnniwnh70] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
/* /Ui/Pages/Meals/EntryButton.razor.rz.scp.css */
.entry[b-h5vfkwu3gi] {
  display: block;
  width: 100%;
  padding: 0.625rem 0.875rem;
  border-radius: 14px;
  background: var(--fe-surface);
  text-align: left;
  transition: all 200ms;
}
.entry:hover[b-h5vfkwu3gi] {
  transform: translateY(-1px);
  box-shadow: var(--fe-shadow-soft);
}
.entry--text[b-h5vfkwu3gi] {
  background: var(--fe-surface-high);
}
[data-theme='dark'] .entry[b-h5vfkwu3gi] {
  background: var(--fe-surface-high);
}
[data-theme='dark'] .entry--text[b-h5vfkwu3gi] {
  background: var(--fe-surface-highest);
}
.entry--compact[b-h5vfkwu3gi] {
  padding: 0.5rem 0.625rem;
}
.entry__title[b-h5vfkwu3gi] {
  display: block;
  font-size: var(--text-base);
  line-height: 1.375;
  font-weight: 600;
  overflow-wrap: break-word;
  color: var(--fe-ink);
}
.entry--compact .entry__title[b-h5vfkwu3gi] {
  font-size: var(--text-sm);
}
.entry--text .entry__title[b-h5vfkwu3gi] {
  font-style: italic;
}
.entry:hover .entry__title[b-h5vfkwu3gi] {
  color: var(--fe-primary);
}
.entry__meta[b-h5vfkwu3gi] {
  display: block;
  margin-top: 0.125rem;
  font-size: var(--text-xs);
  line-height: var(--leading-xs);
  color: var(--fe-ink-soft);
}
.entry__guests[b-h5vfkwu3gi] {
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
  margin-top: 0.25rem;
  font-size: var(--text-xs);
  line-height: var(--leading-xs);
  font-weight: 500;
  color: var(--fe-on-accent-soft);
}
.entry__guests[b-h5vfkwu3gi]  .icon {
  margin-top: 1px;
}
.entry__guest-names[b-h5vfkwu3gi] {
  min-width: 0;
  overflow-wrap: break-word;
}
/* /Ui/Pages/Meals/GuestsDialog.razor.rz.scp.css */
.guests-dialog[b-b83fq8bejl] {
  padding-bottom: 0.5rem;
}
/* /Ui/Pages/Meals/IdeaCard.razor.rz.scp.css */
.idea[b-63ac8zn9le] {
  position: relative;
  overflow: hidden;
  padding: 1.25rem;
  border-radius: var(--radius-lg);
  background: var(--fe-surface-mid);
}
.idea__title[b-63ac8zn9le] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--text-md);
  line-height: var(--leading-md);
  color: var(--fe-primary);
}
.idea[b-63ac8zn9le]  .idea__summary {
  margin-top: 1rem;
}
.idea__actions[b-63ac8zn9le] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1.25rem;
}
@media (min-width: 640px) {
  .idea[b-63ac8zn9le] {
    padding: 1.5rem;
  }
}
/* /Ui/Pages/Meals/IdeaSkeleton.razor.rz.scp.css */
.idea-skeleton[b-e15smrp2tu] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem;
  border-radius: var(--radius-lg);
  background: var(--fe-surface-mid);
}
.idea-skeleton[b-e15smrp2tu]  .idea-skeleton__photo {
  width: 5rem;
  height: 5rem;
  border-radius: var(--radius-md);
}
.idea-skeleton__lines[b-e15smrp2tu] {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  gap: 0.5rem;
}
.idea-skeleton[b-e15smrp2tu]  .idea-skeleton__line {
  height: 1rem;
}
.idea-skeleton[b-e15smrp2tu]  .idea-skeleton__line--title {
  height: 1.5rem;
}
/* /Ui/Pages/Meals/IdeasSheet.razor.rz.scp.css */
.ideas[b-ms0hfgxd8w] {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding-bottom: 1rem;
}
.ideas__list[b-ms0hfgxd8w] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.ideas[b-ms0hfgxd8w]  .ideas__skeleton {
  height: 7rem;
  border-radius: var(--radius-lg);
}
.ideas__item[b-ms0hfgxd8w] {
  padding: 1rem;
  border: 1px solid color-mix(in srgb, var(--fe-line) 70%, transparent);
  border-radius: var(--radius-lg);
}
.ideas__actions[b-ms0hfgxd8w] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.75rem;
}
.ideas__empty[b-ms0hfgxd8w] {
  padding: 1.5rem 0;
  text-align: center;
  color: var(--fe-ink-soft);
}
.ideas[b-ms0hfgxd8w]  .ideas__retry {
  margin-top: 0.75rem;
}
/* /Ui/Pages/Meals/MealDialog.razor.rz.scp.css */
.meal-form[b-pj2pkqnhad] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-bottom: 0.5rem;
}
.meal-form__what[b-pj2pkqnhad] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.meal-form__kinds[b-pj2pkqnhad] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.meal-form__recipe[b-pj2pkqnhad] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.meal-form__chosen[b-pj2pkqnhad] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-radius: var(--radius-md);
  background: var(--fe-surface-low);
  font-weight: 500;
}
.meal-form__chosen[b-pj2pkqnhad]  .icon {
  color: var(--fe-primary);
}
.meal-form__error[b-pj2pkqnhad] {
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 500;
  color: var(--fe-danger);
}
.meal-form[b-pj2pkqnhad]  .meal-form__skeleton {
  height: 12rem;
  border-radius: var(--radius-md);
}
.meal-form__muted[b-pj2pkqnhad] {
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.meal-form__deleted[b-pj2pkqnhad] {
  margin-top: -0.75rem;
}
.meal-form__link[b-pj2pkqnhad] {
  font-weight: 600;
  color: var(--fe-primary);
  text-underline-offset: 2px;
}
.meal-form__link:hover[b-pj2pkqnhad] {
  text-decoration: underline;
}
.meal-form__servings[b-pj2pkqnhad] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.meal-form__servings-label[b-pj2pkqnhad] {
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 600;
}
.meal-form__links[b-pj2pkqnhad] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.meal-form__footer-start[b-pj2pkqnhad] {
  margin-right: auto;
}
/* /Ui/Pages/Meals/MealsPage.razor.rz.scp.css */
.meals[b-rbjgbcyjb4] {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

/* Tip: tell FamilyEasy what everyone likes. */
.prefs-hint[b-rbjgbcyjb4] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: var(--radius-lg);
  background: var(--fe-olive-soft);
  color: var(--fe-on-olive-soft);
}
.prefs-hint[b-rbjgbcyjb4]  .prefs-hint__icon {
  margin-top: 0.125rem;
}
.prefs-hint__body[b-rbjgbcyjb4] {
  min-width: 0;
  flex: 1 1 0%;
}
.prefs-hint__title[b-rbjgbcyjb4] {
  font-weight: 600;
}
.prefs-hint__text[b-rbjgbcyjb4] {
  margin-top: 0.125rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
}
.prefs-hint__link[b-rbjgbcyjb4] {
  display: inline-block;
  margin-top: 0.5rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.prefs-hint[b-rbjgbcyjb4]  .prefs-hint__dismiss {
  margin: -0.25rem -0.25rem 0 0;
  color: var(--fe-on-olive-soft);
}

/* The week. */
.week[b-rbjgbcyjb4] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.week__bar[b-rbjgbcyjb4] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 0.5rem;
}
.week__title[b-rbjgbcyjb4] {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.5rem;
  margin-right: auto;
  font-size: var(--text-xl);
  line-height: var(--leading-xl);
}
.week__title[b-rbjgbcyjb4]  .icon {
  color: var(--fe-primary);
}
.week__nav[b-rbjgbcyjb4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.week[b-rbjgbcyjb4]  .week__skeleton {
  height: 24rem;
  border-radius: var(--radius-lg);
}
@media (min-width: 640px) {
  .week__title[b-rbjgbcyjb4] {
    width: auto;
  }
}

/* Desktop: Monday–Sunday columns, breakfast/lunch/dinner rows. */
.week-grid[b-rbjgbcyjb4] {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0.375rem;
}
.week-grid__corner[b-rbjgbcyjb4] {
  width: 6rem;
}
.week-grid__day[b-rbjgbcyjb4] {
  padding: 0.5rem 0.75rem;
  border-radius: var(--radius-pill);
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 600;
  text-align: left;
  color: var(--fe-ink-soft);
}
.week-grid__day--today[b-rbjgbcyjb4] {
  background: var(--fe-primary);
  color: var(--fe-on-primary);
}
.week-grid__slot[b-rbjgbcyjb4] {
  padding-right: 0.5rem;
  vertical-align: top;
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 600;
  text-align: left;
  color: var(--fe-ink-soft);
}
.week-grid__slot > span[b-rbjgbcyjb4] {
  display: block;
  padding-top: 0.5rem;
}
.week-grid__cell[b-rbjgbcyjb4] {
  height: 7rem;
  padding: 0.375rem;
  border-radius: 18px;
  vertical-align: top;
  background: color-mix(in srgb, var(--fe-surface-mid) 70%, transparent);
}
.week-grid__cell--today[b-rbjgbcyjb4] {
  background: color-mix(in srgb, var(--fe-primary-soft) 50%, transparent);
}
.week-grid__stack[b-rbjgbcyjb4] {
  display: flex;
  height: 100%;
  flex-direction: column;
  gap: 0.375rem;
}
.week-grid__add[b-rbjgbcyjb4] {
  display: flex;
  margin-top: auto;
}
.week-grid__add[b-rbjgbcyjb4]  .week-grid__add-button {
  margin-inline: auto;
  opacity: 0.7;
}
.week-grid__add[b-rbjgbcyjb4]  .week-grid__add-button:hover {
  opacity: 1;
}

/* Phones and tablets: one card per day. */
.day-list[b-rbjgbcyjb4] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.day-list__day[b-rbjgbcyjb4] {
  padding: 1rem;
  border-radius: 20px;
  background: color-mix(in srgb, var(--fe-surface-mid) 70%, transparent);
}
.day-list__day--today[b-rbjgbcyjb4] {
  background: color-mix(in srgb, var(--fe-primary-soft) 50%, transparent);
}
.day-list__head[b-rbjgbcyjb4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.day-list__title[b-rbjgbcyjb4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--text-md);
  line-height: var(--leading-md);
}
.day-list__nothing[b-rbjgbcyjb4] {
  margin-top: 0.25rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.day-list__meals[b-rbjgbcyjb4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.75rem;
}
.day-list__meal[b-rbjgbcyjb4] {
  display: grid;
  grid-template-columns: 5.5rem 1fr;
  align-items: start;
  gap: 0.75rem;
}
.day-list__slot[b-rbjgbcyjb4] {
  padding-top: 0.625rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 600;
  color: var(--fe-ink-soft);
}
/* /Ui/Pages/Meals/NoteChips.razor.rz.scp.css */
.note-chips[b-525l1mfbf4] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}
.note-chips__item[b-525l1mfbf4] {
  display: inline-flex;
  min-height: 1.75rem;
  align-items: center;
  gap: 0.375rem;
  padding: 0.125rem 0.625rem;
  border-radius: var(--radius-pill);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
}
/* /Ui/Pages/Meals/ProposalMealCard.razor.rz.scp.css */
.proposal-meal[b-kzdcml0kp8] {
  padding: 1rem;
  border: 2px solid transparent;
  border-radius: var(--radius-lg);
  background: var(--fe-surface);
  transition: all 150ms;
}
.proposal-meal--locked[b-kzdcml0kp8] {
  border-color: color-mix(in srgb, var(--fe-primary) 45%, transparent);
}
.proposal-meal--busy[b-kzdcml0kp8] {
  opacity: 0.6;
}
.proposal-meal__head[b-kzdcml0kp8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.proposal-meal__slot[b-kzdcml0kp8] {
  margin-right: auto;
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 600;
  color: var(--fe-ink-soft);
}
.proposal-meal[b-kzdcml0kp8]  .proposal-meal__summary {
  margin-top: 0.75rem;
}
.proposal-meal__none[b-kzdcml0kp8] {
  margin-top: 0.5rem;
  color: var(--fe-ink-soft);
}
.proposal-meal__guests[b-kzdcml0kp8] {
  display: flex;
  align-items: flex-start;
  gap: 0.375rem;
  margin-top: 0.75rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 500;
  color: var(--fe-ink-soft);
}
.proposal-meal__guests[b-kzdcml0kp8]  .icon {
  margin-top: 0.125rem;
  color: var(--fe-primary);
}
.proposal-meal__row[b-kzdcml0kp8] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1rem;
  margin-top: 1rem;
}
.proposal-meal__row[b-kzdcml0kp8]  .proposal-meal__another {
  margin-left: auto;
}
.proposal-meal__alternatives[b-kzdcml0kp8] {
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid color-mix(in srgb, var(--fe-line) 60%, transparent);
}
.proposal-meal__alternatives-title[b-kzdcml0kp8] {
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 600;
  color: var(--fe-ink-soft);
}
.proposal-meal__alternatives-list[b-kzdcml0kp8] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.proposal-meal__alternatives-list > li[b-kzdcml0kp8] {
  max-width: 100%;
}
.proposal-meal__swap[b-kzdcml0kp8] {
  display: inline-flex;
  min-height: 2.25rem;
  max-width: 100%;
  align-items: center;
  gap: 0.375rem;
  padding: 0 0.875rem;
  border: 1px solid var(--fe-line);
  border-radius: var(--radius-pill);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  text-align: left;
  transition: all 150ms;
}
.proposal-meal__swap:hover[b-kzdcml0kp8] {
  border-color: color-mix(in srgb, var(--fe-line-strong) 60%, transparent);
  background: var(--fe-surface-low);
}
.proposal-meal__swap[b-kzdcml0kp8]  .icon {
  color: var(--fe-ink-soft);
}
.proposal-meal__swap-title[b-kzdcml0kp8] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 640px) {
  .proposal-meal[b-kzdcml0kp8] {
    padding: 1.25rem;
  }
}
/* /Ui/Pages/Meals/RecipePicker.razor.rz.scp.css */
.picker[b-x220xqo0jo] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.picker__none[b-x220xqo0jo] {
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.picker__none--match[b-x220xqo0jo] {
  padding: 0.75rem 0;
}
.picker__search[b-x220xqo0jo] {
  position: relative;
  display: block;
}
.picker__search[b-x220xqo0jo]  > .icon {
  position: absolute;
  top: 50%;
  left: 0.875rem;
  transform: translateY(-50%);
  color: var(--fe-ink-soft);
  pointer-events: none;
}
.picker__search[b-x220xqo0jo]  .picker__input {
  border-radius: var(--radius-pill);
  padding-left: 2.5rem;
}
.picker__filters[b-x220xqo0jo] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.picker__filters[b-x220xqo0jo]  .picker__chip {
  display: inline-flex;
  min-height: 2.25rem;
  align-items: center;
  gap: 0.375rem;
  padding: 0 0.875rem;
  border: 1px solid color-mix(in srgb, var(--fe-line-strong) 45%, transparent);
  border-radius: var(--radius-pill);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 500;
  transition: all 150ms;
}
.picker__filters[b-x220xqo0jo]  .picker__chip:hover {
  background: var(--fe-surface-low);
}
.picker__filters[b-x220xqo0jo]  .picker__chip--on {
  border-color: var(--fe-primary);
  background: var(--fe-primary-soft);
  color: var(--fe-on-primary-soft);
}
.picker__filters[b-x220xqo0jo]  .picker__chip--on:hover {
  background: var(--fe-primary-soft);
}
.picker__option[b-x220xqo0jo] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  border-radius: var(--radius-sm);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  cursor: pointer;
}
.picker__option:hover[b-x220xqo0jo] {
  background: var(--fe-surface-high);
}
.picker__option input[b-x220xqo0jo] {
  width: 1.125rem;
  height: 1.125rem;
  accent-color: var(--fe-primary);
}
.picker__list[b-x220xqo0jo] {
  max-height: 18rem;
  overflow-y: auto;
  border: 1px solid color-mix(in srgb, var(--fe-line) 60%, transparent);
  border-radius: var(--radius-md);
}
.picker__list > li + li[b-x220xqo0jo] {
  border-top: 1px solid color-mix(in srgb, var(--fe-line) 60%, transparent);
}
.picker__recipe[b-x220xqo0jo] {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  text-align: left;
  transition: all 150ms;
}
.picker__recipe:hover[b-x220xqo0jo] {
  background: var(--fe-surface-low);
}
.picker__recipe--selected[b-x220xqo0jo],
.picker__recipe--selected:hover[b-x220xqo0jo] {
  background: var(--fe-primary-soft);
  color: var(--fe-on-primary-soft);
}
.picker__recipe-text[b-x220xqo0jo] {
  min-width: 0;
  flex: 1 1 0%;
}
.picker__recipe-title[b-x220xqo0jo] {
  display: block;
  font-weight: 500;
}
.picker__recipe-details[b-x220xqo0jo] {
  display: block;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.picker__recipe[b-x220xqo0jo]  .picker__check {
  color: var(--fe-primary);
}
/* /Ui/Pages/Meals/SlotChoice.razor.rz.scp.css */
.slot-choice[b-rvg3vjt6ee] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.slot-choice__title[b-rvg3vjt6ee] {
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 600;
  color: var(--fe-ink);
}
.slot-choice__chips[b-rvg3vjt6ee] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
/* /Ui/Pages/Meals/SuggestionPhoto.razor.rz.scp.css */
.suggestion-photo[b-vsfe9xtybi] {
  position: relative;
  overflow: hidden;
}
.suggestion-photo[b-vsfe9xtybi]  .suggestion-photo__art,
.suggestion-photo[b-vsfe9xtybi]  .suggestion-photo__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.suggestion-photo[b-vsfe9xtybi]  .suggestion-photo__img {
  object-fit: cover;
}
/* /Ui/Pages/Meals/SuggestionSettingsDialog.razor.rz.scp.css */
.settings-form[b-kvqsawqa24] {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding-bottom: 0.5rem;
}
.settings-form__buttons[b-kvqsawqa24] {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding-top: 0.5rem;
}
.settings-form__failed[b-kvqsawqa24] {
  padding: 1.5rem 0;
  text-align: center;
}
.settings-form__failed[b-kvqsawqa24]  .settings-form__retry {
  margin-top: 0.75rem;
}
.settings-form__loading[b-kvqsawqa24] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-bottom: 1rem;
}
.settings-form__loading[b-kvqsawqa24]  .settings-form__skeleton {
  height: 4rem;
}
/* /Ui/Pages/Meals/SuggestionSummary.razor.rz.scp.css */
.suggestion[b-0mkmh4285b] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.suggestion__head[b-0mkmh4285b] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.suggestion[b-0mkmh4285b]  .suggestion__photo {
  flex-shrink: 0;
  width: 4rem;
  height: 4rem;
  border-radius: 18px;
}
.suggestion--lg[b-0mkmh4285b]  .suggestion__photo {
  width: 6rem;
  height: 6rem;
  border-radius: 20px;
}
.suggestion__text[b-0mkmh4285b] {
  min-width: 0;
}
.suggestion__title[b-0mkmh4285b] {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: var(--text-lg);
  line-height: 1.25;
  overflow-wrap: break-word;
  color: var(--fe-ink);
}
.suggestion--lg .suggestion__title[b-0mkmh4285b] {
  font-size: var(--text-xl);
}
.suggestion__meta[b-0mkmh4285b] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.125rem 0.75rem;
  margin-top: 0.25rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.suggestion__time[b-0mkmh4285b] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
@media (min-width: 640px) {
  .suggestion[b-0mkmh4285b]  .suggestion__photo {
    width: 5rem;
    height: 5rem;
  }
  .suggestion--lg[b-0mkmh4285b]  .suggestion__photo {
    width: 7rem;
    height: 7rem;
  }
  .suggestion--lg .suggestion__title[b-0mkmh4285b] {
    font-size: var(--text-2xl);
  }
}
/* /Ui/Pages/Meals/Unavailable.razor.rz.scp.css */
.idea-unavailable[b-n8sab12hky] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-radius: var(--radius-lg);
  background: var(--fe-surface-low);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.idea-unavailable__text[b-n8sab12hky] {
  flex: 1 1 0%;
}
/* /Ui/Pages/Meals/UntaggedHint.razor.rz.scp.css */
.untagged-hint[b-bxzmewa4ed] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-radius: 20px;
  background: var(--fe-honey-soft);
  color: var(--fe-on-honey-soft);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  transition: filter 150ms;
}
.untagged-hint:hover[b-bxzmewa4ed] {
  filter: brightness(0.98);
}
.untagged-hint__text[b-bxzmewa4ed] {
  flex: 1 1 0%;
}
.untagged-hint__action[b-bxzmewa4ed] {
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}
/* /Ui/Pages/Meals/WeekProposalPage.razor.rz.scp.css */
.proposal-options[b-ol06uis1eo] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.proposal-options__card[b-ol06uis1eo] {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  padding: 1.25rem;
}
.proposal-options__week[b-ol06uis1eo] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.proposal-options__range[b-ol06uis1eo] {
  margin-right: auto;
  font-size: var(--text-xl);
  line-height: var(--leading-xl);
}
.proposal-options__label[b-ol06uis1eo] {
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 700;
  color: var(--fe-ink-soft);
}
.proposal-options__chips[b-ol06uis1eo] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.proposal-options__error[b-ol06uis1eo] {
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 500;
  color: var(--fe-danger);
}
.proposal-preparing[b-ol06uis1eo] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 1.5rem;
}
.proposal-preparing[b-ol06uis1eo]  .proposal-preparing__skeleton {
  height: 8rem;
  border-radius: var(--radius-lg);
}
@media (min-width: 640px) {
  .proposal-options__card[b-ol06uis1eo] {
    padding: 1.75rem;
  }
}

.proposal[b-ol06uis1eo] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-bottom: 6rem;
}
.proposal__tools[b-ol06uis1eo] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.proposal__days[b-ol06uis1eo] {
  display: grid;
  align-items: start;
  gap: 2rem 1.25rem;
}
.proposal__day[b-ol06uis1eo] {
  font-size: var(--text-xl);
  line-height: var(--leading-xl);
}
.proposal__meals[b-ol06uis1eo] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 0.75rem;
}
.proposal__bar[b-ol06uis1eo] {
  position: sticky;
  bottom: 5rem;
  z-index: 20;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem;
  border-radius: var(--radius-xl);
  background: color-mix(in srgb, var(--fe-surface) 95%, transparent);
  box-shadow: var(--fe-shadow-lift), 0 0 0 1px color-mix(in srgb, var(--fe-line) 60%, transparent);
  backdrop-filter: blur(8px);
}
.proposal__summary[b-ol06uis1eo] {
  padding: 0 0.25rem;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 600;
  color: var(--fe-ink-soft);
}
.proposal__bar[b-ol06uis1eo]  .proposal__apply {
  width: 100%;
}
@media (min-width: 640px) {
  .proposal__bar[b-ol06uis1eo] {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.5rem 0.5rem 0.5rem 1.5rem;
    border-radius: var(--radius-pill);
  }
  .proposal__summary[b-ol06uis1eo] {
    padding: 0;
  }
  .proposal__bar[b-ol06uis1eo]  .proposal__apply {
    width: auto;
  }
}
@media (min-width: 768px) {
  .proposal__days[b-ol06uis1eo] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .proposal__bar[b-ol06uis1eo] {
    bottom: 1.5rem;
  }
}
@media (min-width: 1280px) {
  .proposal__days[b-ol06uis1eo] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
/* /Ui/Pages/Public/CodeCard.razor.rz.scp.css */
.code-card[b-i3nkdlvebu] {
    max-width: 42rem;
    margin: 0 auto;
    overflow: hidden;
}

.code-card__art[b-i3nkdlvebu] {
    display: grid;
    place-items: center;
    padding: 2.5rem 1.5rem 1.5rem;
    background: var(--fe-surface-mid);
}

.code-card__still[b-i3nkdlvebu] {
    position: relative;
    display: grid;
    width: 14rem;
    place-items: center;
}

.code-card__pebble[b-i3nkdlvebu] {
    position: absolute;
    inset: -0.75rem 0;
}

[data-theme='dark'] .code-card__pebble.bg-accent-soft[b-i3nkdlvebu] {
    opacity: 0.6;
}

.code-card__still[b-i3nkdlvebu]  .code-card__table {
    position: relative;
    width: 11rem;
    height: auto;
}

.code-card__body[b-i3nkdlvebu] {
    padding: 1.5rem;
}

.code-card__app[b-i3nkdlvebu] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 2.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid color-mix(in srgb, var(--fe-line) 50%, transparent);
}

.code-card__hint[b-i3nkdlvebu] {
    display: flex;
    flex: 1 1 0%;
    gap: 0.5rem;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    color: var(--fe-ink-soft);
}

.code-card__hint[b-i3nkdlvebu]  .code-card__hint-icon {
    margin-top: 0.125rem;
}

@media (min-width: 640px) {
    .code-card__body[b-i3nkdlvebu] {
        padding: 2.5rem;
    }

    .code-card__app[b-i3nkdlvebu] {
        flex-direction: row;
        align-items: center;
    }
}
/* /Ui/Pages/Public/Home/FeatureMock.razor.rz.scp.css */
.mock-frame[b-yjov6sbwmb] {
    max-width: 24rem;
    padding: 1rem;
    border-radius: 20px;
    background: var(--fe-surface);
    box-shadow: var(--fe-shadow-soft);
}

[data-theme='dark'] .mock-frame[b-yjov6sbwmb],
[data-theme='dark'] .mock-card[b-yjov6sbwmb] {
    box-shadow: 0 0 0 1px var(--fe-line);
}

.mock-frame--roomy[b-yjov6sbwmb] {
    padding: 1.25rem;
}

.mock-chips[b-yjov6sbwmb] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.mock-chip[b-yjov6sbwmb] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.375rem 0.75rem;
    border: 1px solid var(--fe-line);
    border-radius: var(--radius-pill);
    background: var(--fe-surface);
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    font-weight: 500;
    color: var(--fe-ink);
}

.mock-chip--on[b-yjov6sbwmb] {
    border-color: color-mix(in srgb, var(--fe-primary) 30%, transparent);
    background: var(--fe-primary-soft);
    color: var(--fe-on-primary-soft);
}

.mock-chip--plain[b-yjov6sbwmb] {
    font-weight: 400;
}

.mock-cards[b-yjov6sbwmb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 1.25rem;
}

.mock-card[b-yjov6sbwmb] {
    overflow: hidden;
    border-radius: 18px;
    background: var(--fe-surface);
}

[b-yjov6sbwmb] .mock-card__art {
    height: 5rem;
}

.mock-card__body[b-yjov6sbwmb] {
    padding: 0.75rem;
}

.mock-card__title[b-yjov6sbwmb] {
    font-family: var(--font-display);
    line-height: 1.25;
    font-weight: 600;
    color: var(--fe-ink);
}

.mock-card__meta[b-yjov6sbwmb] {
    margin-top: 0.25rem;
    font-size: var(--text-xs);
    line-height: var(--leading-xs);
    color: var(--fe-ink-soft);
}

.mock-kicker[b-yjov6sbwmb] {
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    font-weight: 600;
    color: var(--fe-ink-soft);
}

.mock-kicker--primary[b-yjov6sbwmb] {
    font-family: var(--font-display);
    font-size: var(--text-md);
    line-height: var(--leading-md);
    color: var(--fe-primary);
}

.mock-title[b-yjov6sbwmb] {
    margin-top: 0.25rem;
    font-family: var(--font-display);
    font-size: var(--text-xl);
    line-height: var(--leading-xl);
    font-weight: 600;
    color: var(--fe-ink);
}

.mock-frame > .mock-title:first-child[b-yjov6sbwmb] {
    margin-top: 0;
}

.mock-reasons[b-yjov6sbwmb] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    margin-top: 0.75rem;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
}

.mock-reason[b-yjov6sbwmb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.mock-reason--good[b-yjov6sbwmb] {
    color: var(--fe-on-olive-soft);
}

.mock-reason--warn[b-yjov6sbwmb] {
    color: var(--fe-on-honey-soft);
}

[data-theme='dark'] .mock-reason--good[b-yjov6sbwmb] {
    color: var(--fe-on-olive-soft);
}

.mock-dot[b-yjov6sbwmb] {
    display: grid;
    width: 1.25rem;
    height: 1.25rem;
    place-items: center;
    border-radius: var(--radius-pill);
}

.mock-aisle[b-yjov6sbwmb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.mock-aisle__name[b-yjov6sbwmb] {
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    font-weight: 700;
    color: var(--fe-ink);
}

.mock-offline[b-yjov6sbwmb] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.625rem;
    border-radius: var(--radius-pill);
    font-size: var(--text-xs);
    line-height: var(--leading-xs);
    font-weight: 600;
}

.mock-items[b-yjov6sbwmb] {
    margin-top: 0.75rem;
}

.mock-item[b-yjov6sbwmb] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0;
}

.mock-item + .mock-item[b-yjov6sbwmb] {
    border-top: 1px solid color-mix(in srgb, var(--fe-line) 60%, transparent);
}

.mock-box[b-yjov6sbwmb] {
    display: grid;
    width: 1.25rem;
    height: 1.25rem;
    place-items: center;
    border: 2px solid var(--fe-line-strong);
    border-radius: var(--radius-sm);
}

.mock-box--done[b-yjov6sbwmb] {
    border-color: var(--fe-olive);
    background: var(--fe-olive);
    color: var(--fe-on-olive);
}

.mock-item__name[b-yjov6sbwmb] {
    flex: 1 1 0%;
}

.mock-item__name--done[b-yjov6sbwmb] {
    color: var(--fe-ink-soft);
    text-decoration: line-through;
}

.mock-item__qty[b-yjov6sbwmb] {
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    color: var(--fe-ink-soft);
    font-variant-numeric: tabular-nums;
}

.mock-step[b-yjov6sbwmb] {
    margin-top: 0.5rem;
    font-size: var(--text-xl);
    line-height: 1.375;
    font-weight: 500;
    color: var(--fe-ink);
}

.mock-progress[b-yjov6sbwmb] {
    height: 0.375rem;
    margin-top: 1rem;
    border-radius: var(--radius-pill);
    background: var(--fe-surface-mid);
}

.mock-progress > div[b-yjov6sbwmb] {
    width: 60%;
    height: 100%;
    border-radius: var(--radius-pill);
    background: var(--fe-primary);
}

.mock-author[b-yjov6sbwmb] {
    margin-top: 0.25rem;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    color: var(--fe-ink-soft);
}

.mock-translated[b-yjov6sbwmb] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    margin-top: 0.75rem;
    padding: 0.25rem 0.625rem;
    border-radius: var(--radius-pill);
    background: var(--fe-surface-mid);
    font-size: var(--text-xs);
    line-height: var(--leading-xs);
    font-weight: 600;
    color: var(--fe-ink-soft);
}

.mock-people[b-yjov6sbwmb] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.mock-person[b-yjov6sbwmb] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.mock-person__name[b-yjov6sbwmb] {
    flex: 1 1 0%;
    font-weight: 600;
    color: var(--fe-ink);
}

.mock-person__note[b-yjov6sbwmb] {
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    color: var(--fe-ink-soft);
}

.mock-invite[b-yjov6sbwmb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    color: var(--fe-primary);
}
/* /Ui/Pages/Public/Home/HeroScene.razor.rz.scp.css */
.scene[b-bme5ezq4w8] {
    position: relative;
    width: 100%;
    max-width: 34rem;
    margin: 0 auto;
    padding: 2rem 0.75rem;
    user-select: none;
}

.scene__pebble[b-bme5ezq4w8] {
    position: absolute;
    inset: 0;
    background: var(--fe-surface-high);
}

.scene__card[b-bme5ezq4w8] {
    position: relative;
    background: var(--fe-surface);
    box-shadow: var(--fe-shadow-soft);
}

[data-theme='dark'] .scene__card[b-bme5ezq4w8] {
    box-shadow: 0 0 0 1px var(--fe-line);
}

@media (prefers-reduced-motion: no-preference) {
    .scene__card[b-bme5ezq4w8] {
        animation: fe-pop-in 220ms var(--ease-out-soft) both;
    }
}

.scene__idea[b-bme5ezq4w8] {
    z-index: 10;
    width: 92%;
    margin-left: auto;
    padding: 1.25rem;
    border-radius: 2rem;
}

.scene__kicker[b-bme5ezq4w8] {
    font-family: var(--font-display);
    font-size: var(--text-md);
    line-height: var(--leading-md);
    font-weight: 600;
    color: var(--fe-primary);
}

.scene__idea-row[b-bme5ezq4w8] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 0.75rem;
}

.scene__dish[b-bme5ezq4w8] {
    display: grid;
    width: 4rem;
    height: 4rem;
    flex-shrink: 0;
    place-items: center;
    background: var(--fe-honey-soft);
}

.scene__lasagne[b-bme5ezq4w8] {
    width: 2.75rem;
    height: 2.75rem;
}

.scene__dish-title[b-bme5ezq4w8] {
    font-family: var(--font-display);
    font-size: var(--text-xl);
    line-height: 1.25;
    font-weight: 600;
    hyphens: auto;
    color: var(--fe-ink);
}

.scene__dish-meta[b-bme5ezq4w8] {
    margin-top: 0.25rem;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    color: var(--fe-ink-soft);
}

.scene__chips[b-bme5ezq4w8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin-top: 1rem;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
}

.scene__chip[b-bme5ezq4w8] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.625rem;
    border-radius: var(--radius-pill);
}

.scene__plan[b-bme5ezq4w8] {
    display: flex;
    height: 3rem;
    margin-top: 1.25rem;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-radius: var(--radius-pill);
    background: var(--fe-primary);
    font-weight: 600;
    color: var(--fe-on-primary);
}

.scene__week[b-bme5ezq4w8] {
    width: 84%;
    margin-top: -1rem;
    padding: 2rem 1.25rem 1rem;
    border-radius: 1.75rem;
    animation-delay: 120ms;
}

.scene__week-head[b-bme5ezq4w8] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
}

.scene__week-title[b-bme5ezq4w8] {
    font-family: var(--font-display);
    font-size: var(--text-lg);
    line-height: var(--leading-lg);
    font-weight: 600;
    color: var(--fe-ink);
}

.scene__week-meal[b-bme5ezq4w8] {
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    color: var(--fe-ink-soft);
}

.scene__days[b-bme5ezq4w8] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-top: 0.5rem;
}

.scene__day[b-bme5ezq4w8] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.375rem 0.75rem;
    border-radius: var(--radius-pill);
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    color: var(--fe-ink);
}

.scene__day--today[b-bme5ezq4w8] {
    background: var(--fe-primary-soft);
    color: var(--fe-on-primary-soft);
}

.scene__day-name[b-bme5ezq4w8] {
    text-transform: capitalize;
    color: var(--fe-ink-soft);
}

.scene__day--today .scene__day-name[b-bme5ezq4w8] {
    font-weight: 600;
    color: inherit;
}

.scene__day-dinner[b-bme5ezq4w8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
}

@media (min-width: 640px) {
    .scene[b-bme5ezq4w8] {
        padding: 2.5rem 1.5rem;
    }

    .scene__pebble[b-bme5ezq4w8] {
        left: -1rem;
        right: -1rem;
    }

    .scene__idea[b-bme5ezq4w8] {
        width: 23rem;
        padding: 1.5rem;
    }

    .scene__dish[b-bme5ezq4w8] {
        width: 5.5rem;
        height: 5.5rem;
    }

    .scene__lasagne[b-bme5ezq4w8] {
        width: 3.5rem;
        height: 3.5rem;
    }

    .scene__dish-title[b-bme5ezq4w8] {
        font-size: var(--text-2xl);
    }

    .scene__week[b-bme5ezq4w8] {
        width: 19rem;
        margin-top: -1.5rem;
    }
}
/* /Ui/Pages/Public/Home/HomePage.razor.rz.scp.css */
.home[b-uibg0m1kib] {
    display: flex;
    min-height: 100dvh;
    flex-direction: column;
}

.home__main[b-uibg0m1kib] {
    flex: 1 1 0%;
    outline: none;
}

.home__container[b-uibg0m1kib] {
    max-width: var(--width-page);
    margin: 0 auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

.home__h2[b-uibg0m1kib] {
    font-size: var(--text-3xl);
    line-height: var(--leading-3xl);
}

/* ---- Hero ---- */
.hero[b-uibg0m1kib] {
    display: grid;
    max-width: var(--width-page);
    margin: 0 auto;
    align-items: center;
    gap: 2.5rem;
    padding: 2.5rem 1rem 4rem;
}

[b-uibg0m1kib] .hero__logo {
    display: none;
    height: 4rem;
    width: auto;
}

.hero__title[b-uibg0m1kib] {
    font-size: 2.4rem;
    line-height: 1.08;
}

.hero__text[b-uibg0m1kib] {
    max-width: 42ch;
    margin-top: 1.25rem;
    font-size: var(--text-lg);
    line-height: var(--leading-lg);
    color: var(--fe-ink-soft);
}

.hero__actions[b-uibg0m1kib] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    margin-top: 2rem;
}

.hero__free[b-uibg0m1kib] {
    margin-top: 1.25rem;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    color: var(--fe-ink-soft);
}

/* ---- How it works ---- */
.how[b-uibg0m1kib] {
    padding: 4rem 0;
    background: var(--fe-surface);
}

.how__steps[b-uibg0m1kib] {
    position: relative;
    display: grid;
    gap: 2.5rem;
    margin-top: 2.5rem;
}

.how__line[b-uibg0m1kib] {
    position: absolute;
    top: 1.75rem;
    left: 16%;
    right: 16%;
    display: none;
    border-top: 2px dashed var(--fe-line);
}

.how__step[b-uibg0m1kib] {
    position: relative;
}

.how__number[b-uibg0m1kib] {
    position: relative;
    display: grid;
    width: 3.5rem;
    height: 3.5rem;
    place-items: center;
    border-radius: var(--radius-pill);
    background: var(--fe-primary-soft);
    box-shadow: 0 0 0 8px var(--fe-surface);
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    line-height: var(--leading-2xl);
    font-weight: 600;
    color: var(--fe-on-primary-soft);
}

.how__title[b-uibg0m1kib] {
    margin-top: 1.25rem;
    font-size: var(--text-xl);
    line-height: var(--leading-xl);
}

.how__text[b-uibg0m1kib] {
    max-width: 36ch;
    margin-top: 0.5rem;
    color: var(--fe-ink-soft);
}

/* ---- Features ---- */
.features[b-uibg0m1kib] {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.features__title[b-uibg0m1kib] {
    max-width: 22ch;
}

.features__grid[b-uibg0m1kib] {
    display: grid;
    gap: 1.25rem;
    margin-top: 2.5rem;
}

.feature[b-uibg0m1kib] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2rem;
    padding: 1.5rem;
    border-radius: var(--radius-lg);
}

.feature--mint[b-uibg0m1kib] {
    background: var(--fe-surface-mid);
}

.feature--basil[b-uibg0m1kib] {
    background: color-mix(in srgb, var(--fe-primary-soft) 60%, transparent);
}

.feature--butter[b-uibg0m1kib] {
    background: color-mix(in srgb, var(--fe-honey-soft) 70%, transparent);
}

.feature--leaf[b-uibg0m1kib] {
    background: color-mix(in srgb, var(--fe-olive-soft) 70%, transparent);
}

.feature--high[b-uibg0m1kib] {
    background: color-mix(in srgb, var(--fe-surface-high) 70%, transparent);
}

[data-theme='dark'] .feature--basil[b-uibg0m1kib] {
    background: color-mix(in srgb, var(--fe-primary-soft) 45%, transparent);
}

[data-theme='dark'] .feature--butter[b-uibg0m1kib] {
    background: color-mix(in srgb, var(--fe-honey-soft) 45%, transparent);
}

[data-theme='dark'] .feature--leaf[b-uibg0m1kib] {
    background: color-mix(in srgb, var(--fe-olive-soft) 50%, transparent);
}

.feature__title[b-uibg0m1kib] {
    font-size: var(--text-xl);
    line-height: var(--leading-xl);
}

.feature__text[b-uibg0m1kib] {
    max-width: 52ch;
    margin-top: 0.5rem;
    color: var(--fe-ink-soft);
}

/* ---- Plans ---- */
.plans[b-uibg0m1kib] {
    padding: 4rem 0;
}

.plans__text[b-uibg0m1kib] {
    max-width: 60ch;
    margin-top: 0.75rem;
    font-size: var(--text-md);
    line-height: var(--leading-md);
    color: var(--fe-ink-soft);
}

.plans__grid[b-uibg0m1kib] {
    display: grid;
    gap: 1.25rem;
    margin-top: 2.5rem;
}

.plans__note[b-uibg0m1kib] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    margin-top: 2rem;
    padding: 1.25rem;
    border-radius: var(--radius-lg);
    background: var(--fe-surface-mid);
}

.plans__note-text[b-uibg0m1kib] {
    flex: 1 1 0%;
    color: var(--fe-ink-soft);
}

/* ---- FAQ ---- */
.faq[b-uibg0m1kib] {
    display: grid;
    gap: 2.5rem;
    padding-top: 1rem;
    padding-bottom: 4rem;
}

.faq__text[b-uibg0m1kib] {
    max-width: 36ch;
    margin-top: 0.75rem;
    color: var(--fe-ink-soft);
}

.faq__items[b-uibg0m1kib] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.faq__item[b-uibg0m1kib] {
    padding: 0 1.25rem;
    border-radius: 20px;
    background: var(--fe-surface);
}

.faq__question[b-uibg0m1kib] {
    display: flex;
    list-style: none;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 0;
    border-radius: 20px;
    font-size: var(--text-md);
    line-height: var(--leading-md);
    font-weight: 600;
    color: var(--fe-ink);
}

.faq__question[b-uibg0m1kib]::-webkit-details-marker {
    display: none;
}

.faq__chevron[b-uibg0m1kib] {
    display: grid;
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
    place-items: center;
    border-radius: var(--radius-pill);
    background: var(--fe-surface-mid);
    color: var(--fe-primary);
}

.faq__chevron[b-uibg0m1kib]  svg {
    transition: transform 200ms;
}

.faq__item[open] .faq__chevron[b-uibg0m1kib]  svg {
    transform: rotate(180deg);
}

.faq__answer[b-uibg0m1kib] {
    max-width: 64ch;
    padding-bottom: 1.25rem;
    color: var(--fe-ink-soft);
}

/* ---- Call to action ---- */
.cta[b-uibg0m1kib] {
    padding: 0 1rem 5rem;
}

.cta__card[b-uibg0m1kib] {
    position: relative;
    max-width: var(--width-page);
    margin: 0 auto;
    overflow: hidden;
    padding: 3rem 1.5rem;
    border-radius: var(--radius-xl);
    background: var(--fe-primary);
    color: var(--fe-on-primary);
}

[b-uibg0m1kib] .cta__pot {
    pointer-events: none;
    position: absolute;
    right: -1.5rem;
    bottom: -1.5rem;
    width: 14rem;
    height: auto;
    opacity: 0.2;
}

.cta__title[b-uibg0m1kib] {
    position: relative;
    max-width: 20ch;
}

.cta__text[b-uibg0m1kib] {
    position: relative;
    max-width: 44ch;
    margin-top: 0.75rem;
    font-size: var(--text-md);
    line-height: var(--leading-md);
    opacity: 0.9;
}

.cta__actions[b-uibg0m1kib] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    margin-top: 2rem;
}

@media (min-width: 640px) {
    .home__container[b-uibg0m1kib],
    .hero[b-uibg0m1kib] {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    [b-uibg0m1kib] .hero__logo {
        display: block;
    }

    .hero__title[b-uibg0m1kib] {
        margin-top: 2rem;
        font-size: 3rem;
        line-height: 1.08;
    }

    .home__h2[b-uibg0m1kib] {
        font-size: var(--text-4xl);
        line-height: var(--leading-4xl);
    }

    .how[b-uibg0m1kib] {
        padding: 5rem 0;
    }

    .features[b-uibg0m1kib] {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .feature[b-uibg0m1kib] {
        padding: 2rem;
    }

    .feature__title[b-uibg0m1kib] {
        font-size: var(--text-2xl);
        line-height: var(--leading-2xl);
    }

    .plans[b-uibg0m1kib] {
        padding: 6rem 0;
    }

    .plans__grid[b-uibg0m1kib] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .plans__note[b-uibg0m1kib] {
        flex-direction: row;
        align-items: center;
        padding: 1.25rem 1.5rem;
    }

    .faq[b-uibg0m1kib] {
        padding-bottom: 6rem;
    }

    .cta[b-uibg0m1kib] {
        padding: 0 1.5rem 5rem;
    }

    .cta__card[b-uibg0m1kib] {
        padding: 4rem 3rem;
    }

    [b-uibg0m1kib] .cta__pot {
        width: 18rem;
    }
}

@media (min-width: 768px) {
    .how__steps[b-uibg0m1kib] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 2rem;
    }

    .how__line[b-uibg0m1kib] {
        display: block;
    }
}

@media (min-width: 1024px) {
    .hero[b-uibg0m1kib] {
        grid-template-columns: 1fr 1fr;
        gap: 3.5rem;
        padding-top: 4rem;
        padding-bottom: 6rem;
    }

    .hero__title[b-uibg0m1kib] {
        font-size: 3.6rem;
    }

    .features__grid[b-uibg0m1kib] {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .feature--wide[b-uibg0m1kib] {
        grid-column: span 7 / span 7;
    }

    .feature--narrow[b-uibg0m1kib] {
        grid-column: span 5 / span 5;
    }

    .feature--half[b-uibg0m1kib] {
        grid-column: span 6 / span 6;
    }

    .plans__grid[b-uibg0m1kib] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .faq[b-uibg0m1kib] {
        grid-template-columns: 1fr 1.6fr;
    }
}
/* /Ui/Pages/Public/Home/PlanCard.razor.rz.scp.css */
.plan[b-hpqtu00v9u] {
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    border-radius: var(--radius-lg);
    background: var(--fe-surface);
}

.plan--featured[b-hpqtu00v9u] {
    box-shadow: 0 0 0 2px var(--fe-primary);
}

.plan__tier[b-hpqtu00v9u] {
    font-size: var(--text-xl);
    line-height: var(--leading-xl);
}

.plan__price-row[b-hpqtu00v9u] {
    display: flex;
    align-items: baseline;
    gap: 0.375rem;
    margin-top: 1rem;
}

.plan__price[b-hpqtu00v9u] {
    font-family: var(--font-display);
    font-size: var(--text-4xl);
    line-height: var(--leading-4xl);
    font-weight: 600;
    color: var(--fe-ink);
    font-variant-numeric: tabular-nums;
}

.plan__per[b-hpqtu00v9u],
.plan__recipes[b-hpqtu00v9u] {
    color: var(--fe-ink-soft);
}

.plan__members[b-hpqtu00v9u] {
    margin-top: 1rem;
    font-weight: 600;
    color: var(--fe-ink);
}

.plan__everything[b-hpqtu00v9u] {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid color-mix(in srgb, var(--fe-line) 60%, transparent);
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    font-weight: 600;
    color: var(--fe-ink);
}

.plan__features[b-hpqtu00v9u] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    margin-top: 0.75rem;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
}

.plan__features--free[b-hpqtu00v9u] {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid color-mix(in srgb, var(--fe-line) 60%, transparent);
}

.plan__feature[b-hpqtu00v9u] {
    display: flex;
    gap: 0.625rem;
}

.plan__feature--off[b-hpqtu00v9u] {
    color: color-mix(in srgb, var(--fe-ink-soft) 80%, transparent);
}

.plan__feature[b-hpqtu00v9u]  .plan__check,
.plan__feature[b-hpqtu00v9u]  .plan__minus {
    margin-top: 0.125rem;
}

.plan__feature[b-hpqtu00v9u]  .plan__check {
    color: var(--fe-olive);
}
/* /Ui/Pages/Public/SignInPage.razor.rz.scp.css */
.sign-in[b-7kuue6o2j2] {
    display: grid;
    max-width: var(--width-medium);
    margin: 0 auto;
    overflow: hidden;
    border-radius: var(--radius-xl);
    background: var(--fe-surface);
}

.sign-in__art[b-7kuue6o2j2] {
    position: relative;
    display: none;
    min-height: 24rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    padding: 2.5rem;
    background: var(--fe-surface-mid);
}

.sign-in__still-life[b-7kuue6o2j2] {
    position: relative;
    display: grid;
    width: 16rem;
    place-items: center;
}

.sign-in__pebble[b-7kuue6o2j2] {
    position: absolute;
    inset: -1rem 0;
    background: var(--fe-surface-high);
}

.sign-in__still-life[b-7kuue6o2j2]  .sign-in__pot {
    position: relative;
    width: 12rem;
    height: auto;
}

.sign-in__still-life[b-7kuue6o2j2]  .sign-in__tomato {
    position: absolute;
    top: -0.5rem;
    left: 0.5rem;
    width: 3.5rem;
    height: 3.5rem;
    transform: rotate(-12deg);
}

.sign-in__still-life[b-7kuue6o2j2]  .sign-in__carrot {
    position: absolute;
    bottom: -0.75rem;
    left: 0;
    width: 4rem;
    height: 4rem;
    transform: rotate(-6deg);
}

.sign-in__still-life[b-7kuue6o2j2]  .sign-in__basil {
    position: absolute;
    top: 0;
    right: 0.5rem;
    width: 2.75rem;
    height: 2.75rem;
    transform: rotate(45deg);
}

.sign-in__note[b-7kuue6o2j2] {
    max-width: 16ch;
    text-align: center;
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    line-height: 1.25;
    font-weight: 600;
    color: var(--fe-ink);
}

.sign-in__body[b-7kuue6o2j2] {
    padding: 1.5rem;
}

.sign-in__title[b-7kuue6o2j2] {
    font-size: var(--text-3xl);
    line-height: var(--leading-3xl);
}

.sign-in__text[b-7kuue6o2j2] {
    max-width: 46ch;
    margin-top: 0.75rem;
    font-size: var(--text-md);
    line-height: var(--leading-md);
    color: var(--fe-ink-soft);
}

.sign-in__google[b-7kuue6o2j2] {
    margin-top: 2rem;
}

.sign-in__google[b-7kuue6o2j2]  .sign-in__skeleton {
    width: 100%;
    max-width: 22.5rem;
    height: 2.75rem;
    border-radius: var(--radius-pill);
}

.sign-in__button[b-7kuue6o2j2] {
    width: 100%;
    max-width: 22.5rem;
    min-height: 2.75rem;
}

.sign-in__progress[b-7kuue6o2j2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1rem;
    color: var(--fe-ink-soft);
}

.sign-in__progress[hidden][b-7kuue6o2j2] {
    display: none;
}

[b-7kuue6o2j2] .sign-in__spinner {
    width: 1rem;
    height: 1rem;
}

.sign-in__error[b-7kuue6o2j2] {
    margin-top: 1rem;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    font-weight: 500;
    color: var(--fe-danger);
}

.sign-in__dev[b-7kuue6o2j2] {
    margin-top: 2rem;
    padding: 1.25rem;
    border: 1px dashed color-mix(in srgb, var(--fe-line-strong) 60%, transparent);
    border-radius: var(--radius-lg);
}

.sign-in__dev-title[b-7kuue6o2j2] {
    font-size: var(--text-lg);
    line-height: var(--leading-lg);
}

.sign-in__dev-hint[b-7kuue6o2j2] {
    margin-top: 0.25rem;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    color: var(--fe-ink-soft);
}

.sign-in__dev-fields[b-7kuue6o2j2] {
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
}

.sign-in__dev-error[b-7kuue6o2j2] {
    margin-top: 0.75rem;
}

.sign-in__dev-submit[b-7kuue6o2j2] {
    margin-top: 1rem;
}

.sign-in__privacy[b-7kuue6o2j2] {
    margin-top: 2.5rem;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    color: var(--fe-ink-soft);
}

@media (min-width: 640px) {
    .sign-in__body[b-7kuue6o2j2] {
        padding: 2.5rem;
    }

    .sign-in__title[b-7kuue6o2j2] {
        font-size: var(--text-4xl);
        line-height: var(--leading-4xl);
    }

    .sign-in__dev-fields[b-7kuue6o2j2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 768px) {
    .sign-in[b-7kuue6o2j2] {
        grid-template-columns: 1fr 1.15fr;
    }

    .sign-in__art[b-7kuue6o2j2] {
        display: flex;
    }
}
/* /Ui/Pages/Recipes/CommunityProfileDialog.razor.rz.scp.css */
.profile-dialog[b-48l8dzjhw6] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding-bottom: 0.5rem;
}
/* /Ui/Pages/Recipes/CountryPickerDialog.razor.rz.scp.css */
.country-picker__search[b-75rl12nti8] {
    position: relative;
    display: block;
}

.country-picker__search[b-75rl12nti8]  .country-picker__search-icon {
    position: absolute;
    top: 50%;
    left: 0.875rem;
    transform: translateY(-50%);
    color: var(--fe-ink-soft);
    pointer-events: none;
}

.country-picker__search[b-75rl12nti8]  .country-picker__input {
    padding-left: 2.5rem;
}

.country-picker__list[b-75rl12nti8] {
    max-height: 50dvh;
    margin-top: 0.75rem;
    overflow-y: auto;
    padding-bottom: 0.5rem;
}

.country-picker__option[b-75rl12nti8] {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 0.75rem;
    border-radius: var(--radius-md);
    text-align: left;
}

.country-picker__option:hover[b-75rl12nti8] {
    background: var(--fe-surface-high);
}

.country-picker__option:disabled[b-75rl12nti8] {
    opacity: 0.4;
}

.country-picker__option--selected[b-75rl12nti8] {
    background: color-mix(in srgb, var(--fe-primary-soft) 60%, transparent);
}

.country-picker__flag[b-75rl12nti8] {
    width: 1.5rem;
    text-align: center;
    font-size: var(--text-lg);
}

.country-picker__option[b-75rl12nti8]  .country-picker__check {
    color: var(--fe-primary);
}

.country-picker__none[b-75rl12nti8] {
    padding: 1.5rem 0.75rem;
    text-align: center;
    color: var(--fe-ink-soft);
}
/* /Ui/Pages/Recipes/FamilyRecipeCard.razor.rz.scp.css */
.recipe-card[b-l1qzp8ds74] {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--radius-lg);
    background: var(--fe-surface);
    color: inherit;
    text-decoration: none;
    transition: transform 150ms var(--ease-out-soft), background-color 150ms;
}

.recipe-card:hover[b-l1qzp8ds74],
.recipe-card:focus-visible[b-l1qzp8ds74] {
    transform: translateY(-2px);
}

.recipe-card:hover[b-l1qzp8ds74] {
    background: var(--fe-surface-low);
}

.recipe-card[b-l1qzp8ds74]  .recipe-card__cover {
    aspect-ratio: 16 / 10;
}

.recipe-card__body[b-l1qzp8ds74] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
}

.recipe-card__title[b-l1qzp8ds74] {
    font-family: var(--font-display);
    font-size: var(--text-lg);
    line-height: 1.25;
    font-weight: 600;
    color: var(--fe-ink);
}

.recipe-card:hover .recipe-card__title[b-l1qzp8ds74] {
    color: var(--fe-primary);
}

.recipe-card__meta[b-l1qzp8ds74] {
    margin-top: 0.125rem;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    color: var(--fe-ink-soft);
}

.recipe-card[b-l1qzp8ds74]  .recipe-card__facts {
    margin-top: auto;
}
/* /Ui/Pages/Recipes/ImportPage.razor.rz.scp.css */
.import[b-il9ox6x7n9] {
    max-width: 42rem;
}

.import__form[b-il9ox6x7n9] {
    padding: 1.25rem;
    border-radius: var(--radius-lg);
    background: var(--fe-surface);
}

@media (min-width: 640px) {
    .import__form[b-il9ox6x7n9] {
        padding: 1.75rem;
    }
}

.import__form[b-il9ox6x7n9]  .import__notice {
    margin-top: 1rem;
}

.import__form[b-il9ox6x7n9]  .import__submit {
    margin-top: 1.25rem;
}
/* /Ui/Pages/Recipes/IngredientLines.razor.rz.scp.css */
.lines[b-7bwk0j2lrc] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.line[b-7bwk0j2lrc] {
    padding: 0.75rem;
    border-radius: var(--radius-lg);
    background: var(--fe-surface);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--fe-line) 60%, transparent);
}

@media (min-width: 640px) {
    .line[b-7bwk0j2lrc] {
        padding: 1rem;
    }
}

.line--unparsed[b-7bwk0j2lrc] {
    background: color-mix(in srgb, var(--fe-honey-soft) 45%, transparent);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--fe-honey) 60%, transparent);
}

.line--invalid[b-7bwk0j2lrc] {
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--fe-danger) 60%, transparent);
}

.line__review[b-7bwk0j2lrc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    font-weight: 500;
    color: var(--fe-on-honey-soft);
}

.line__grid[b-7bwk0j2lrc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
}

.line__grid[b-7bwk0j2lrc]  .line__name {
    grid-column: span 2;
}

.line__buttons[b-7bwk0j2lrc] {
    display: flex;
    grid-column: span 2;
    align-items: center;
    justify-content: flex-end;
    gap: 0.25rem;
}

@media (min-width: 640px) {
    .line__grid[b-7bwk0j2lrc] {
        grid-template-columns: minmax(0, 1fr) 6.5rem 10rem auto;
    }

    .line__grid[b-7bwk0j2lrc]  .line__name {
        grid-column: span 1;
    }

    .line__buttons[b-7bwk0j2lrc] {
        grid-column: span 1;
    }

    .line__buttons--first[b-7bwk0j2lrc] {
        padding-top: 1.75rem;
    }
}

.line__grid[b-7bwk0j2lrc]  .line__quantity {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.line__extra[b-7bwk0j2lrc] {
    display: grid;
    gap: 0.75rem;
    margin-top: 0.75rem;
}

@media (min-width: 640px) {
    .line__extra[b-7bwk0j2lrc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.line__extra[b-7bwk0j2lrc]  .line__small,
.line__extra[b-7bwk0j2lrc]  .line__small-select select {
    height: 2.5rem;
    font-size: var(--text-sm);
}

[b-7bwk0j2lrc] .lines__add {
    margin-top: 1rem;
}
/* /Ui/Pages/Recipes/MediaSection.razor.rz.scp.css */
.media-section[b-esp1ujipit] {
    position: relative;
    border-radius: var(--radius-lg);
    transition: box-shadow 150ms;
}

.media-section[data-drop-active][b-esp1ujipit] {
    box-shadow: 0 0 0 4px var(--fe-surface), 0 0 0 6px var(--fe-primary);
}

.media-section__bar[b-esp1ujipit] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
    border: 2px dashed var(--fe-line);
    border-radius: var(--radius-lg);
}

.media-section[data-drop-active] .media-section__bar[b-esp1ujipit] {
    border-color: var(--fe-primary);
    background: color-mix(in srgb, var(--fe-primary-soft) 40%, transparent);
}

@media (min-width: 640px) {
    .media-section__bar[b-esp1ujipit] {
        flex-direction: row;
        align-items: center;
    }
}

.media-section__buttons[b-esp1ujipit] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.media-section__info[b-esp1ujipit] {
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    color: var(--fe-ink-soft);
}

.media-section__drop[b-esp1ujipit] {
    display: none;
}

.media-section__drop-active[b-esp1ujipit],
.media-section[data-drop-active] .media-section__drop-idle[b-esp1ujipit] {
    display: none;
}

.media-section[data-drop-active] .media-section__drop-active[b-esp1ujipit] {
    display: inline;
}

@media (min-width: 640px) {
    .media-section__info[b-esp1ujipit] {
        margin-left: auto;
        text-align: right;
    }

    .media-section__drop[b-esp1ujipit] {
        display: block;
    }
}

.media-section__checking[b-esp1ujipit] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.5rem;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    color: var(--fe-ink-soft);
}

.media-section__premium[b-esp1ujipit] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin-top: 0.75rem;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    color: var(--fe-ink-soft);
}

.media-section__premium[b-esp1ujipit]  .media-section__crown {
    margin-top: 0.125rem;
    color: var(--fe-honey);
}

.media-section[b-esp1ujipit]  .media-section__error {
    margin-top: 1rem;
}

.media-section__list[b-esp1ujipit] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    margin-top: 1rem;
}

.media-section__uploads[b-esp1ujipit] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    margin-top: 0.75rem;
}

.media-section__hint[b-esp1ujipit] {
    margin-top: 1rem;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    color: var(--fe-ink-soft);
}

.media-row[b-esp1ujipit] {
    display: flex;
    gap: 0.5rem;
    padding: 0.625rem;
    border-radius: var(--radius-lg);
    background: var(--fe-surface-low);
    transition: transform 150ms, box-shadow 150ms;
}

@media (min-width: 640px) {
    .media-row[b-esp1ujipit] {
        gap: 0.75rem;
        padding: 0.75rem;
    }
}

.media-row--dragging[b-esp1ujipit] {
    position: relative;
    z-index: 10;
    transform: scale(1.01);
    box-shadow: var(--fe-shadow-lift), 0 0 0 2px var(--fe-primary);
}

.media-row__handle[b-esp1ujipit] {
    display: grid;
    width: 1.75rem;
    flex-shrink: 0;
    place-items: center;
    border-radius: var(--radius-sm);
    color: var(--fe-ink-soft);
    cursor: grab;
    touch-action: none;
}

.media-row__handle:hover[b-esp1ujipit] {
    background: var(--fe-surface-high);
}

.media-row__handle:active[b-esp1ujipit] {
    cursor: grabbing;
}

.media-row__main[b-esp1ujipit] {
    min-width: 0;
    flex: 1 1 0%;
}

.media-row__grid[b-esp1ujipit] {
    display: grid;
    grid-template-columns: 6rem minmax(0, 1fr);
    gap: 0.5rem 0.75rem;
}

@media (min-width: 640px) {
    .media-row__grid[b-esp1ujipit] {
        grid-template-columns: 8rem minmax(0, 1fr);
    }

    .media-row__thumb[b-esp1ujipit] {
        grid-row: span 3;
    }
}

.media-row__thumb[b-esp1ujipit] {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    align-self: start;
    overflow: hidden;
    border-radius: var(--radius-md);
    background: var(--fe-surface-high);
}

.media-row__thumb[b-esp1ujipit]  .media-row__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.media-row__state[b-esp1ujipit] {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
}

.media-row__state--processing[b-esp1ujipit] {
    color: var(--fe-primary);
}

.media-row__state[b-esp1ujipit]  .media-row__spinner {
    width: 1.5rem;
    height: 1.5rem;
}

.media-row__state--failed[b-esp1ujipit] {
    background: var(--fe-danger-soft);
    color: var(--fe-on-danger-soft);
}

.media-row__duration[b-esp1ujipit] {
    position: absolute;
    bottom: 0.25rem;
    left: 0.25rem;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.125rem 0.375rem;
    border-radius: var(--radius-pill);
    background: rgb(0 0 0 / 0.65);
    color: #fff;
    font-size: 0.7rem;
    font-weight: 600;
}

.media-row__head[b-esp1ujipit] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 0.5rem;
}

.media-row__name[b-esp1ujipit] {
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    font-weight: 700;
    color: var(--fe-ink);
}

.media-row__head[b-esp1ujipit]  .media-row__star {
    fill: currentColor;
}

.media-row__buttons[b-esp1ujipit] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 0.125rem;
    margin-left: auto;
}

.media-row__buttons[b-esp1ujipit]  .media-row__delete {
    color: var(--fe-danger);
}

.media-row__note[b-esp1ujipit],
.media-row__fields[b-esp1ujipit] {
    grid-column: span 2;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
}

.media-row__fields[b-esp1ujipit] {
    display: grid;
    gap: 0.5rem;
}

@media (min-width: 640px) {
    .media-row__note[b-esp1ujipit],
    .media-row__fields[b-esp1ujipit] {
        grid-column: 2 / span 1;
    }

    .media-row__fields[b-esp1ujipit] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.media-row__fields[b-esp1ujipit]  .media-row__small,
.media-row__fields[b-esp1ujipit]  .media-row__small-select select {
    height: 2.5rem;
    font-size: var(--text-sm);
}

.media-row__step[b-esp1ujipit] {
    display: -webkit-box;
    margin-top: 0.5rem;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    color: var(--fe-ink-soft);
}

.media-row__main[b-esp1ujipit]  .media-row__warning {
    margin-top: 0.5rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

.media-pending[b-esp1ujipit] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    border-radius: var(--radius-lg);
    background: var(--fe-surface-low);
}

.media-pending__preview[b-esp1ujipit] {
    position: relative;
    display: grid;
    width: 4rem;
    height: 4rem;
    flex-shrink: 0;
    place-items: center;
    overflow: hidden;
    border-radius: var(--radius-md);
    background: var(--fe-surface-high);
    color: var(--fe-ink-soft);
}

.media-pending__preview img[b-esp1ujipit] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.media-pending__body[b-esp1ujipit] {
    min-width: 0;
    flex: 1 1 0%;
}

.media-pending__name[b-esp1ujipit] {
    overflow: hidden;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Ui/Pages/Recipes/PublishActions.razor.rz.scp.css */
.publish[b-3oiy3hhaia] {
    padding: 1.25rem;
    border-radius: var(--radius-lg);
    background: var(--fe-surface-low);
}

.publish__title[b-3oiy3hhaia] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--text-lg);
    line-height: var(--leading-lg);
}

.publish__title[b-3oiy3hhaia]  .publish__icon {
    color: var(--fe-primary);
}

.publish__text[b-3oiy3hhaia] {
    margin-top: 0.25rem;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    color: var(--fe-ink-soft);
}

.publish[b-3oiy3hhaia]  .publish__notice {
    margin-top: 1rem;
}

.publish__actions[b-3oiy3hhaia] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

.publish__dialog[b-3oiy3hhaia] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-bottom: 0.5rem;
}

.publish__note[b-3oiy3hhaia] {
    display: flex;
    gap: 0.5rem;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    color: var(--fe-ink-soft);
}

.publish__note[b-3oiy3hhaia]  .publish__note-icon {
    margin-top: 0.125rem;
}

.publish__as[b-3oiy3hhaia] {
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    color: var(--fe-ink-soft);
}
/* /Ui/Pages/Recipes/RecipeBody.razor.rz.scp.css */
.recipe-body[b-8r0u12aak4] {
    display: grid;
    gap: 2rem;
    margin-top: 2.5rem;
}

@media (min-width: 1024px) {
    .recipe-body[b-8r0u12aak4] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
        gap: 3rem;
        align-items: start;
    }

    .recipe-body__ingredients[b-8r0u12aak4] {
        position: sticky;
        top: 6rem;
    }
}

.recipe-body__ingredients[b-8r0u12aak4] {
    padding: 1.25rem;
    border-radius: var(--radius-lg);
    background: var(--fe-surface);
}

@media (min-width: 640px) {
    .recipe-body__ingredients[b-8r0u12aak4] {
        padding: 1.5rem;
    }
}

.recipe-body__ingredients-head[b-8r0u12aak4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.recipe-body__empty[b-8r0u12aak4] {
    margin-top: 1rem;
    color: var(--fe-ink-soft);
}

.recipe-body__lines[b-8r0u12aak4] {
    margin-top: 1rem;
}

.recipe-body__line[b-8r0u12aak4] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.625rem 0;
}

.recipe-body__line + .recipe-body__line[b-8r0u12aak4] {
    border-top: 1px solid color-mix(in srgb, var(--fe-line) 70%, transparent);
}

.recipe-body__name[b-8r0u12aak4] {
    min-width: 0;
    color: var(--fe-ink);
}

.recipe-body__quantity[b-8r0u12aak4] {
    flex-shrink: 0;
    font-weight: 600;
    color: var(--fe-ink);
    font-variant-numeric: tabular-nums;
}

.recipe-body__steps[b-8r0u12aak4] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 1.25rem;
}

.recipe-body__step[b-8r0u12aak4] {
    display: flex;
    gap: 1rem;
}

.recipe-body__number[b-8r0u12aak4] {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    flex-shrink: 0;
    place-items: center;
    border-radius: var(--radius-pill);
    background: var(--fe-primary-soft);
    color: var(--fe-on-primary-soft);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.recipe-body__step-body[b-8r0u12aak4] {
    min-width: 0;
    flex: 1 1 0%;
}

.recipe-body__step-text[b-8r0u12aak4] {
    padding-top: 0.25rem;
    font-size: var(--text-md);
    line-height: 1.625;
    color: var(--fe-ink);
}

@media print {
    .recipe-body[b-8r0u12aak4] {
        margin-top: 8mm;
    }

    .recipe-body__ingredients[b-8r0u12aak4] {
        position: static;
        padding: 0;
    }
}
/* /Ui/Pages/Recipes/RecipeCover.razor.rz.scp.css */
.recipe-cover[b-z92y3o22fj] {
    position: relative;
    overflow: hidden;
}

.recipe-cover[b-z92y3o22fj]  .recipe-cover__art,
.recipe-cover[b-z92y3o22fj]  .recipe-cover__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.recipe-cover[b-z92y3o22fj]  .recipe-cover__image {
    object-fit: cover;
}
/* /Ui/Pages/Recipes/RecipeDetailPage.razor.rz.scp.css */
.recipe-detail__print-head[b-7gt7484md8] {
    margin-bottom: 1.5rem;
}

.recipe-detail__print-row[b-7gt7484md8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--fe-line);
}

.recipe-detail__print-row[b-7gt7484md8]  .recipe-detail__print-logo {
    height: 2rem;
}

.recipe-detail__hero[b-7gt7484md8] {
    display: grid;
    gap: 1.5rem;
}

@media (min-width: 1024px) {
    .recipe-detail__hero[b-7gt7484md8] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
        gap: 2.5rem;
    }
}

.recipe-detail__hero[b-7gt7484md8]  .recipe-detail__art {
    aspect-ratio: 4 / 3;
    border-radius: var(--radius-lg);
}

.recipe-detail__processing[b-7gt7484md8] {
    margin-top: 0.5rem;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    color: var(--fe-ink-soft);
}

.recipe-detail__info[b-7gt7484md8] {
    display: flex;
    flex-direction: column;
}

.recipe-detail__title[b-7gt7484md8] {
    font-size: var(--text-3xl);
    line-height: 1.25;
    overflow-wrap: break-word;
}

@media (min-width: 640px) {
    .recipe-detail__title[b-7gt7484md8] {
        font-size: 2.75rem;
    }
}

.recipe-detail__shared-by[b-7gt7484md8] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    margin-top: 0.5rem;
    color: var(--fe-ink-soft);
}

.recipe-detail__shared-by[b-7gt7484md8]  .recipe-detail__shared-icon {
    color: var(--fe-primary);
}

.recipe-detail__description[b-7gt7484md8] {
    max-width: 60ch;
    margin-top: 0.75rem;
    font-size: var(--text-md);
    line-height: var(--leading-md);
    color: var(--fe-ink-soft);
}

.recipe-detail__info[b-7gt7484md8]  .recipe-detail__facts {
    margin-top: 1.25rem;
}

.recipe-detail__info[b-7gt7484md8]  .recipe-detail__skipped {
    margin-top: 1.25rem;
}

.recipe-detail__source[b-7gt7484md8] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    align-self: flex-start;
    margin-top: 1rem;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    font-weight: 600;
    color: var(--fe-primary);
    text-underline-offset: 2px;
}

.recipe-detail__source:hover[b-7gt7484md8] {
    text-decoration: underline;
}

.recipe-detail__actions[b-7gt7484md8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-top: auto;
    padding-top: 2rem;
}

.recipe-detail__actions[b-7gt7484md8]  .recipe-detail__more {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    border: 1px solid var(--fe-line);
    border-radius: var(--radius-pill);
    background: var(--fe-surface);
    color: var(--fe-ink);
}

.recipe-detail__actions[b-7gt7484md8]  .recipe-detail__more:hover {
    background: var(--fe-surface-low);
}

.recipe-detail__publish[b-7gt7484md8] {
    max-width: 42rem;
    margin-top: 3rem;
}
/* /Ui/Pages/Recipes/RecipeEditorPage.razor.rz.scp.css */
.editor[b-juoezllfdb] {
    padding-bottom: 2rem;
}

.editor[b-juoezllfdb]  .editor__notice {
    margin-bottom: 1.5rem;
}

.editor__sections[b-juoezllfdb] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.editor__section[b-juoezllfdb] {
    padding: 1.25rem;
    border-radius: var(--radius-lg);
    background: var(--fe-surface);
}

@media (min-width: 640px) {
    .editor__section[b-juoezllfdb] {
        padding: 1.75rem;
    }
}

.editor__hint[b-juoezllfdb] {
    max-width: 64ch;
    margin-top: 0.25rem;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    color: var(--fe-ink-soft);
}

.editor__section-body[b-juoezllfdb] {
    margin-top: 1.25rem;
}

.editor__basics[b-juoezllfdb] {
    display: grid;
    gap: 1.25rem;
}

.editor__pair[b-juoezllfdb] {
    display: grid;
    gap: 1.25rem;
}

@media (min-width: 640px) {
    .editor__pair[b-juoezllfdb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.editor__servings[b-juoezllfdb] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
}

.editor__pair[b-juoezllfdb]  .editor__minutes {
    max-width: 10rem;
}

.editor[b-juoezllfdb]  .editor__save-error {
    margin-top: 1.5rem;
}

.editor__bar[b-juoezllfdb] {
    position: sticky;
    bottom: 5rem;
    z-index: 10;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-top: 2rem;
    padding: 0.5rem;
    border-radius: var(--radius-pill);
    background: color-mix(in srgb, var(--fe-surface) 95%, transparent);
    box-shadow: var(--fe-shadow-lift), 0 0 0 1px color-mix(in srgb, var(--fe-line) 60%, transparent);
    backdrop-filter: blur(8px);
}

@media (min-width: 1024px) {
    .editor__bar[b-juoezllfdb] {
        bottom: 1rem;
    }
}
/* /Ui/Pages/Recipes/RecipeFactsList.razor.rz.scp.css */
.recipe-facts[b-2xkdlzxnoj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
}
/* /Ui/Pages/Recipes/RecipeFilterPanel.razor.rz.scp.css */
.filter-panel[b-3y2z99h504] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-bottom: 0.5rem;
}

.filter-panel__heading[b-3y2z99h504] {
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    font-weight: 700;
    color: var(--fe-ink-soft);
}

.filter-panel__chips[b-3y2z99h504] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.filter-panel__none[b-3y2z99h504] {
    margin-top: 0.5rem;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    color: var(--fe-ink-soft);
}
/* /Ui/Pages/Recipes/RecipesPage.razor.rz.scp.css */
.recipes__limit[b-jfzyepifgn] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.recipes__search-row[b-jfzyepifgn] {
    display: flex;
    gap: 0.5rem;
}

.recipes__search[b-jfzyepifgn] {
    position: relative;
    min-width: 0;
    flex: 1 1 0%;
}

.recipes__search[b-jfzyepifgn]  .recipes__search-icon {
    position: absolute;
    top: 50%;
    left: 0.875rem;
    transform: translateY(-50%);
    color: var(--fe-ink-soft);
    pointer-events: none;
}

.recipes__search[b-jfzyepifgn]  .recipes__search-input {
    height: 3rem;
    padding-left: 2.5rem;
}

.recipes__search-row[b-jfzyepifgn]  .recipes__filters-button {
    height: 3rem;
}

.recipes__filters-text[b-jfzyepifgn] {
    display: none;
}

.recipes__filters-count[b-jfzyepifgn] {
    display: grid;
    width: 1.5rem;
    height: 1.5rem;
    place-items: center;
    border-radius: var(--radius-pill);
    background: var(--fe-primary);
    color: var(--fe-on-primary);
    font-size: var(--text-xs);
}

@media (min-width: 640px) {
    .recipes__filters-text[b-jfzyepifgn] {
        display: inline;
    }
}

.recipes__active[b-jfzyepifgn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1rem;
}

.recipes__untagged[b-jfzyepifgn] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1.25rem;
    padding: 0.75rem 1rem;
    border-radius: 20px;
    background: var(--fe-honey-soft);
    color: var(--fe-on-honey-soft);
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    text-decoration: none;
    transition: filter 150ms;
}

.recipes__untagged:hover[b-jfzyepifgn] {
    filter: brightness(0.98);
}

.recipes__untagged-action[b-jfzyepifgn] {
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.recipes__results[b-jfzyepifgn] {
    margin-top: 1.5rem;
}

.recipes__count[b-jfzyepifgn] {
    margin-bottom: 1rem;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    color: var(--fe-ink-soft);
}

.recipes__grid[b-jfzyepifgn] {
    display: grid;
    gap: 1.25rem;
}

@media (min-width: 640px) {
    .recipes__grid[b-jfzyepifgn] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1280px) {
    .recipes__grid[b-jfzyepifgn] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.recipes__grid[b-jfzyepifgn]  .recipes__skeleton {
    height: 18rem;
    border-radius: var(--radius-lg);
}
/* /Ui/Pages/Recipes/TagEditor.razor.rz.scp.css */
.tag-editor[b-33hkttepsr] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.tag-editor__suggest[b-33hkttepsr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.tag-editor__status[b-33hkttepsr],
.tag-editor__explanation[b-33hkttepsr] {
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    color: var(--fe-ink-soft);
}

.tag-editor__explanation:empty[b-33hkttepsr] {
    display: none;
}

.tag-editor__suggested[b-33hkttepsr] {
    padding: 1rem;
    border: 1px dashed var(--fe-honey);
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--fe-honey-soft) 30%, transparent);
}

.tag-editor__suggested-head[b-33hkttepsr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.tag-editor__suggested-title[b-33hkttepsr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    font-weight: 600;
    color: var(--fe-ink);
}

.tag-editor[b-33hkttepsr]  .tag-editor__honey,
.tag-editor[b-33hkttepsr]  .tag-editor__suggestion > .icon {
    color: var(--fe-honey);
}

.tag-editor__heading[b-33hkttepsr] {
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    font-weight: 700;
    color: var(--fe-ink-soft);
}

.tag-editor__one[b-33hkttepsr] {
    font-weight: 400;
}

.tag-editor__chips[b-33hkttepsr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.tag-editor__suggested .tag-editor__chips[b-33hkttepsr] {
    margin-top: 0.75rem;
}

.tag-editor__chips--center[b-33hkttepsr] {
    align-items: center;
}
/* /Ui/Pages/Recipes/TagReviewPage.razor.rz.scp.css */
.tag-review[b-z8u62o813v] {
    max-width: 48rem;
}

.tag-review[b-z8u62o813v]  .tag-review__skeleton {
    width: 100%;
    height: 10rem;
    border-radius: var(--radius-lg);
}

.tag-review__queue[b-z8u62o813v] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--fe-honey-soft) 60%, transparent);
    color: var(--fe-ink);
}

@media (min-width: 640px) {
    .tag-review__queue[b-z8u62o813v] {
        flex-direction: row;
        align-items: center;
    }
}

.tag-review__list[b-z8u62o813v] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.tag-review__item[b-z8u62o813v] {
    padding: 1.25rem;
    border-radius: var(--radius-lg);
    background: var(--fe-surface);
}

.tag-review__head[b-z8u62o813v] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
}

.tag-review__title[b-z8u62o813v] {
    font-family: var(--font-display);
    font-size: var(--text-lg);
    line-height: var(--leading-lg);
    font-weight: 600;
    color: var(--fe-ink);
    text-decoration: none;
}

.tag-review__title:hover[b-z8u62o813v] {
    color: var(--fe-primary);
}

.tag-review__pending[b-z8u62o813v] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    color: var(--fe-ink-soft);
}

.tag-review__chips[b-z8u62o813v] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.tag-review__actions[b-z8u62o813v] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

.tag-review__failed[b-z8u62o813v] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.75rem;
}
/* /Ui/Pages/Recipes/UploadRow.razor.rz.scp.css */
.upload-row[b-u3hyq6nvh3] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    border-radius: var(--radius-lg);
    background: var(--fe-surface-low);
}

.upload-row--compact[b-u3hyq6nvh3] {
    padding: 0.25rem;
    background: transparent;
}

.upload-row--failed[b-u3hyq6nvh3] {
    background: color-mix(in srgb, var(--fe-danger-soft) 40%, transparent);
}

.upload-row__preview[b-u3hyq6nvh3] {
    position: relative;
    display: grid;
    width: 4rem;
    height: 4rem;
    flex-shrink: 0;
    place-items: center;
    overflow: hidden;
    border-radius: var(--radius-md);
    background: var(--fe-surface-high);
    color: var(--fe-ink-soft);
}

@media (min-width: 640px) {
    .upload-row__preview[b-u3hyq6nvh3] {
        width: 5rem;
        height: 5rem;
    }
}

.upload-row--compact .upload-row__preview[b-u3hyq6nvh3] {
    width: 2.5rem;
    height: 2.5rem;
}

.upload-row__preview img[b-u3hyq6nvh3] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.8;
}

.upload-row__body[b-u3hyq6nvh3] {
    min-width: 0;
    flex: 1 1 0%;
}

.upload-row__name[b-u3hyq6nvh3] {
    overflow: hidden;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    font-weight: 600;
    color: var(--fe-ink);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.upload-row__status[b-u3hyq6nvh3] {
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    color: var(--fe-ink-soft);
}

.upload-row__status--failed[b-u3hyq6nvh3] {
    font-weight: 500;
    color: var(--fe-danger);
}

.upload-row__progress[b-u3hyq6nvh3] {
    margin-top: 0.375rem;
    background: var(--fe-surface-highest);
}

.upload-row__bar--paused[b-u3hyq6nvh3] {
    background: var(--fe-line-strong);
}

.upload-row__retry[b-u3hyq6nvh3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.upload-row__actions[b-u3hyq6nvh3] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 0.25rem;
}
/* /Ui/Pages/Recipes/UploadTray.razor.rz.scp.css */
.upload-tray[b-lriqendvwm] {
    position: fixed;
    right: 1rem;
    bottom: 6rem;
    z-index: 30;
    display: flex;
    width: min(24rem, calc(100vw - 2rem));
    flex-direction: column;
}

@media (min-width: 1024px) {
    .upload-tray[b-lriqendvwm] {
        right: 1.5rem;
        bottom: 1.5rem;
    }
}

.upload-tray__panel[b-lriqendvwm] {
    max-height: 60dvh;
    margin-bottom: 0.5rem;
    overflow-y: auto;
    padding: 0.75rem;
    border-radius: var(--radius-xl);
    background: var(--fe-surface);
    box-shadow: var(--fe-shadow-lift), 0 0 0 1px color-mix(in srgb, var(--fe-line) 60%, transparent);
}

.upload-tray__list[b-lriqendvwm] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.upload-tray__open[b-lriqendvwm] {
    display: inline-block;
    margin-top: 0.5rem;
    padding: 0 0.25rem;
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    font-weight: 600;
    color: var(--fe-primary);
    text-underline-offset: 2px;
}

.upload-tray__open:hover[b-lriqendvwm] {
    text-decoration: underline;
}

.upload-tray__pill[b-lriqendvwm] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-left: auto;
    padding: 0.625rem 1rem 0.625rem 0.75rem;
    border-radius: var(--radius-pill);
    background: var(--fe-ink);
    color: var(--fe-bg);
    font-size: var(--text-sm);
    line-height: var(--leading-sm);
    font-weight: 600;
    box-shadow: var(--fe-shadow-lift);
}

.upload-tray__pill--failed[b-lriqendvwm] {
    background: var(--fe-danger-soft);
    color: var(--fe-on-danger-soft);
}

.upload-tray__ring[b-lriqendvwm] {
    position: relative;
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
}

.upload-tray__ring svg[b-lriqendvwm] {
    position: absolute;
    inset: 0;
    width: 2rem;
    height: 2rem;
    transform: rotate(-90deg);
}
/* /Ui/Pages/Setup/SetupPage.razor.rz.scp.css */
.setup[b-hc004kqc5b] {
    min-height: 100dvh;
}

.setup__header[b-hc004kqc5b] {
    display: flex;
    max-width: var(--width-medium);
    height: 4rem;
    margin: 0 auto;
    align-items: center;
    gap: 0.5rem;
    padding: 0 1rem;
}

.setup__header[b-hc004kqc5b]  .setup__logo {
    margin-right: auto;
}

.setup__main[b-hc004kqc5b] {
    max-width: var(--width-medium);
    margin: 0 auto;
    padding: 1.5rem 1rem 4rem;
    outline: none;
}

.setup__welcome[b-hc004kqc5b] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
}

.setup__welcome[b-hc004kqc5b]  .setup__art {
    width: 9rem;
    height: auto;
    flex-shrink: 0;
}

.setup__title[b-hc004kqc5b] {
    font-size: var(--text-3xl);
    line-height: var(--leading-3xl);
}

.setup__intro[b-hc004kqc5b] {
    max-width: 56ch;
    margin-top: 0.5rem;
    font-size: var(--text-md);
    line-height: var(--leading-md);
    color: var(--fe-ink-soft);
}

.setup__choices[b-hc004kqc5b] {
    display: grid;
    gap: 1.5rem;
    margin-top: 2.5rem;
}

.setup__card[b-hc004kqc5b] {
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
}

.setup__icon[b-hc004kqc5b] {
    display: grid;
    width: 3rem;
    height: 3rem;
    place-items: center;
    border-radius: var(--radius-pill);
}

.setup__card-title[b-hc004kqc5b] {
    margin-top: 1rem;
    font-size: var(--text-2xl);
    line-height: var(--leading-2xl);
}

.setup__card-text[b-hc004kqc5b] {
    margin-top: 0.25rem;
}

.setup__card[b-hc004kqc5b]  .setup__field {
    margin-top: 1.5rem;
}

.setup__card[b-hc004kqc5b]  .setup__notice {
    margin-top: 1rem;
}

.setup__card[b-hc004kqc5b]  .setup__submit {
    margin-top: 1.5rem;
    align-self: flex-start;
}

@media (min-width: 640px) {
    .setup__header[b-hc004kqc5b] {
        padding: 0 1.5rem;
    }

    .setup__main[b-hc004kqc5b] {
        padding: 3rem 1.5rem 4rem;
    }

    .setup__welcome[b-hc004kqc5b] {
        flex-direction: row;
        align-items: center;
    }

    .setup__title[b-hc004kqc5b] {
        font-size: var(--text-4xl);
        line-height: var(--leading-4xl);
    }

    .setup__card[b-hc004kqc5b] {
        padding: 2rem;
    }
}

@media (min-width: 768px) {
    .setup__choices[b-hc004kqc5b] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Ui/Pages/Shopping/PlanRangeDialog.razor.rz.scp.css */
.range-form[b-gqcec38b2k] {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding-bottom: 0.5rem;
}
.range-form__presets[b-gqcec38b2k] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.range-form__dates[b-gqcec38b2k] {
  display: grid;
  gap: 1rem;
}
@media (min-width: 640px) {
  .range-form__dates[b-gqcec38b2k] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* /Ui/Pages/Shopping/ShoppingItemDialog.razor.rz.scp.css */
.item-form[b-ewli8046dh] {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding-bottom: 0.5rem;
}
.item-form__pair[b-ewli8046dh] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
/* /Ui/Pages/Shopping/ShoppingItemRow.razor.rz.scp.css */
.shop-item[b-be0txqx8zh] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding-right: 0.25rem;
  animation: shop-item-in-b-be0txqx8zh 240ms cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes shop-item-in-b-be0txqx8zh {
  from {
    opacity: 0.4;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.shop-item__label[b-be0txqx8zh] {
  display: flex;
  min-height: 3.75rem;
  min-width: 0;
  flex: 1 1 0%;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem 0.75rem;
  border-radius: 18px;
  cursor: pointer;
  transition: background 200ms;
}
.shop-item__label:hover[b-be0txqx8zh] {
  background: var(--fe-surface-low);
}
.shop-item__box[b-be0txqx8zh] {
  display: grid;
  width: 1.75rem;
  height: 1.75rem;
  flex-shrink: 0;
  place-items: center;
  border: 2px solid var(--fe-line-strong);
  border-radius: 8px;
  background: var(--fe-surface);
  transition: all 200ms;
}
.shop-item__input:focus-visible + .shop-item__box[b-be0txqx8zh] {
  outline: 3px solid var(--fe-focus);
  outline-offset: 2px;
}
.shop-item--checked .shop-item__box[b-be0txqx8zh] {
  border-color: var(--fe-olive);
  background: var(--fe-olive);
  color: var(--fe-on-olive);
}
.shop-item__text[b-be0txqx8zh] {
  min-width: 0;
  flex: 1 1 0%;
}
.shop-item__name[b-be0txqx8zh] {
  display: block;
  font-size: var(--text-md);
  line-height: 1.375;
  overflow-wrap: break-word;
  color: var(--fe-ink);
  transition: color 200ms;
}
.shop-item--checked .shop-item__name[b-be0txqx8zh] {
  color: var(--fe-ink-soft);
  text-decoration: line-through;
  text-decoration-color: color-mix(in srgb, var(--fe-line-strong) 70%, transparent);
}
.shop-item__by[b-be0txqx8zh] {
  display: block;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.shop-item__quantity[b-be0txqx8zh] {
  flex-shrink: 0;
  text-align: right;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--fe-ink);
}
.shop-item--checked .shop-item__quantity[b-be0txqx8zh] {
  color: var(--fe-ink-soft);
}
.shop-item[b-be0txqx8zh]  .shop-item__menu {
  display: grid;
  width: 2.75rem;
  height: 2.75rem;
  place-items: center;
  border-radius: var(--radius-pill);
  color: var(--fe-ink-soft);
}
.shop-item[b-be0txqx8zh]  .shop-item__menu:hover {
  background: var(--fe-surface-high);
  color: var(--fe-ink);
}
.shop-item__spacer[b-be0txqx8zh] {
  width: 2.75rem;
  flex-shrink: 0;
}
/* /Ui/Pages/Shopping/ShoppingPage.razor.rz.scp.css */
.shop[b-hhglx00hhf] {
  display: flex;
  max-width: var(--width-narrow);
  flex-direction: column;
  gap: 1.5rem;
}
.shop-sync[b-hhglx00hhf] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-bottom: 1rem;
  padding: 0.625rem 1rem;
  border-radius: var(--radius-pill);
  background: var(--fe-surface-high);
  color: var(--fe-ink-soft);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 500;
}
.shop-loading[b-hhglx00hhf] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.shop-loading[b-hhglx00hhf]  .shop-loading__range {
  height: 6rem;
  border-radius: var(--radius-lg);
}
.shop-loading[b-hhglx00hhf]  .shop-loading__row {
  height: 3.5rem;
  border-radius: var(--radius-lg);
}

/* The days whose meals are on the list. */
.shop-range[b-hhglx00hhf] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1rem;
  padding: 1rem;
  border-radius: var(--radius-lg);
  background: var(--fe-surface-mid);
}
.shop-range[b-hhglx00hhf]  .shop-range__icon {
  color: var(--fe-primary);
}
.shop-range__text[b-hhglx00hhf] {
  min-width: 0;
  flex: 1 1 14rem;
}
.shop-range__title[b-hhglx00hhf] {
  font-size: var(--text-lg);
  line-height: var(--leading-lg);
}
.shop-range__hint[b-hhglx00hhf] {
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  color: var(--fe-ink-soft);
}
.shop-range__buttons[b-hhglx00hhf] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
@media (min-width: 640px) {
  .shop-range[b-hhglx00hhf] {
    padding: 1.25rem;
  }
}

/* Quick add. */
.shop-add[b-hhglx00hhf] {
  display: flex;
  gap: 0.5rem;
}
.shop-add__field[b-hhglx00hhf] {
  position: relative;
  min-width: 0;
  flex: 1 1 0%;
}
.shop-add__field[b-hhglx00hhf]  .shop-add__icon {
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  color: var(--fe-ink-soft);
  pointer-events: none;
}
.shop-add__field[b-hhglx00hhf]  .shop-add__input {
  height: 3.25rem;
  padding-left: 3rem;
  border-radius: var(--radius-pill);
  font-size: var(--text-md);
}
.shop-add[b-hhglx00hhf]  .shop-add__submit {
  height: 3.25rem;
  width: 3.25rem;
  padding: 0;
}
.shop-add__submit-text[b-hhglx00hhf] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
.shop-add[b-hhglx00hhf]  .shop-add__options {
  width: 3.25rem;
  height: 3.25rem;
}
@media (min-width: 640px) {
  .shop-add[b-hhglx00hhf]  .shop-add__submit {
    width: auto;
    padding: 0 1.25rem;
  }
  .shop-add[b-hhglx00hhf]  .shop-add__submit > .icon {
    display: none;
  }
  .shop-add__submit-text[b-hhglx00hhf] {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
  }
}

/* The list, aisle by aisle. */
.shop-done[b-hhglx00hhf] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-radius: 20px;
  background: var(--fe-olive-soft);
  color: var(--fe-on-olive-soft);
  font-weight: 500;
}
.shop-aisle[b-hhglx00hhf] {
  margin-bottom: 0.375rem;
  padding: 0 1rem;
  font-size: var(--text-md);
  line-height: var(--leading-md);
  color: var(--fe-primary);
}
.shop-list[b-hhglx00hhf] {
  padding: 0.25rem;
  border-radius: var(--radius-lg);
  background: var(--fe-surface);
}
.shop-list[b-hhglx00hhf] >  li + li {
  border-top: 1px solid color-mix(in srgb, var(--fe-line) 50%, transparent);
}
.shop-list--cart[b-hhglx00hhf] {
  background: color-mix(in srgb, var(--fe-surface) 55%, transparent);
}
.shop-list--cart[b-hhglx00hhf] >  li + li {
  border-top-color: color-mix(in srgb, var(--fe-line) 40%, transparent);
}
.shop-cart__toggle[b-hhglx00hhf] {
  display: flex;
  min-height: 3rem;
  width: 100%;
  align-items: center;
  gap: 0.5rem;
  padding: 0 1rem;
  border-radius: var(--radius-pill);
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 600;
  text-align: left;
  color: var(--fe-ink-soft);
}
.shop-cart__toggle:hover[b-hhglx00hhf] {
  background: var(--fe-surface-high);
}
.shop-cart__label[b-hhglx00hhf] {
  flex: 1 1 0%;
}
.shop-cart__toggle[b-hhglx00hhf]  .shop-cart__chevron {
  transition: transform 150ms;
}
.shop-cart__toggle[b-hhglx00hhf]  .shop-cart__chevron--open {
  transform: rotate(180deg);
}