.toggle-switch.svelte-ast3q1{position:relative;display:inline-flex;align-items:center;width:fit-content;margin:8px 0 16px;height:28px}.toggle-switch.svelte-ast3q1 .toggle-label:where(.svelte-ast3q1){position:absolute;top:0;left:0;width:44px;height:24px;box-sizing:content-box;background-color:light-dark(var(--colour-dull-black),var(--colour-dull-bright));border:2px solid light-dark(var(--colour-dull-black),var(--colour-dull-bright));border-radius:34px;cursor:pointer;transition:background-color .3s}.toggle-switch.svelte-ast3q1 .toggle-label:where(.svelte-ast3q1):before{content:"";position:absolute;width:20px;height:20px;border-radius:100px;top:2px;left:2px;background-color:#fff;transition:transform .3s}.toggle-switch.svelte-ast3q1 .toggle-input:where(.svelte-ast3q1){display:none}.toggle-switch.svelte-ast3q1 .toggle-input:where(.svelte-ast3q1):checked+.toggle-label:where(.svelte-ast3q1){background-color:light-dark(var(--light-green-strong),var(--dark-green-strong))}.toggle-switch.svelte-ast3q1 .toggle-input:where(.svelte-ast3q1):checked+.toggle-label:where(.svelte-ast3q1):before{transform:translate(20px)}.toggle-switch.svelte-ast3q1 .toggle-text:where(.svelte-ast3q1){height:100%;margin-left:56px;user-select:none;-webkit-user-select:none;-moz-user-select:none;cursor:pointer}.toggle-switch.svelte-ast3q1 .toggle-text:where(.svelte-ast3q1) .small-span:where(.svelte-ast3q1){margin-left:4px;opacity:.5}@media (max-width: 768px){.toggle-switch.svelte-ast3q1{height:fit-content}.toggle-switch.svelte-ast3q1 .toggle-label:where(.svelte-ast3q1){top:50%;translate:0 -50%}.toggle-switch.svelte-ast3q1 .toggle-text:where(.svelte-ast3q1){display:inline;font-size:16px}}.body-container.svelte-ltzd5w{padding:40px 8px}.link-container.svelte-ltzd5w{margin-bottom:24px}.recipe-container.svelte-ltzd5w{background-color:light-dark(var(--light-bg),var(--dark-bg));border:4px groove light-dark(var(--light-bg),var(--dark-bg));padding:24px 32px}.recipe-container.svelte-ltzd5w h1:where(.svelte-ltzd5w){color:light-dark(var(--light-green-deep),var(--dark-green-deep));padding-bottom:4px;border-bottom:2px dotted light-dark(var(--light-green-deep),var(--dark-green-deep));margin-bottom:12px}.recipe-container.svelte-ltzd5w h2:where(.svelte-ltzd5w){border-top:2px dotted light-dark(var(--light-green-deep),var(--dark-green-deep));margin:12px 0 16px;padding-top:20px}.recipe-container.svelte-ltzd5w h2:where(.svelte-ltzd5w) .current-step:where(.svelte-ltzd5w){display:inline-block;font-size:1.2rem;margin-left:4px;opacity:.5;translate:0 -1px}.recipe-container.svelte-ltzd5w .recipe-header:where(.svelte-ltzd5w){justify-content:space-between;height:140px}.recipe-container.svelte-ltzd5w .recipe-header:where(.svelte-ltzd5w) .recipe-header-text:where(.svelte-ltzd5w){height:100%;display:flex;flex-direction:column;justify-content:space-between;align-self:flex-start;padding:4px 0}.recipe-container.svelte-ltzd5w .recipe-header:where(.svelte-ltzd5w) .recipe-header-text:where(.svelte-ltzd5w) :where(.svelte-ltzd5w){width:fit-content}.recipe-container.svelte-ltzd5w .recipe-header:where(.svelte-ltzd5w) img:where(.svelte-ltzd5w){height:100%;width:auto;aspect-ratio:1;object-fit:cover}.recipe-container.svelte-ltzd5w .multi-segment:where(.svelte-ltzd5w){border-top:2px dotted light-dark(var(--light-green-deep),var(--dark-green-deep));margin:12px 0 -8px;padding-top:20px}.recipe-container.svelte-ltzd5w .multi-segment:where(.svelte-ltzd5w) .serving-factor:where(.svelte-ltzd5w){margin:8px 0}.recipe-container.svelte-ltzd5w .serving-factor:where(.svelte-ltzd5w){font-size:18px;margin:8px 0 16px}.recipe-container.svelte-ltzd5w .serving-factor:where(.svelte-ltzd5w) button:where(.svelte-ltzd5w){height:2rem;width:fit-content;padding:0 4px;margin:0 4px;font-size:inherit;color:light-dark(var(--colour-dim),var(--colour-bright));border:2px solid light-dark(var(--colour-dim),var(--colour-bright))}.recipe-container.svelte-ltzd5w .serving-factor:where(.svelte-ltzd5w) button:where(.svelte-ltzd5w):first-of-type{margin-left:8px}.recipe-container.svelte-ltzd5w .serving-factor:where(.svelte-ltzd5w) button.active-factor:where(.svelte-ltzd5w){background-color:light-dark(var(--colour-dim),var(--colour-bright));color:light-dark(var(--light-bg),var(--dark-bg))}.recipe-container.svelte-ltzd5w ul:where(.svelte-ltzd5w){list-style-type:none;margin-bottom:8px}.recipe-container.svelte-ltzd5w ul:where(.svelte-ltzd5w) li:where(.svelte-ltzd5w){align-items:center;position:relative;margin-top:12px}.recipe-container.svelte-ltzd5w ul:where(.svelte-ltzd5w) li:where(.svelte-ltzd5w) input[type=checkbox]:where(.svelte-ltzd5w){width:20px;height:20px;translate:0 1px;cursor:pointer;accent-color:light-dark(var(--light-green-deep),var(--dark-green-deep));flex-shrink:0;align-items:flex-start}.recipe-container.svelte-ltzd5w ul:where(.svelte-ltzd5w) li:where(.svelte-ltzd5w) input[type=checkbox]:where(.svelte-ltzd5w):checked+label:where(.svelte-ltzd5w){text-decoration:line-through light-dark(var(--light-green-deep),var(--dark-green-deep))}.recipe-container.svelte-ltzd5w ul:where(.svelte-ltzd5w) li:where(.svelte-ltzd5w) label:where(.svelte-ltzd5w){align-items:center;position:relative;font-size:20px;margin-left:8px}.recipe-container.svelte-ltzd5w ol:where(.svelte-ltzd5w){padding-left:0;list-style:number;margin-left:24px;padding-right:24px}.recipe-container.svelte-ltzd5w ol:where(.svelte-ltzd5w) li:where(.svelte-ltzd5w){font-size:20px;transition:.3s background-color ease,.3s padding ease;padding:4px 8px;margin-top:4px;display:list-item}.recipe-container.svelte-ltzd5w ol:where(.svelte-ltzd5w) li.active:where(.svelte-ltzd5w){background-color:#9dc27566;border-left:2px solid light-dark(var(--light-green-deep),var(--dark-green-deep))}.recipe-container.svelte-ltzd5w ol:where(.svelte-ltzd5w) li:where(.svelte-ltzd5w) button:where(.svelte-ltzd5w){display:block;text-align:left;border:none;font-size:inherit}@media (max-width: 768px){.body-container.svelte-ltzd5w{padding:20px 8px}.recipe-container.svelte-ltzd5w{padding:16px}.recipe-container.svelte-ltzd5w .recipe-header:where(.svelte-ltzd5w){flex-direction:column-reverse;height:fit-content}.recipe-container.svelte-ltzd5w .recipe-header:where(.svelte-ltzd5w) img:where(.svelte-ltzd5w){height:unset;width:50%;margin:8px 0}.recipe-container.svelte-ltzd5w ul:where(.svelte-ltzd5w) li:where(.svelte-ltzd5w) label:where(.svelte-ltzd5w){width:100%;font-size:16px}.recipe-container.svelte-ltzd5w ol:where(.svelte-ltzd5w){padding-left:8px;padding-right:0}.recipe-container.svelte-ltzd5w ol:where(.svelte-ltzd5w) li:where(.svelte-ltzd5w){font-size:18px;padding:4px}}