:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--primary-color: #8b5fbf;--primary-light: #ebcbf4;--secondary-color: #333;--tertiary-color: #333;--warning-color: #333;--error-color: #db5461;--background-color: #fbfbfb;--dark-text-color: #333;--light-text-color: #888;--border-color: #ccc;--max-width: 800px;--border-radius: 6px}@supports (font-variation-settings: normal){:root{font-family:Inter var,system-ui,Avenir,Helvetica,Arial,sans-serif}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;padding:0;margin:0}#app{color:var(--dark-text-color);height:100%;width:100%;background-color:var(--background-color)}.custom-scrollbar{scrollbar-color:#ccc;scrollbar-width:thin}.custom-scrollbar::-webkit-scrollbar{background:#eee;width:5px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ccc}ul,ol{padding:8px 20px}.error{color:var(--error-color)}input,textarea,select,button{font-size:16px;padding:2px 4px;font-family:Inter var,system-ui,Avenir,Helvetica,Arial,sans-serif;border-radius:6px;outline:none;border:1px solid #ccc}button{border:none;background-color:var(--primary-color);color:#fff;cursor:pointer}button:hover{background-color:var(--primary-light);color:var(--dark-text-color)}.header{display:flex;justify-content:space-between}.right-buttons{display:flex;gap:10px}.notification_badge{background-color:var(--error-color);color:#fff;border-radius:3px;padding:1px 3px;font-weight:400}.page_container{max-width:var(--max-width);margin:0 auto}.outlined_button{border:1px solid #aaa;outline:none;background-color:#0000;cursor:pointer;padding:4px 8px;border-radius:var(--border-radius);font-weight:700;color:var(--primary-color);text-decoration:none}.outlined_button:hover{box-shadow:0 1px 1px 1px #00000029}.icon-button{border:1px solid var(--border-color);border-radius:var(--border-radius);padding:5px;cursor:pointer}.icon-button:hover{background-color:var(--primary-light);color:#fff}.icon-button__toggled{background-color:var(--primary-color);color:#fff}.icon-button__selected{color:var(--primary-color)}.pill-tag[data-v-b07f5b31]{flex:0 0 auto;padding:0 .5em .05em;border-radius:100px;display:inline-flex;align-items:center;position:relative;max-width:95%;margin-bottom:.25em;background:var(--primary-color)}.pill-tag[data-v-b07f5b31]:not(:last-child){margin-right:.5em}.pill-tag>.delete[data-v-b07f5b31]{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;border-radius:50%;padding:.25em .5em;color:#fff}.pill-tag>.delete[data-v-b07f5b31]:hover{background-color:#fff3}.pill-text[data-v-b07f5b31]{line-height:2em;max-width:100%;color:#fff;text-align:center;padding:0 .25em;margin:0}.options-box[data-v-f35c27d7]{display:flex;flex-wrap:wrap;width:100%;border-radius:var(--border-radius);border:1px solid var(--border-color);background:#fff}.options-box__selected[data-v-f35c27d7]{padding-left:4px;padding-top:6px}.options-box-menu[data-v-f35c27d7]{position:absolute;display:inline-block;width:auto;min-width:10em;padding:0;border:thin solid var(--border-color);border-radius:var(--border-radius);background:#fff;height:auto;max-height:10em;overflow:auto}.options-box-menu>li[data-v-f35c27d7]{list-style-type:none;padding:6px 4px;cursor:pointer}.options-box-menu__selected[data-v-f35c27d7]{background:var(--border-color)}.options-search[data-v-f35c27d7]{padding:6px 4px;border:none;width:100%}.loader[data-v-6d8736f3]{width:25px;height:25px;border-radius:50%;background:var(--primary-color);background:linear-gradient(to right,var(--primary-color) 10%,rgba(0,0,255,0) 42%);position:relative;-webkit-animation:load3-6d8736f3 1.4s infinite linear;animation:load3-6d8736f3 1.4s infinite linear;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.loader[data-v-6d8736f3]:before{width:50%;height:50%;background:var(--primary-color);border-radius:100% 0 0;position:absolute;top:0;left:0;content:""}.loader[data-v-6d8736f3]:after{background:#fff;width:75%;height:75%;border-radius:50%;content:"";margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}@-webkit-keyframes load3-6d8736f3{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load3-6d8736f3{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-overlay[data-v-88b67ba3]{width:100%;display:flex;justify-content:center;position:relative}.spinner[data-v-88b67ba3]{position:absolute;top:0}hr[data-v-7f61c55c]{flex-basis:100%;height:0;margin:0;border:0}.search-options[data-v-7f61c55c]{display:flex;align-items:center;margin-bottom:24px;gap:4px;flex-flow:wrap}.recipe-search[data-v-7f61c55c]{width:90%;padding:5px 4px;flex:1}.filter-options[data-v-7f61c55c]{display:flex;gap:10px;align-items:start;width:100%}.filter-input[data-v-7f61c55c]{width:90%}.recipe[data-v-7f61c55c]{width:100%;min-height:112px;height:112px;max-height:80112px;display:grid;grid-template-columns:120px 1fr;grid-template-rows:auto 1fr;column-gap:8px;border-radius:var(--border-radius);margin-bottom:12px;padding:16px 12px;cursor:pointer;border:1px solid var(--border-color, #CCC)}@media (max-width: 800px){.recipe[data-v-7f61c55c]{margin-left:-10px;width:100vw}}.recipe[data-v-7f61c55c]:hover{background-color:var(--primary-light)}.recipe__image[data-v-7f61c55c]{max-width:100%;max-height:100%;grid-row:1 / span 2;justify-self:center}.recipe__name[data-v-7f61c55c]{font-weight:600;font-size:18px;grid-column:2}.recipe__description[data-v-7f61c55c]{font-size:14px;line-height:18px;width:100%;grid-column:2;overflow:hidden}.recipe__favorite[data-v-7f61c55c]{grid-column:3;grid-row:1 / span 3;color:var(--primary-color)}.header[data-v-1d066e2f]{display:flex;justify-content:space-between;margin-bottom:4px}h2[data-v-1d066e2f]{margin:0;padding:0}.profile_icon{position:relative}.notification_counter{position:absolute;top:-4px;left:24px;scale:.8}.nav[data-v-7f52c655]{display:grid;grid-template-columns:auto 1fr auto;border-bottom:1px solid #bbb;align-items:center;padding:6px 10px;gap:10px}a[data-v-7f52c655]{outline:none;text-decoration:none}.home-link[data-v-7f52c655]{font-weight:700;font-size:32px;text-decoration:none;color:var(--dark-text-color);display:inline-block;text-align:center}.nav-buttons[data-v-7f52c655]{justify-self:end}.nav-buttons__button[data-v-7f52c655]{text-decoration:none;font-size:16px;cursor:pointer;color:var(--secondary-color);font-weight:700;margin-left:6px;padding:0 10px}.nav-buttons__button[data-v-7f52c655]:hover{text-decoration:underline var(--primary-light)}.profile-icon[data-v-7f52c655]{border-radius:50%;cursor:pointer}.profile-icon[data-v-7f52c655]:hover{background-color:var(--primary-light)}.profile-menu[data-v-7f52c655]{position:absolute;right:10px;background-color:#fff;z-index:10;top:51px;padding:10px;border:1px solid #ccc;border-bottom-left-radius:10px;border-bottom-right-radius:10px;display:flex;flex-direction:column;gap:8px}.profile-menu__button[data-v-7f52c655]{font-size:16px;color:var(--secondary-color);font-weight:700;margin-left:6px;padding:0 10px;background-color:#fff;outline:none;border:none;cursor:pointer;text-align:left}.profile-menu__button[data-v-7f52c655]:hover{text-decoration:underline}.shroud[data-v-7f52c655]{position:absolute;top:0;bottom:0;left:0;right:0;display:none;z-index:9}.shroud.show[data-v-7f52c655]{display:block}@media (min-width: 601px){.menu-button[data-v-7f52c655]{display:none}}@media (max-width: 600px){.nav-buttons.show[data-v-7f52c655]{left:0}.nav-buttons[data-v-7f52c655]{transition:left .3s;position:absolute;top:0;left:-200px;background-color:#fff;z-index:10;display:flex;flex-direction:column;border:1px solid #ccc;gap:10px;height:100vh;padding:10px 0}.nav-buttons__button[data-v-7f52c655]{padding:8px 24px;font-size:18px}}.page-wrapper[data-v-62dcb678]{padding:20px 10px 0}.add-review[data-v-11ec53a5]{padding:8px 0;display:flex;flex-direction:column;gap:4px;align-items:end}.add-review>textarea[data-v-11ec53a5]{width:100%}.no-comments[data-v-11ec53a5]{padding:8px 0}.review[data-v-11ec53a5]{margin-top:16px;width:100%;display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr auto;gap:4px}.review>p[data-v-11ec53a5]{grid-column:1 / span 2}.review__date[data-v-11ec53a5]{font-size:14px}.load-more[data-v-11ec53a5]{margin-top:24px;padding-left:0;background-color:#fff;color:var(--primary-color);font-weight:700}img[data-v-50a70ae7]{max-width:400px}input[data-v-50a70ae7]{margin:16px 8px 0 0}@media (max-width: 400px){img[data-v-50a70ae7]{width:100%}}a[data-v-da09e8f1],a[data-v-da09e8f1]:visited{text-decoration:none;height:min-content;margin-top:auto;margin-bottom:auto;color:var(--primary-color);font-weight:600}a span[data-v-da09e8f1]{text-align:center}.recipe[data-v-da09e8f1]{margin:0 auto}.inner-image[data-v-da09e8f1]{margin:16px 0}.recipe__name[data-v-da09e8f1]>*{display:inline}.recipe__author[data-v-da09e8f1]{color:var(--light-text-color);font-size:12px}.recipe__description[data-v-da09e8f1]{padding-top:10px;font-size:14px;white-space:pre-wrap;position:relative}.recipe__description.hide-overflow[data-v-da09e8f1]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.show-more[data-v-da09e8f1]{position:absolute;bottom:0;right:0;z-index:1;background-color:#fff;color:var(--primary-color);padding-left:4px;cursor:pointer}.favorite_button[data-v-da09e8f1]{vertical-align:top}.favorite_button[data-v-da09e8f1]:hover{color:var(--primary-light)}.favorite_button__toggled[data-v-da09e8f1]{color:var(--primary-color)}h3[data-v-da09e8f1],.reviews[data-v-da09e8f1]{margin-top:16px}.tags[data-v-da09e8f1]{display:flex;margin:4px 0}.reviews[data-v-da09e8f1]{margin-bottom:40px}@media (min-width: 800px){.recipe[data-v-da09e8f1]{display:grid;grid-template-columns:1fr 400px;gap:12px;max-width:800px}}@media (min-width: 400px) and (max-width: 799px){.recipe[data-v-da09e8f1]{max-width:400px}}svg[data-v-35825a0a]{height:16px;width:16px}svg[data-v-31d28c17]{height:16px;width:16px}.modify-recipe[data-v-727d2598]{display:grid;grid-template-columns:auto 1fr;row-gap:10px;width:100%;margin:20px auto;max-width:800px}label[data-v-727d2598]{padding-right:10px}h3[data-v-727d2598]{margin-bottom:10px}.create-children[data-v-727d2598],.modify-recipe__buttons[data-v-727d2598]{grid-column:1 / span 2}.recipe-row[data-v-727d2598]{display:flex;align-items:center;gap:4px;margin-bottom:4px}.recipe-row input[data-v-727d2598]{min-width:80px;flex:0}.grow-input[data-v-727d2598]{flex:1!important}.caret[data-v-727d2598]{cursor:pointer}.caret[data-v-727d2598]:hover{color:var(--primary-color)}.modify-recipe__buttons[data-v-727d2598]{display:flex;justify-content:end;gap:5px}.two-col[data-v-727d2598]{grid-column:-1/1}.update-recipe[data-v-21a1a246]{max-width:var(--max-width);margin:0 auto}.group_details[data-v-7a0a7363]{width:100%;padding:4px 0;max-width:var(--max-width)}.group_header[data-v-7a0a7363]{justify-content:space-between;display:flex;flex-wrap:wrap;padding-top:16px;cursor:pointer;padding-bottom:12px}.member_list[data-v-7a0a7363]{justify-content:space-between;display:flex;flex-wrap:wrap;padding-top:16px;cursor:pointer}tr[data-v-7a0a7363]{border-bottom:1px solid #ddd}table>th[data-v-7a0a7363],td[data-v-7a0a7363]{padding:4px}table td[data-v-7a0a7363]:nth-child(3){text-align:end}table td[data-v-7a0a7363]:nth-child(2){text-align:center}.member_list_table[data-v-7a0a7363]{width:100%;border-collapse:collapse}.member_name[data-v-7a0a7363]{font-weight:700}.role[data-v-7a0a7363]{display:flex;justify-content:space-between}.role select[data-v-7a0a7363]{margin-right:10px}.delete_button[data-v-7a0a7363]{border:1px solid #aaa;outline:none;background-color:#af5656c7;cursor:pointer;padding:4px 8px;border-radius:var(--border-radius);font-weight:700;color:var(--background-color);text-decoration:none}.delete_button[data-v-7a0a7363]:hover{box-shadow:0 1px 1px 1px #00000029}.danger_zone[data-v-7a0a7363]{margin-top:20px;align-self:flex-end;border-radius:var(--border-radius);margin-bottom:12px;padding:16px 12px 16px 16px;border:1px solid var(--border-color, #CCC)}.danger_zone h3[data-v-7a0a7363]{padding-bottom:16px}.pending_invites[data-v-7a0a7363]{border-radius:var(--border-radius);margin-bottom:12px;padding:16px 12px 16px 16px;border:1px solid var(--border-color, #CCC)}.pending_invites h3[data-v-7a0a7363]{padding-bottom:16px}.pending_invite[data-v-7a0a7363]{display:flex;flex-direction:column;justify-content:space-between;min-height:112px;height:112px;max-height:80112px;width:100%;border-radius:var(--border-radius);margin-bottom:12px;padding:16px 12px 16px 16px;border:1px solid var(--border-color, #CCC)}.new_invite[data-v-a7d8b180]{display:grid;grid-template-columns:auto 1fr}.new_invite_title[data-v-a7d8b180]{grid-column:1 / span 2}.invites[data-v-79f40521]{width:100%}h2[data-v-79f40521]{padding-bottom:16px}.invite__row[data-v-79f40521]{display:flex;flex-direction:column;min-height:112px;height:224px;max-height:80112px;width:100%;border-radius:var(--border-radius);margin-bottom:12px;padding:16px 12px 16px 16px;border:1px solid var(--border-color, #CCC)}.invite__row h3[data-v-79f40521]{width:100%;height:10%;margin-bottom:16px}p[data-v-79f40521]{margin-bottom:auto;width:100%;height:50%}.buttons[data-v-79f40521]{align-self:flex-end}.buttons button[data-v-79f40521]{margin:5px;padding:5px;align-self:flex-end}.reject[data-v-79f40521]{background-color:var(--error-color)}.header[data-v-8661dab5]{padding-bottom:16px}.group__row[data-v-8661dab5]{min-height:112px;height:112px;max-height:80112px;display:grid;grid-template-columns:120px 1fr;grid-template-rows:auto 1fr;column-gap:8px;border-radius:var(--border-radius);margin-bottom:12px;padding:16px 12px;border:1px solid var(--border-color, #CCC)}.group__image[data-v-8661dab5]{max-width:100%;max-height:100%;grid-row:1 / span 2;justify-self:center}.group__name[data-v-8661dab5]{font-weight:600;font-size:18px;grid-column:2}.group__buttons[data-v-8661dab5]{grid-column:3;display:flex;flex-direction:column;align-items:end;gap:8px}.group__buttons a[data-v-8661dab5],.group__buttons a[data-v-8661dab5]:visited{color:var(--primary-color);text-decoration:none}.change-password[data-v-ef2270c8]{font-size:16px;display:flex;flex-direction:column;gap:8px;max-width:fit-content;margin:0 auto;border-radius:8px;border:1px solid var(--border-color);padding:8px}.radio_option[data-v-ef2270c8]{display:flex;flex-direction:row}input[type=radio][data-v-ef2270c8]{margin:5px}button[data-v-ef2270c8]{background-color:var(--primary-color);color:#fff;outline:none;border:none;padding:8px 12px;border-radius:8px;max-width:fit-content;cursor:pointer;align-self:end}button[data-v-ef2270c8]:hover{background-color:var(--primary-light);color:var(--dark-text-color)}.new-type[data-v-543e1cc7]{display:grid;grid-template-columns:auto 1fr}.new-type__title[data-v-543e1cc7]{grid-column:1 / span 2}.create_group[data-v-bcd42acb]{display:grid;grid-template-columns:auto 1fr;row-gap:10px;width:100%;margin:20px auto}h3[data-v-bcd42acb]{margin-bottom:12px}label[data-v-bcd42acb]{padding-right:10px}p[data-v-bcd42acb]{color:var(--light-text-color);margin-bottom:12px}.action_buttons[data-v-bcd42acb],.invite_users[data-v-bcd42acb]{grid-column:1 / span 2}.action_buttons[data-v-bcd42acb]{display:flex;justify-content:end;gap:5px}.grow-input[data-v-bcd42acb]{flex:1!important}.two-col[data-v-bcd42acb]{grid-column:-1/1}.invite_row[data-v-bcd42acb]{display:flex;align-items:center;gap:4px;margin-bottom:4px}