._about_1163l_1{display:block;max-width:1200px;margin:0 auto;padding:0 16px;button {display: flex; flex-direction: row-reverse;}}@media screen and (min-width: 768px){._about_1163l_1{padding:0 32px}}@media screen and (min-width: 1264px){._about_1163l_1{padding:0x}}._about_1163l_1 ._content_1163l_13{margin:20px 0;display:flex;flex-direction:column;column-gap:10px;line-height:24px}._button_6arer_1{position:relative;display:inline-flex;align-items:center;gap:4px;padding:8px;font-family:Itim,sans-serif;transition:transform .2s;color:#000;background-color:var(--cookit-beige-dark);border-color:var(--cookit-beige-dark);border-width:1px;border-style:solid;border-radius:999px;outline:none;svg {height: 22px; width: 22px;} @media screen and (min-width: 768px) {svg {height: 24px; width: 24px;}} @media screen and (min-width: 1200px) {svg {height: 26px; width: 26px;}} &._has_text_6arer_34 {padding: 8px 18px;} &._has_click_handler_6arer_37 {@media screen and (min-width: 1200px) {cursor: pointer; &:focus-visible {outline: solid 2px #000; background-color: var(--cookit-beige-highlight); border-color: var(--cookit-beige-highlight);} &:hover {background-color: var(--cookit-beige-highlight); border-color: var(--cookit-beige-highlight);}}} &:disabled {cursor: not-allowed; color: rgba(0,0,0,.3); background-color: var(--cookit-beige-dark); border-color: var(--cookit-beige-dark); &:hover {background-color: var(--cookit-beige-dark); border-color: var(--cookit-beige-dark);} & svg {opacity: .3;}} ._spinner_6arer_69 {display: flex; justify-content: center; align-items: center; &:after { --spinner-size: 20px; --spinner-color: rgba(0, 0, 0, .6); display: inline-block; content: ""; height: var(--spinner-size); width: var(--spinner-size); border: solid 4px; border-color: var(--spinner-color) transparent var(--spinner-color) transparent; border-radius: 50%; animation: _spin_6arer_69 .8s linear infinite; }}}@keyframes _spin_6arer_69{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._icon_1u443_1{display:flex;background-size:contain;align-items:center}._text_1xdma_1{font-family:Itim,sans-serif}._text_1xdma_1._h1_1xdma_4{font-size:4rem}._text_1xdma_1._h2_1xdma_5{font-size:2.8rem;line-height:3.5rem}._text_1xdma_1._h3_1xdma_6{font-size:2.4rem}._text_1xdma_1._body_1xdma_7{font-size:2rem}._text_1xdma_1._small_1xdma_8{font-size:1.4rem}@media screen and (min-width: 768px){._text_1xdma_1._h1_1xdma_4{font-size:4.8rem}._text_1xdma_1._h2_1xdma_5{font-size:3.2rem}._text_1xdma_1._h3_1xdma_6{font-size:2.6rem}._text_1xdma_1._body_1xdma_7{font-size:2.2rem}._text_1xdma_1._small_1xdma_8{font-size:1.5rem}}@media screen and (min-width: 1200px){._text_1xdma_1._h1_1xdma_4{font-size:5.4rem}._text_1xdma_1._h2_1xdma_5{font-size:3.6rem}._text_1xdma_1._h3_1xdma_6{font-size:3rem}._text_1xdma_1._body_1xdma_7{font-size:2.4rem}._text_1xdma_1._small_1xdma_8{font-size:1.6rem}}._logo_t1frb_1{font-family:Poetsen One,sans-serif;font-size:9.4rem}@media screen and (min-width: 768px){._logo_t1frb_1{font-size:14.6rem}}@media screen and (min-width: 1200px){._logo_t1frb_1{font-size:16.4rem}}._logo_t1frb_1 ._cook_t1frb_12{color:#000}._logo_t1frb_1 ._it_t1frb_16{color:var(--cookit-red)}._recipe_editor_hukk3_1{label {display: block; margin-left: 8px;} ._groups_container_hukk3_65 {display: contents; @media screen and (min-width: 768px) {display: grid; grid-template-columns: 1fr 1fr;}} ._existing_groups_container_hukk3_73 {margin-top: 8px; > span {display: block; max-width: 90%;}} ._timers_list_hukk3_81 {margin-top: 8px; display: flex; flex-wrap: wrap; gap: 8px;} ._submit_container_hukk3_88 {margin-top: 48px; text-align: center;}}._recipe_editor_hukk3_1>button{display:none;position:absolute;top:76px}@media screen and (min-width: 1200px){._recipe_editor_hukk3_1>button{display:inline}}._recipe_editor_hukk3_1 ._title_button_container_hukk3_12{display:flex;justify-content:space-between;column-gap:8px;row-gap:16px}._recipe_editor_hukk3_1 ._title_hukk3_12{margin:0}._recipe_editor_hukk3_1 ._import_button_mobile_hukk3_23{display:inline-block}@media screen and (min-width: 768px){._recipe_editor_hukk3_1 ._import_button_mobile_hukk3_23{display:none}}._recipe_editor_hukk3_1 ._import_button_desktop_hukk3_29{display:none}@media screen and (min-width: 768px){._recipe_editor_hukk3_1 ._import_button_desktop_hukk3_29{display:inline-block}}._recipe_editor_hukk3_1 ._input_elements_container_hukk3_36{display:grid;gap:48px;margin-top:28px;grid-template-columns:1fr}@media screen and (min-width: 1200px){._recipe_editor_hukk3_1 ._input_elements_container_hukk3_36{grid-template-columns:1fr 2fr}}._recipe_editor_hukk3_1 ._input_elements_left_hukk3_45{display:contents}@media screen and (min-width: 1200px){._recipe_editor_hukk3_1 ._input_elements_left_hukk3_45{display:flex;flex-direction:column;gap:48px}}._recipe_editor_hukk3_1 ._input_elements_right_hukk3_53{grid-row:3}@media screen and (min-width: 1200px){._recipe_editor_hukk3_1 ._input_elements_right_hukk3_53{grid-row:initial}}._add_timer_19x8n_1{display:inline-flex;background-color:var(--cookit-beige-input);width:260px;height:87px;padding:0;border:none;border-radius:8px;align-items:center;justify-content:center;cursor:pointer;span {padding: 0; background: none; border: none; border-radius: 50%; outline: none;} svg {background-color: var(--cookit-beige-dark); height: 28px; width: 28px; border-radius: 50%; padding: 6px;}}._add_timer_19x8n_1:focus-visible{outline:solid 2px #000}._add_timer_19x8n_1:hover{background-color:var(--cookit-beige-highlight);svg {background-color: var(--cookit-beige-dark);}}._ingredients_input_r8xhd_1{label {display: block; margin-left: 8px;} ._grid_container_r8xhd_7 {display: grid; grid-template-columns: 5fr 2fr; gap: 6px; margin-top: 8px;} input {display: block; width: 100%; box-sizing: border-box; font-family: "Itim",sans-serif; background-color: var(--cookit-beige-input); border: solid 1px var(--cookit-beige-input); border-radius: 8px; padding: 13px 7px; color: #000000; &::placeholder {color: #000000; opacity: .45;} &:focus-visible {outline: solid 2px #000000;} font-size: 2rem; @media screen and (min-width: 768px) {font-size: 2.2rem; padding: 15px 7px;} @media screen and (min-width: 1200px) {font-size: 2.4rem;}}}._instructions_input_1rbmf_1{label {display: block; margin-left: 8px;} ._flex_container_1rbmf_7 {display: flex; flex-direction: column; gap: 6px; margin-top: 8px;} ._row_container_1rbmf_14 {display: flex; column-gap: 8px; span {text-align: right; flex-shrink: 0; width: 28px; margin-top: 12px; @media screen and (min-width: 768px) {width: 30px; margin-top: 16px;} @media screen and (min-width: 1200px) {width: 32px;}}}}._textarea_xg4nb_1{position:relative;width:100%;textarea {display: block; width: inherit; box-sizing: border-box; font-family: "Itim",sans-serif; background-color: var(--cookit-beige-input); border: solid 1px var(--cookit-beige-input); border-radius: 8px; color: #000000; resize: none; padding: 10px 7px;} textarea::placeholder {color: #000000; opacity: .45;} textarea:focus-visible {outline: solid 2px #000000;} textarea {font-size: 2rem;} @media screen and (min-width: 768px) {textarea {font-size: 2.2rem; padding: 12px 7px;}} @media screen and (min-width: 1200px) {textarea {font-size: 2.4rem;}} textarea::-webkit-scrollbar {width: 10px; background: transparent;} textarea::-webkit-scrollbar-track {background: rgba(0,0,0,.1); border-radius: 99px;} textarea::-webkit-scrollbar-thumb {background: rgba(0,0,0,.2); border-radius: 99px;} textarea::-webkit-scrollbar-thumb:hover {background: rgba(0,0,0,.4); cursor: grab;} textarea::-webkit-scrollbar-thumb:active {cursor: grabbing;} ._charCount_xg4nb_80 {position: absolute; bottom: 4px; right: 14px; background-color: rgba(0,0,0,.7); color: #ffffff; padding: 2px 8px; border-radius: 12px; font-size: 1.2rem;}}._textarea_xg4nb_1._has_max_length_xg4nb_5 textarea{padding:10px 7px 22px}@media screen and (min-width: 768px){._textarea_xg4nb_1._has_max_length_xg4nb_5 textarea{textarea {padding: 12px 7px 22px;}}}._textarea_xg4nb_1._use_alt_color_xg4nb_13 textarea{background-color:var(--cookit-beige-input-dark)}._select_input_t51wk_1{list-style:none;padding:0;margin:0;li {display: flex; align-items: start; gap: 8px; &:not(:first-of-type) {margin-top: 6px;}}}._checkbox_1gaqd_1{display:inline-block;vertical-align:top;height:20px;width:20px;border-radius:5px;border:solid 1px var(--cookit-beige-input);background-color:var(--cookit-beige-input);cursor:pointer}._checkbox_1gaqd_1:hover,._checkbox_1gaqd_1:focus-visible{border:solid 1px #000}._checkbox_1gaqd_1._disabled_1gaqd_13{border:solid 1px #666;background-color:var(--cookit-beige-disabled);cursor:not-allowed;opacity:.9}._checkbox_1gaqd_1._disabled_1gaqd_13 svg{opacity:.9}._checkbox_1gaqd_1 svg{transform:scale(0);transition:transform .1s ease-in-out;stroke-width:50px}._checkbox_1gaqd_1._checked_1gaqd_28 svg{transform:scale(1)}@media screen and (min-width: 1200px){._checkbox_1gaqd_1{height:22px;width:22px}}._radio_container_9hwu1_1{display:inline-block;cursor:pointer;width:20px;height:20px;border-radius:50%;background-color:var(--cookit-beige-input);border:1px solid #333}._radio_container_9hwu1_1:hover,._radio_container_9hwu1_1:focus-visible{outline:1px solid #333}._radio_container_9hwu1_1._disabled_9hwu1_13{border:solid 1px #666;background-color:var(--cookit-beige-disabled);cursor:not-allowed;opacity:.9}._radio_container_9hwu1_1._disabled_9hwu1_13 div{opacity:.9}._radio_container_9hwu1_1 ._radio_fill_9hwu1_23{width:100%;height:100%;background-color:#333;border-radius:50%;transform:scale(0);transition:transform .1s ease-in-out}._radio_container_9hwu1_1 ._radio_fill_9hwu1_23._checked_9hwu1_30{transform:scale(.7)}._text_input_1g44h_1{label {display: block; margin-left: 8px;} ._input_container_1g44h_7 {display: block; position: relative; &._has_error_1g44h_11 input {outline: solid 2px var(--cookit-red);} input {display: block; width: 100%; box-sizing: border-box; font-family: "Itim",sans-serif; border: solid 1px var(--cookit-beige-input); border-radius: 8px; padding: 13px 7px; color: #000000; background-color: var(--cookit-beige-input); &::placeholder {color: #000000; opacity: .45;} &:focus-visible {outline: solid 2px #000000;} font-size: 2rem; @media screen and (min-width: 768px) {font-size: 2.2rem; padding: 14px 7px;} @media screen and (min-width: 1200px) {font-size: 2.4rem;}} &._alt_color_1g44h_43 input {background-color: var(--cookit-beige-input-dark);} &._has_label_1g44h_47 input {margin-top: 8px;} ._icon_container_1g44h_51 {position: absolute; top: 0; bottom: 0; right: 6px; display: flex; svg {height: 24px; width: 24px; @media screen and (min-width: 768px) {height: 26px; width: 26px;}}}}}._timer_input_e0e3y_1{background-color:var(--cookit-beige-input);border-radius:8px;padding:9px 16px;display:inline-grid;column-gap:12px;grid-template-areas:"N N C" "T T C";input {font-family: "Itim",sans-serif; background-color: transparent; border: none; outline: none; &::placeholder {color: #000000; opacity: .45;} font-size: 2rem; @media screen and (min-width: 768px) {font-size: 2.2rem;} @media screen and (min-width: 1200px) {font-size: 2.4rem;}} span {font-size: 4rem; line-height: 3.4rem; text-align: center;} ._time_input_e0e3y_54 {font-size: 4rem; width: 48px; text-align: center; padding: 0;} ._close_e0e3y_26 {display: flex; align-items: center; justify-content: center; button {padding: 0; background: none; border: none; border-radius: 50%; &:focus-visible {outline: solid 2px #000;}} button:hover svg {background-color: var(--cookit-beige-highlight); cursor: pointer;} svg {background-color: var(--cookit-beige-dark); height: 28px; width: 28px; border-radius: 50%; padding: 6px;}}}._timer_input_e0e3y_1._has_error_e0e3y_6{outline:solid 2px var(--cookit-red)}._timer_input_e0e3y_1 ._name_e0e3y_16{grid-area:N;width:170px;padding:0}._timer_input_e0e3y_1 ._time_e0e3y_1{grid-area:T;display:flex;height:40px}._timer_input_e0e3y_1 ._close_e0e3y_26{grid-area:C}._more_button_bg108_1{position:relative;display:inline-block}._more_button_bg108_1 ._modal_bg108_5{position:absolute;display:inline-block;z-index:var(--z-index-nav-menu-modal);background-color:var(--cookit-beige-dark);box-shadow:#00000040 0 4px 4px;border-radius:8px;overflow:hidden;transition:transform .1s;transform:scale(0);left:0;transform-origin:top left;top:44px;svg {height: 22px; width: 22px;} @media screen and (min-width: 768px) {svg {height: 24px; width: 24px;}} @media screen and (min-width: 1200px) {svg {height: 26px; width: 26px;}}}._more_button_bg108_1 ._modal_bg108_5._menu_open_bg108_16{transform:scale(1)}._more_button_bg108_1 ._modal_bg108_5._inverse_open_bg108_22{left:initial;right:0;transform-origin:top right}@media screen and (min-width: 768px){._more_button_bg108_1 ._modal_bg108_5{top:46px}}@media screen and (min-width: 1200px){._more_button_bg108_1 ._modal_bg108_5{top:48px}}._more_button_bg108_1 ._modal_bg108_5 button{color:#000;width:100%;padding:12px;column-gap:4px;text-wrap:nowrap;background-color:transparent;border:none;display:flex;align-items:center;justify-content:center}@media screen and (min-width: 1200px){._more_button_bg108_1 ._modal_bg108_5 button:hover,._more_button_bg108_1 ._modal_bg108_5 button:focus-visible{background-color:var(--cookit-beige-highlight);cursor:pointer}}._import_from_website_1lffo_1{display:block}._import_from_website_1lffo_1 ._import_from_website_prompt_1lffo_4{margin:14px 0 26px}._import_from_website_1lffo_1 ._import_from_website_input_1lffo_8{display:flex;flex-direction:column;gap:16px;align-items:center}._import_from_website_1lffo_1 ._import_from_website_input_1lffo_8>div{width:100%}@media screen and (min-width: 768px){._import_from_website_1lffo_1 ._import_from_website_input_1lffo_8{flex-direction:row}}._import_from_website_1lffo_1 ._import_from_website_error_1lffo_22{margin-top:10px}._import_from_text_1lffo_27{display:block;textarea {background-color: var(--cookit-beige-input-dark);} ._import_from_text_input_1lffo_38 {display: flex; flex-direction: column; gap: 16px; align-items: center; > div {width: 100%;} @media screen and (min-width: 768px) {flex-direction: row; > button {align-self: end;}}} ._import_from_text_error_1lffo_56 {margin-top: 10px;}}._import_from_text_1lffo_27 ._import_from_text_prompt_1lffo_30{margin:14px 0 26px}._modal_ndpfc_1{display:none;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:58px;left:0;right:0;bottom:0;background-color:#00000080}._modal_ndpfc_1._is_visible_ndpfc_3{display:flex}._modal_ndpfc_1 ._content_ndpfc_19{position:relative;display:inline-block;background-color:var(--cookit-beige-default);width:90vw;max-width:875px;min-height:100px;border-radius:16px;box-sizing:border-box;--p-top: 12px;--p-side: 18px;padding:var(--p-top) var(--p-side) calc(var(--p-top) + 6px)}@media screen and (min-width: 768px){._modal_ndpfc_1 ._content_ndpfc_19{--p-top: 24px;--p-side: 28px}}@media screen and (min-width: 1200px){._modal_ndpfc_1 ._content_ndpfc_19{--p-top: 32px;--p-side: 36px}}._modal_ndpfc_1 ._close_ndpfc_43{display:inline-flex;padding:2px;border-radius:50%;position:absolute;top:10px;right:10px;svg {height: 28px; width: 28px; @media screen and (min-width: 768px) {height: 32px; width: 32px;} @media screen and (min-width: 1200px) {height: 36px; width: 36px;}}}@media screen and (min-width: 1200px){._modal_ndpfc_1 ._close_ndpfc_43:hover,._modal_ndpfc_1 ._close_ndpfc_43:focus-visible{cursor:pointer;background-color:var(--cookit-beige-highlight)}}._tabs_i24yk_1 ._tabList_i24yk_3{display:flex;column-gap:8px}._tabs_i24yk_1 ._tab_i24yk_1{background-color:var(--cookit-beige-input-dark);text-align:center;border-top-left-radius:12px;border-top-right-radius:12px;cursor:pointer;padding:16px 12px;width:initial}@media screen and (min-width: 768px){._tabs_i24yk_1 ._tab_i24yk_1{padding:16px 0;width:206px}}@media screen and (min-width: 1200px){._tabs_i24yk_1 ._tab_i24yk_1:hover{background-color:var(--cookit-beige-highlight)}}._tabs_i24yk_1 ._tab_i24yk_1._active_i24yk_27{background-color:var(--cookit-beige-input);cursor:default}._tabs_i24yk_1 ._tab_i24yk_1._is_disabled_i24yk_31{color:#555;cursor:not-allowed}._tabs_i24yk_1 ._tabContent_i24yk_37{background-color:var(--cookit-beige-input);padding:20px;border:none;border-top-right-radius:12px;border-bottom-right-radius:12px;border-bottom-left-radius:12px}._groups_page_1m2ff_1 ._groups_page_header_1m2ff_3{display:flex;justify-content:space-between;align-items:center}._groups_page_1m2ff_1 ._groups_page_loading_1m2ff_9{display:block;text-align:center;margin-top:100px}._groups_page_1m2ff_1 ._groups_page_loading_1m2ff_9>h3{margin-top:20px;margin-left:12px}._groups_page_1m2ff_1 ._groups_page_list_1m2ff_19{margin-top:28px}._groups_page_1m2ff_1 ._groups_page_list_1m2ff_19>div:not(:nth-of-type(1)){margin-top:16px}@media screen and (min-width: 1200px){._groups_page_1m2ff_1 ._groups_page_list_1m2ff_19{display:grid;grid-template-columns:1fr 1fr;gap:20px 38px}._groups_page_1m2ff_1 ._groups_page_list_1m2ff_19>div:not(:nth-of-type(1)){margin-top:0}}._spinner_vka99_1{--spinner-color: rgb(66, 66, 66);position:relative;display:inline-block;padding:16px;overflow:hidden;z-index:0}._spinner_vka99_1 ._outer_circle_vka99_10{position:relative;display:flex;justify-content:center;align-items:center;border:solid 1px var(--spinner-color);border-radius:50%;padding:2px;background-color:var(--cookit-beige-default)}._spinner_vka99_1 ._dual_ring_vka99_20{display:flex;width:120px;height:120px;margin:0;padding:0;border-radius:50%;border-width:16px;border-style:solid;border-color:var(--spinner-color) transparent var(--spinner-color) transparent;animation:_spin_vka99_1 .7s linear infinite}._spinner_vka99_1 ._inner_circle_vka99_32{--inner_circle_hw: 73%;height:var(--inner_circle_hw);width:var(--inner_circle_hw);position:absolute;display:block;border:solid 1px var(--spinner-color);border-radius:50%;background-color:var(--cookit-beige-default)}._spinner_vka99_1 ._line_y_vka99_42{position:absolute;top:0;bottom:0;left:0;right:50%;border-right:solid 1px var(--spinner-color);z-index:-1}._spinner_vka99_1 ._line_x_vka99_51{position:absolute;top:0;bottom:50%;left:0;right:0;border-bottom:solid 1px var(--spinner-color);z-index:-1}._spinner_vka99_1 ._line_forward_slash_vka99_60{position:absolute;top:14%;left:14%;width:100%;height:150%;border-top:1px solid var(--spinner-color);transform:rotate(45deg);transform-origin:top left;box-sizing:border-box;z-index:-1}._spinner_vka99_1 ._line_back_slash_vka99_72{position:absolute;top:14%;right:14%;width:100%;height:100%;border-top:1px solid var(--spinner-color);transform:rotate(-45deg);transform-origin:top right;box-sizing:border-box;z-index:-1}._spinner_m_vka99_86{padding:10px}._spinner_m_vka99_86 ._dual_ring_vka99_20{width:60px;height:60px;border-width:12px}._spinner_m_vka99_86 ._inner_circle_vka99_32{--inner_circle_hw_m: 61%;height:var(--inner_circle_hw_m);width:var(--inner_circle_hw_m)}._spinner_s_vka99_101{padding:8px}._spinner_s_vka99_101 ._dual_ring_vka99_20{width:30px;height:30px;border-width:8px}._spinner_s_vka99_101 ._inner_circle_vka99_32{--inner_circle_hw_s: 50%;height:var(--inner_circle_hw_s);width:var(--inner_circle_hw_s)}@keyframes _spin_vka99_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._group_input_xj7fz_1{background-color:var(--cookit-beige-input);padding:10px 0 12px 10px;border-radius:8px;summary._summary_xj7fz_6 {display: flex; justify-content: space-between; align-items: center; cursor: pointer; &::-webkit-details-marker {display: none;} > div {flex-grow: 1;} > span {padding: 0 6px 0 4px;} input {background-color: var(--cookit-beige-input-dark); margin: 0;} svg {height: 36px; width: 36px; @media screen and (min-width: 1200px) {display: none;}}} ._grid_select_inputs_xj7fz_37 {display: flex; align-items: end; margin: 16px 10px 0; ul {margin-bottom: 8px; flex-grow: 1; @media screen and (min-width: 768px) {column-count: 2;}} li > span:nth-of-type(1) {flex-shrink: 0; border: solid 1px #000;}} button {background-color: transparent; border: none; padding: 0; border-radius: 6px; svg {height: 24px; width: 24px;} &:hover {@media screen and (min-width: 1200px) {background-color: var(--cookit-beige-highlight); cursor: pointer;}}}}._login_1ajhh_1{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;row-gap:24px}@media screen and (min-width: 768px){._login_1ajhh_1{row-gap:40px}}@media screen and (min-width: 1200px){._login_1ajhh_1{row-gap:48px}}._login_1ajhh_1 ._subheader_1ajhh_16{text-align:center;max-width:340px}@media screen and (min-width: 768px){._login_1ajhh_1 ._subheader_1ajhh_16{max-width:500px}}@media screen and (min-width: 1200px){._login_1ajhh_1 ._subheader_1ajhh_16{max-width:600px}}._login_1ajhh_1 ._social_media_container_1ajhh_28{text-align:center}._login_1ajhh_1 ._social_media_1ajhh_28{display:flex;gap:36px;justify-content:center;margin-top:20px}._login_1ajhh_1 ._spinner_container_1ajhh_39{position:sticky}._login_1ajhh_1 ._buttons_1ajhh_43{display:flex;gap:16px;padding-top:24px}._login_fb_17egy_1{height:50px;width:50px;padding:8px;border:none;border-radius:4px;background-color:#3b5998;cursor:pointer}._login_google_gyzuq_1{position:relative}._login_google_gyzuq_1 ._google_container_gyzuq_4{padding:5px;transform:scale(1.25);position:absolute;top:0}._login_google_gyzuq_1 ._google_container_gyzuq_4>div>div:first-child{display:none}._login_google_gyzuq_1 ._spinner_gyzuq_14{display:flex;justify-content:center;align-items:center;padding:12px;border-radius:4px;border:solid 1px #dadce0;background-color:#fff;cursor:progress}._login_google_gyzuq_1 ._spinner_gyzuq_14:after{--spinner-size: 16px;--spinner-color: #999999;display:inline-block;content:"";height:var(--spinner-size);width:var(--spinner-size);border:solid 4px;border-color:var(--spinner-color) transparent var(--spinner-color) transparent;border-radius:50%;animation:_spin_gyzuq_14 .8s linear infinite}@keyframes _spin_gyzuq_14{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._login_x_15h3c_1{height:50px;width:50px;display:flex;justify-content:center;align-items:center;border-radius:4px;border:none;background-color:#000;cursor:pointer}._login_x_15h3c_1 svg{height:22px;width:22px}._privacy_1jf3d_1{display:block;max-width:1200px;margin:0 auto;padding:0 16px;ul {margin: 0;} button {display: flex; flex-direction: row-reverse;}}@media screen and (min-width: 768px){._privacy_1jf3d_1{padding:0 32px}}@media screen and (min-width: 1264px){._privacy_1jf3d_1{padding:0x}}._privacy_1jf3d_1 ._content_1jf3d_13{margin:20px 0;display:flex;flex-direction:column;column-gap:10px;line-height:24px}._recipe_detail_page_15lp1_1{overflow:hidden;padding-bottom:70px}._recipe_detail_page_15lp1_1:before{content:"";display:block;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;z-index:var(--z-index-main-overlay);opacity:0;transition:opacity .1s linear}._recipe_detail_page_15lp1_1._overlay_visible_15lp1_19:before{opacity:.3}._recipe_detail_page_15lp1_1>button{display:none;position:absolute;top:76px}@media screen and (min-width: 1200px){._recipe_detail_page_15lp1_1>button{display:inline}}._recipe_detail_page_15lp1_1 ._title_header_15lp1_33{display:flex;justify-content:space-between;align-items:start;flex-direction:row;row-gap:8px;flex-wrap:wrap}._recipe_detail_page_15lp1_1 ._title_buttons_15lp1_42{display:flex;align-items:center;column-gap:6px;align-self:end}._recipe_detail_page_15lp1_1 ._grid_container_15lp1_49{display:grid;margin-top:28px;grid-template-columns:1fr}@media screen and (min-width: 768px){._recipe_detail_page_15lp1_1 ._grid_container_15lp1_49{margin-top:32px}}@media screen and (min-width: 1200px){._recipe_detail_page_15lp1_1 ._grid_container_15lp1_49{grid-template-columns:440px 1fr;column-gap:42px}}._recipe_detail_page_15lp1_1 ._left_container_15lp1_62{display:contents}@media screen and (min-width: 1200px){._recipe_detail_page_15lp1_1 ._left_container_15lp1_62{display:flex;flex-direction:column;gap:48px}}._recipe_detail_page_15lp1_1 ._right_container_15lp1_71{margin-top:24px;grid-row:2}@media screen and (min-width: 768px){._recipe_detail_page_15lp1_1 ._right_container_15lp1_71{margin-top:28px}}@media screen and (min-width: 1200px){._recipe_detail_page_15lp1_1 ._right_container_15lp1_71{margin-top:10px;grid-row:initial}}@media screen and (min-width: 768px){._recipe_detail_page_15lp1_1 ._timers_container_15lp1_83{margin-top:8px}}._recipe_detail_page_15lp1_1 ._timers_flexbox_15lp1_88{margin-top:12px;display:flex;flex-wrap:wrap;gap:24px}._ingredients_view_10lb5_1{position:relative;background-color:var(--cookit-beige-input);padding:16px;border-radius:8px;max-width:440px}._ingredients_view_10lb5_1>span{display:block}._ingredients_view_10lb5_1 ._ingredients_grid_10lb5_12{display:grid;grid-template-columns:2fr 1fr;margin-top:12px}._ingredients_view_10lb5_1 ._ingredients_grid_10lb5_12>span{padding:6px 0}._ingredients_view_10lb5_1 ._ingredients_grid_10lb5_12>span:nth-of-type(2n){text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._ingredients_view_10lb5_1 ._ingredients_grid_10lb5_12>span:not(:nth-last-of-type(-n+2)){border-bottom:solid 1px rgba(0,0,0,.2)}._instructions_controls_prdrb_1{display:inline-flex;flex-direction:row;align-items:center;column-gap:8px;background-color:var(--cookit-beige-input);padding:10px;border-radius:14px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);transition:translate .1s linear;box-shadow:0 0 4px #111;z-index:var(--z-index-main-overlay-content);translate:0 90px;svg {rotate: 90deg;}}._instructions_controls_prdrb_1._visible_prdrb_18{translate:0 0}._instructions_view_1gol8_1 ._title_container_1gol8_3{display:flex;justify-content:space-between;align-items:center}._instructions_view_1gol8_1 ._ordered_list_1gol8_9{list-style:none;padding:0;margin-top:4px}._instructions_view_1gol8_1 ._instructions_view_item_1gol8_15{position:relative;display:flex;column-gap:8px;border-radius:6px;padding:14px 8px 14px 0;transition:background-color .1s linear}._instructions_view_1gol8_1 ._instructions_view_item_1gol8_15._active_1gol8_23{background-color:var(--cookit-beige-highlight);z-index:var(--z-index-main-overlay-content)}._instructions_view_1gol8_1 ._instructions_view_item_1gol8_15>span:nth-of-type(1){text-align:right;flex-shrink:0;width:28px}@media screen and (min-width: 768px){._instructions_view_1gol8_1 ._instructions_view_item_1gol8_15>span:nth-of-type(1){width:30px}}@media screen and (min-width: 1200px){._instructions_view_1gol8_1 ._instructions_view_item_1gol8_15>span:nth-of-type(1){width:32px}}._timer_countdown_1nimr_1{position:relative;background-color:var(--cookit-beige-input);padding:12px 16px;border-radius:8px;display:inline-grid;column-gap:12px;grid-template-areas:"N N B" "T T B"}@media screen and (min-width: 768px){._timer_countdown_1nimr_1{min-width:330px}}@media screen and (min-width: 1200px){._timer_countdown_1nimr_1{min-width:354px}}._timer_countdown_1nimr_1>label{font-size:1.2rem;color:#333;width:52px}._timer_countdown_1nimr_1 ._name_container_1nimr_26{grid-area:N}@media screen and (min-width: 768px){._timer_countdown_1nimr_1 ._name_container_1nimr_26{width:194px}}@media screen and (min-width: 1200px){._timer_countdown_1nimr_1 ._name_container_1nimr_26{width:217px}}._timer_countdown_1nimr_1 ._timer_container_1nimr_36{grid-area:T}._timer_countdown_1nimr_1 ._buttons_container_1nimr_40{grid-area:B;display:flex;flex-direction:row;gap:8px;justify-content:end;align-items:center}._timer_countdown_1nimr_1 ._buttons_container_1nimr_40 button:nth-of-type(1) svg{height:26px;width:26px}._timer_countdown_1nimr_1 ._buttons_container_1nimr_40 button:nth-of-type(2){padding:6px;svg {height: 50px; width: 50px;}}@keyframes _spin_1nimr_1{0%{transform:rotate(0) scale(1.1)}to{transform:rotate(-360deg) scale(1.1)}}._recipes_page_1dz3k_1 ._header_no_recipes_1dz3k_3{display:flex;flex-direction:column;align-items:center;text-align:center}._recipes_page_1dz3k_1 ._header_no_recipes_1dz3k_3 ._header_no_recipes_h1_1dz3k_9>span{font-family:Poetsen One,sans-serif}._recipes_page_1dz3k_1 ._header_no_recipes_1dz3k_3 ._header_no_recipes_h2_1dz3k_12{margin-top:30px}._recipes_page_1dz3k_1 ._header_no_recipes_1dz3k_3 ._header_no_recipes_btn_1dz3k_15{margin-top:50px}._recipes_page_1dz3k_1 ._recipes_page_header_1dz3k_20{display:flex;justify-content:space-between;align-items:center}._recipes_page_1dz3k_1 ._add_button_mobile_1dz3k_26{display:inline}@media screen and (min-width: 768px){._recipes_page_1dz3k_1 ._add_button_mobile_1dz3k_26{display:none}}._recipes_page_1dz3k_1 ._add_button_tablet_1dz3k_32{display:none}@media screen and (min-width: 768px){._recipes_page_1dz3k_1 ._add_button_tablet_1dz3k_32{display:inline}}._recipes_page_1dz3k_1 ._search_container_1dz3k_39{margin-top:24px}@media screen and (min-width: 1200px){._recipes_page_1dz3k_1 ._search_container_1dz3k_39{display:flex;justify-content:space-between;align-items:center}}@media screen and (min-width: 1200px){._recipes_page_1dz3k_1 ._search_input_1dz3k_47>div{width:575px}}._recipes_page_1dz3k_1 ._display_options_1dz3k_54{display:none}@media screen and (min-width: 1200px){._recipes_page_1dz3k_1 ._display_options_1dz3k_54{display:inline}}._recipes_page_1dz3k_1 ._recipes_page_list_1dz3k_61{margin-top:28px}@media screen and (min-width: 768px){._recipes_page_1dz3k_1 ._recipes_page_list_1dz3k_61{margin-top:32px}}._recipes_page_1dz3k_1 ._recipes_page_list_1dz3k_61>div:not(:first-of-type){margin-top:12px}@media screen and (min-width: 768px){._recipes_page_1dz3k_1 ._recipes_page_list_1dz3k_61>div:not(:first-of-type){margin-top:24px}}@media screen and (min-width: 1200px){._recipes_page_1dz3k_1 ._recipes_page_list_1dz3k_61>div:not(:first-of-type){margin-top:0}}@media screen and (min-width: 1200px){._recipes_page_1dz3k_1 ._recipes_page_list_1dz3k_61{display:grid;grid-template-columns:1fr 1fr;gap:20px 30px}._recipes_page_1dz3k_1 ._recipes_page_list_1dz3k_61._display_option_list_1dz3k_81{grid-template-columns:1fr}}._recipes_page_1dz3k_1 ._recipes_page_placeholder_1dz3k_87{background-color:#ccc;border:dashed 2px #333;border-radius:20px;padding:50px;text-align:center;font-family:Pacifico,cursive;font-size:2.2rem}._group_display_toggle_15y82_1{display:inline-flex;background-color:var(--cookit-beige-input);padding:8px 10px;border-radius:8px;button {background-color: transparent; border: none; padding: 0; border-radius: 6px; overflow: hidden; outline: none; &:focus-visible {outline: solid 2px #000; z-index: 0;}} span {padding: 4px;} &._boxes_15y82_24 {button:nth-of-type(1) span {background-color: rgba(0,0,0,.15);} button:nth-of-type(2) span:hover,button:nth-of-type(2):focus-visible span {background-color: var(--cookit-beige-highlight); cursor: pointer;}} &._list_15y82_33 {button:nth-of-type(1) span:hover,button:nth-of-type(1):focus-visible span {background-color: var(--cookit-beige-highlight); cursor: pointer;} button:nth-of-type(2) span {background-color: rgba(0,0,0,.15);}} svg {height: 30px; width: 30px;}}._recipe_group_accordion_view_1mcz1_1{display:block}._summary_1mcz1_5{display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-radius:6px;svg {height: 36px; width: 36px; @media screen and (min-width: 1200px) {display: none;}} @media screen and (min-width: 1200px) {pointer-events: none;} &::-webkit-details-marker {display: none;}}._summary_1mcz1_5:focus-visible{outline:solid 2px #000}._summary_1mcz1_5:hover,._summary_1mcz1_5:focus-visible{background-color:transparent}._title_1mcz1_35{flex:1}._list_1mcz1_39{list-style-type:none;padding:0;display:flex;flex-direction:column;gap:8px;li {overflow: hidden; button span:nth-of-type(1) {white-space: nowrap; overflow-x: hidden; display: block; text-overflow: ellipsis;}}}@media screen and (min-width: 768px){._list_1mcz1_39{display:grid;gap:10px 14px;grid-template-columns:1fr 1fr}._list_1mcz1_39._full_width_desktop_1mcz1_50{grid-template-columns:repeat(4,1fr)}}._item_button_1mcz1_67{display:flex;align-items:center;position:relative;color:#000;padding:14px 8px;cursor:pointer;border-radius:6px;overflow:hidden;border:none;width:100%;text-align:left;background-color:var(--cookit-beige-dark);svg {height: 32px; width: 32px; position: absolute; right: 0; display: flex; align-self: center; opacity: 0; pointer-events: none; transition: all .15s ease-out;}}._item_button_1mcz1_67:focus-visible{outline:solid 2px #000}@media screen and (min-width: 1200px){._item_button_1mcz1_67:hover,._item_button_1mcz1_67:focus-visible{background-color:var(--cookit-beige-highlight);svg {opacity: 1; translate: 3px 0;}}}._settings_1euzm_1 ._title_section_1euzm_2{display:flex;justify-content:left;align-items:center;column-gap:12px}._settings_1euzm_1 ._language_options_1euzm_8{display:flex;align-items:center;gap:10px}._settings_1euzm_1 ._settings_displaylist_1euzm_14{display:inline-grid;dt:nth-of-type(2n) {margin-top: 32px;} dt div:first-of-type {padding-bottom: 12px;} dd {margin-left: 0; margin-top: 12px;} @media screen and (min-width: 1200px) {grid-template-columns: 1fr 1fr; row-gap: 32px; dt {padding-right: 10%;} dt:nth-of-type(2n) {margin-top: 0;} dd {margin-top: 42px;}}}._dropdown_13tx6_1{display:block;position:relative}._dropdown_13tx6_1 ._selection_container_13tx6_5{display:inline-block;position:relative;box-sizing:border-box;background-color:var(--cookit-beige-input);cursor:pointer;padding:12px 38px 12px 14px;border-radius:8px;transition:border-bottom-left-radius .1s linear .1s,border-bottom-right-radius .1s linear .1s;width:inherit;outline:none}._dropdown_13tx6_1 ._selection_container_13tx6_5:hover{background-color:var(--cookit-beige-input-dark)}._dropdown_13tx6_1 ._selection_container_13tx6_5:after{content:"";position:absolute;top:16px;right:12px;bottom:0;height:6px;width:6px;border:solid 2px;border-color:transparent #000 #000 transparent;transform:rotate(45deg);transition:all .2s linear;pointer-events:none}._dropdown_13tx6_1 ._selection_container_13tx6_5>ul{position:absolute;top:44px;left:0;min-width:100%;transform:scaleY(0);transform-origin:top;transition:all .2s;overflow:hidden;box-sizing:border-box;list-style-type:none;margin:0;padding:0;background-color:var(--cookit-beige-input);border-bottom-left-radius:8px;border-bottom-right-radius:8px;z-index:1}@media screen and (min-width: 1768px){._dropdown_13tx6_1 ._selection_container_13tx6_5>ul{top:46px}}@media screen and (min-width: 1200px){._dropdown_13tx6_1 ._selection_container_13tx6_5>ul{top:48px}}._dropdown_13tx6_1 ._selection_container_13tx6_5>ul>li{display:flex;align-items:center;min-height:48px;padding:0 14px;cursor:pointer}._dropdown_13tx6_1 ._selection_container_13tx6_5>ul>li:not(:last-child){border-bottom:solid 1px var(--cookit-beige-dark)}._dropdown_13tx6_1 ._selection_container_13tx6_5>ul>li:hover{background-color:var(--cookit-beige-highlight)}._dropdown_13tx6_1._open_13tx6_80 ._selection_container_13tx6_5{border-bottom-left-radius:0;border-bottom-right-radius:0;transition:border-bottom-left-radius .1s linear 0s,border-bottom-right-radius .1s linear 0s}._dropdown_13tx6_1._open_13tx6_80 ._selection_container_13tx6_5:after{transform:rotate(45deg) rotate3d(1,-1,0,180deg);top:22px}._dropdown_13tx6_1._open_13tx6_80 ._selection_container_13tx6_5>ul{transform:scaleY(1)}._xoath_1bjeo_1{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;text-align:center}._xoath_1bjeo_1>div{margin-top:20px}._nav_ty6i4_1{--nav-height: 58px;display:block;position:relative;background-color:var(--cookit-beige-dark);z-index:var(--z-index-nav);box-shadow:#00000040 0 4px 4px}._nav_ty6i4_1 ._nav_content_ty6i4_10{display:flex;margin:0 auto;justify-content:space-between;height:var(--nav-height);align-items:center;padding:0 16px;max-width:1200px}@media screen and (min-width: 1264px){._nav_ty6i4_1 ._nav_content_ty6i4_10{padding:0}}@media screen and (min-width: 1200px){._nav_ty6i4_1 ._nav_content_ty6i4_10{flex-direction:row-reverse}}@media screen and (min-width: 1400px){._nav_ty6i4_1 ._nav_content_ty6i4_10{max-width:1400px}}._nav_ty6i4_1 ._profile_photo_ty6i4_29{display:flex;column-gap:4px;align-items:center}._nav_ty6i4_1 ._profile_photo_ty6i4_29>span._logout_icon_ty6i4_34{button {padding: 4px;} svg {height: 26px; width: 26px; transform: translateX(2px);} display: none}@media screen and (min-width: 1200px){._nav_ty6i4_1 ._profile_photo_ty6i4_29>span._logout_icon_ty6i4_34{display:inline-block}}._nav_ty6i4_1 ._profile_photo_ty6i4_29>span._photo_placeholder_ty6i4_50{display:inline-flex;align-items:center;justify-content:center;background-color:#ccc;height:36px;width:36px;border-radius:50%;cursor:default}._nav_ty6i4_1 ._profile_photo_ty6i4_29>img{display:inline-block;background-color:#ccc;height:36px;width:36px;border-radius:50%}._nav_ty6i4_1 ._logo_ty6i4_34{font-family:Poetsen One,sans-serif;font-size:4.4rem;padding-bottom:4px;z-index:var(--z-index-nav-content);cursor:pointer;span:nth-child(1) {color: #000000;} span:nth-child(2) {color: var(--cookit-red);}}._nav_ty6i4_1 ._hamburger_ty6i4_85{height:26px;width:30px;display:flex;flex-direction:column;justify-content:space-between;z-index:var(--z-index-nav-content)}@media screen and (min-width: 1200px){._nav_ty6i4_1 ._hamburger_ty6i4_85{display:none}}._nav_ty6i4_1 ._hamburger_ty6i4_85>span{display:inline-block;width:100%;height:4px;background-color:#000;transition:translate .2s linear .3s,rotate .3s linear,opacity .2s linear .3s}._nav_ty6i4_1 ._hamburger_ty6i4_85._hamburger_opened_ty6i4_108>span{transition:translate .2s,rotate .3s linear .2s,opacity .2s linear}._nav_ty6i4_1 ._hamburger_ty6i4_85._hamburger_opened_ty6i4_108>span:nth-child(1){rotate:135deg;translate:0 11px}._nav_ty6i4_1 ._hamburger_ty6i4_85._hamburger_opened_ty6i4_108>span:nth-child(2){opacity:0}._nav_ty6i4_1 ._hamburger_ty6i4_85._hamburger_opened_ty6i4_108>span:nth-child(3){rotate:-135deg;translate:0 -11px}._nav_ty6i4_1 ._desktop_menu_ty6i4_129{display:none;column-gap:30px;list-style:none;margin:0;padding:0;li {display: contents;} a {padding: 4px 14px; height: 36px; line-height: 34px; color: #000000; text-decoration: none; border-radius: 8px; &:hover,&:focus-visible {background-color: var(--cookit-beige-highlight);}}}@media screen and (min-width: 1200px){._nav_ty6i4_1 ._desktop_menu_ty6i4_129{display:flex}}._nav_ty6i4_1 ._mobile_menu_ty6i4_158{position:fixed;z-index:var(--z-index-nav-menu-modal);top:0;left:0;right:0;bottom:0;background-color:var(--cookit-beige-dark);overflow:hidden;display:flex;flex-direction:column;justify-content:end;align-items:center;transform:translate(100vw);transition:transform .15s linear}._nav_ty6i4_1 ._mobile_menu_ty6i4_158._mobile_menu_opened_ty6i4_174{transform:translate(0)}@media screen and (min-width: 768px){._nav_ty6i4_1 ._mobile_menu_ty6i4_158._mobile_menu_opened_ty6i4_174{right:50%;transform:translate(50vw)}}._nav_ty6i4_1 ._mobile_menu_ty6i4_158 ._mobile_menu_main_links_ty6i4_182{display:flex;list-style-type:none;padding-left:0;flex-grow:1;flex-direction:column;justify-content:center;li {display: flex; justify-content: center; &:not(:first-of-type) {margin-top: 32px;}} svg {height: 40px; width: 40px;}}._nav_ty6i4_1 ._mobile_menu_ty6i4_158 ._mobile_menu_secondary_links_ty6i4_203{list-style-type:none;padding:0;margin-bottom:26px;li {display: flex; justify-content: center; &:not(:first-of-type) {margin-top: 6px;}} svg {height: 32px; width: 32px;}}._nav_ty6i4_1 ._mobile_menu_ty6i4_158 ._mobile_menu_logout_ty6i4_222{text-align:center;margin-bottom:26px;button {background-color: var(--cookit-beige-default); box-shadow: rgba(0,0,0,.25) 0 4px 4px;}}@media screen and (min-width: 1200px){._nav_ty6i4_1 ._mobile_menu_ty6i4_158{display:none}}@font-face{font-family:Poetsen One;src:url(/assets/PoetsenOne-Regular-85b9c540.ttf) format("truetype")}@font-face{font-family:Itim;src:url(/assets/Itim-Regular-acdd351e.ttf) format("truetype")}:root{--breakpoint-sm: 0px;--breakpoint-md: 768px;--breakpoint-lg: 1200px;--breakpoint-xl: 1400px;--cookit-red: #C52323;--cookit-beige-default: #ECB460;--cookit-beige-dark: #C9903A;--cookit-beige-input: #DBA554;--cookit-beige-input-dark: #CD9B50;--cookit-beige-highlight: #F9C87E;--cookit-beige-disabled: #BEAA8A;--z-index-main-overlay: 0;--z-index-main-overlay-content: 1;--z-index-nav: 2;--z-index-nav-menu-modal: 3;--z-index-nav-content: 4;font-family:Itim,sans-serif;line-height:1;font-weight:400;font-size:62.5%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}:root,body,#root,main{display:block;margin:0;min-height:100%;background-color:var(--cookit-beige-default)}main{padding:34px 16px}@media screen and (min-width: 768px){main{padding:58px 32px}}@media screen and (min-width: 1200px){main{padding:68px 0;max-width:1200px;margin:0 auto}}@media screen and (min-width: 1400px){main{padding:78px 0;max-width:1400px}}