.circle-container-f6d1035c{--foreground-color:var(--tyleo-primary-foreground-color);--border-width:1px;--padding:var(--tyleo-default-padding);--circle-size:var(--tyleo-circle-size);--border:solid var(--foreground-color) var(--border-width);align-items:center;display:flex;height:var(--circle-size);justify-content:center;position:relative;width:var(--circle-size)}.circle-c9b92310{border:var(--border);border-radius:50%;height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.toggle-a5ca564b{--background-color:var(--tyleo-button-color);--checked-background-color:var(--tyleo-green);--circle-background-color:var(--tyleo-pure-white);--check-padding:var(--tyleo-toggle-check-padding);--gap:var(--tyleo-default-padding);--height:var(--tyleo-toggle-diameter);--padding:var(--tyleo-toggle-circle-padding);--svg-size:var(--tyleo-toggle-svg-size);--width:var(--tyleo-toggle-width);--active-filter:var(--tyleo-active-filter);--highlight-time:var(--tyleo-element-highlight-time);--hover-filter:var(--tyleo-hover-filter);--hover-transition:var(--tyleo-hover-transition);--checked-left:calc(var(--width) - var(--padding) - var(--inner-circle-diameter));--inner-circle-diameter:calc(var(--height) - var(--padding)*2);align-items:center;display:flex;gap:var(--gap);pointer-events:none;position:relative;transition:var(--hover-transition);user-select:none;-webkit-user-select:none;width:fit-content;@media (hover:hover){&:hover{filter:var(--hover-filter);&:active{filter:var(--active-filter)}}}&:has(>.input-c1b89804:checked){&>.background-c876c1fe{background-color:var(--checked-background-color)}&>.background-c876c1fe>.circle-a0cc1aeb{left:var(--checked-left)}&>.background-c876c1fe>.circle-a0cc1aeb>.x-ad0204ae{opacity:0}&>.background-c876c1fe>.circle-a0cc1aeb>.check-cd8b344f{opacity:1}}}.input-c1b89804{all:unset;cursor:pointer;height:100%;pointer-events:all;position:absolute;width:100%}.background-c876c1fe{background-color:var(--background-color);border-radius:var(--height);height:var(--height);min-width:var(--width);position:relative;transition:background-color var(--highlight-time)}.circle-a0cc1aeb{align-items:center;background-color:var(--circle-background-color);border-radius:50%;display:flex;height:var(--inner-circle-diameter);justify-content:center;left:var(--padding);position:absolute;top:var(--padding);transition:left var(--highlight-time);width:var(--inner-circle-diameter)}.icon-b8571b26{height:var(--svg-size);position:absolute;transition:opacity var(--highlight-time);width:var(--svg-size)}.x-ad0204ae{fill:var(--background-color)}.check-cd8b344f{fill:var(--checked-background-color);opacity:0;padding-left:var(--check-padding)}.recipe-bcbe8314{--ingredients-width:calc(47.5% - var(--column-gap)/2);--procedure-width:calc(52.5% - var(--column-gap)/2);--ingredient-width:50%;--amount-width:30%;--ratio-width:20%;--row-gap:var(--tyleo-default-padding);--column-gap:var(--tyleo-default-padding);--double-row-gap:var(--tyleo-double-padding);--circle-width:var(--tyleo-circle-size);display:flex;flex-direction:column;gap:var(--row-gap);&:has(>div:first-child>.input-c1b89804:checked){--steps-display:none}@media only screen and (max-width:780px){--ingredients-width:100%;--procedure-width:100%}}.recipe-procedures-fde1c257{display:flex;flex-direction:column;gap:var(--row-gap);@media only screen and (max-width:780px){gap:var(--double-row-gap)}}.recipe-header-bar-f7126176{display:flex;flex-direction:column;gap:var(--row-gap)}.recipe-header-bar-headers-dc8469d4{display:flex;gap:var(--column-gap)}.procedure-recipe-header-bar-headers-a9464680{display:none;@media only screen and (max-width:780px){display:var(--steps-display,flex)}}.ingredients-header-b1b8917f{display:flex;gap:var(--column-gap);width:var(--ingredients-width)}.ingredient-header-e24e31f9{font-weight:700;width:var(--ingredient-width)}.amount-header-f48a4010{font-weight:700;width:var(--amount-width)}.ratio-header-fba0201a{font-weight:700;width:var(--ratio-width)}.procedure-header-e92a9aca{display:var(--steps-display,inline);font-weight:700;width:var(--procedure-width);@media only screen and (max-width:780px){display:none}}.procedure-c84613fc{display:flex;gap:var(--column-gap);@media only screen and (max-width:780px){flex-direction:column;gap:var(--double-row-gap)}}.ingredients-c3f35cfc{display:flex;flex-direction:column;gap:var(--row-gap);width:var(--ingredients-width)}.ingredient-ab20abe3{align-items:flex-end;display:flex;gap:var(--column-gap)}.ingredient-text-c77d85d9{width:var(--ingredient-width)}.amount-text-a56b7a19{overflow:scroll;width:var(--amount-width)}.ratio-text-a857415e{width:var(--ratio-width)}.steps-eaf99ff5{display:var(--steps-display,flex);flex-direction:column;gap:var(--row-gap);width:var(--procedure-width)}.step-cf8cd03a{display:flex;min-height:var(--circle-width)}.step-number-alignment-acb5ac7c{height:100%;width:fit-content}.step-number-circle-container-f6379e80{display:flex;min-width:var(--tyleo-left-shifted-element-padding)}.double-gap-column-ffe741f7{display:flex;flex-direction:column;gap:var(--tyleo-double-padding)}.path-1-c9dbcd56{fill:var(--tyleo-lighterless-gray)}.path-2-e91c56af{fill:var(--tyleo-lighterer-gray)}.a-h3-ea5fc977{--link-color:var(--tyleo-link-color);--font-size:var(--tyleo-medium-font-size);--icon-margin-bottom:var(--tyleo-link-header-icon-margin-bottom);--icon-height:calc(var(--font-size)*var(--tyleo-link-header-icon-height));font-size:var(--font-size)}.space-f2492b18{user-select:none;-webkit-user-select:none}.icon-e87ecb34{fill:var(--link-color);height:var(--icon-height);margin-bottom:var(--icon-margin-bottom);vertical-align:middle}.a-h4-dda25f92{--link-color:var(--tyleo-link-color);--font-size:var(--tyleo-normal-font-size);--icon-margin-bottom:var(--tyleo-link-header-icon-margin-bottom);--icon-height:calc(var(--font-size)*var(--tyleo-link-header-icon-height));font-size:var(--font-size)}.space-cb6b4920{user-select:none;-webkit-user-select:none}.icon-e9d015ce{fill:var(--link-color);height:var(--icon-height);margin-bottom:var(--icon-margin-bottom);vertical-align:middle}.sections-eb766494{--width:var(--tyleo-center-column-width);--horizontal-padding:var(--tyleo-left-right-screen-edge-padding);--grid-template-columns-center:1fr var(--width) 1fr;--grid-template-columns-stretch:var(--horizontal-padding) 1fr var(--horizontal-padding);display:flex;flex-direction:column;&[data-vert-stretch]{height:100%}}.row-b7c23695{display:grid;&[data-alignment=center]{grid-template-columns:var(--grid-template-columns-center);@media only screen and (max-width:780px){grid-template-columns:var(--grid-template-columns-stretch)}}&[data-alignment=stretch]{grid-template-columns:var(--grid-template-columns-stretch)}:where(&)>*{grid-column:2}}.gapped-sections-b6732ab9{--gap:var(--tyleo-double-padding);row-gap:var(--gap)}.blog-post-header-aabcc289{--min-icon-size:calc((var(--tyleo-large-font-size) + var(--tyleo-medium-font-size))*var(--tyleo-blog-title-line-height));--max-icon-size:calc((var(--tyleo-large-font-size) + var(--tyleo-medium-font-size) + var(--tyleo-medium-font-size))*var(--tyleo-blog-title-line-height));align-items:center;display:flex;gap:var(--tyleo-double-padding);@media only screen and (max-width:780px){align-items:unset;flex-direction:column}}.title-container-d36e5df5{line-height:var(--tyleo-blog-title-line-height)}.icon-a3de03d0{align-content:center;aspect-ratio:1;height:100%;min-height:var(--min-icon-size);@media only screen and (max-width:780px){align-self:center;min-height:var(--max-icon-size)}}.caret-toggle-a5a827ab{--background-color:var(--tyleo-button-color);--foreground-color:var(--tyleo-pure-white);--diameter:var(--tyleo-toggle-diameter);--gap:var(--tyleo-default-padding);--padding:var(--tyleo-toggle-circle-padding);--active-filter:var(--tyleo-active-filter);--hover-filter:var(--tyleo-hover-filter);--hover-transition:var(--tyleo-hover-transition);--transform-time:var(--tyleo-element-highlight-time);--transform-transition:transform var(--transform-time);align-items:center;display:flex;gap:var(--gap);pointer-events:none;position:relative;transition:var(--hover-transition);user-select:none;-webkit-user-select:none;@media (hover:hover){&:hover{filter:var(--hover-filter);&:active{filter:var(--active-filter)}}}&:has(>.input-d47aac2c:checked)>.background-e7c59285{transform:rotate(90deg)}}.input-d47aac2c{all:unset;cursor:pointer;height:100%;pointer-events:all;position:absolute;width:100%}.background-e7c59285{align-items:center;background-color:var(--background-color);border-radius:50%;box-sizing:border-box;display:flex;height:var(--diameter);justify-content:center;padding:var(--padding);transition:var(--transform-transition);width:var(--diameter)}.icon-c4f03893{height:100%;width:100%}.icon_foreground-d7bc9ba3{fill:var(--foreground-color)}.icon_background-b612929a{fill:transparent}.toggle-section-a496643f{--background-color:var(--tyleo-button-color);--circle-diameter:var(--tyleo-toggle-diameter);--circle-padding:var(--tyleo-toggle-circle-padding);--horizontal-content-gap:var(--tyleo-default-padding);--padding-left:var(--tyleo-left-shifted-element-padding);--vertical-content-gap:var(--tyleo-default-padding);--active-filter:var(--tyleo-active-filter);--hover-filter:var(--tyleo-hover-filter);--hover-transition:var(--tyleo-hover-transition);--rule-width:var(--circle-padding);--rule-bottom-border-radius:calc(var(--rule-width)/2);--rule-border-radius:0 0 var(--rule-bottom-border-radius) var(--rule-bottom-border-radius);--rule-left:calc((var(--circle-diameter) - var(--rule-width))/2);--toggle-active-filter:var(--active-filter);--toggle-hover-filter:var(--hover-filter);--toggle-hover-transition:var(--hover-transition);display:flex;flex-direction:column;gap:var(--vertical-content-gap);overflow:hidden;&:has(>.content-view-toggle-d8882074>.input-d47aac2c:checked){&>.content-view-toggle-d8882074:before{background-color:var(--background-color);content:"";height:calc(50% + var(--vertical-content-gap));left:var(--rule-left);position:absolute;top:50%;width:var(--rule-width)}&>.content-f57e4b08{display:initial;&:before{background-color:var(--background-color);border-radius:var(--rule-border-radius);content:"";height:100%;left:var(--rule-left);position:absolute;transition:var(--hover-transition);width:var(--rule-width)}}}@media (hover:hover){&:has(>.content-view-toggle-d8882074:hover)>.content-f57e4b08:before{filter:var(--hover-filter)}&:has(>.content-view-toggle-d8882074:active:hover)>.content-f57e4b08:before{filter:var(--active-filter)}}}.content-view-toggle-d8882074{--diameter:var(--circle-diameter);--gap:var(--horizontal-content-gap);--padding:var(--circle-padding);--active-filter:var(--toggle-active-filter);--hover-filter:var(--toggle-hover-filter);--hover-transition:var(--toggle-hover-transition)}.content-f57e4b08{display:none;padding-left:var(--padding-left);position:relative}.blog-post-a20e137e{--line-height:var(--tyleo-blog-line-height);--vertical-padding:var(--tyleo-double-padding);--padding:var(--vertical-padding) 0;line-height:var(--line-height);padding:var(--padding);&[data-pad-bottom]{padding-bottom:128px}}.icon-link-d653f8ec{--width:var(--tyleo-large-font-size);text-decoration:none;user-select:none;-webkit-user-select:none;width:fit-content}.icon-bb39463f{vertical-align:middle;width:var(--width)}.text-ad74699a{text-decoration:underline;vertical-align:middle}.image-e68e6213{border-radius:var(--tyleo-default-border-radius);max-width:100%;width:auto}.annoying-story-a86067cf{display:flex;flex-direction:column;gap:var(--tyleo-double-padding)}.image-container-bad42364{aspect-ratio:8/5;display:flex;justify-content:center;width:100%;@media only screen and (max-width:780px){aspect-ratio:auto}}.image-a76e8b13{height:100%}