@layer reset,base,tokens,framework;@layer spxdesign{.sr_09d4cacf{width:50px;height:50px;vertical-align:center;animation:2s linear infinite sr_f90a1348}.sr_09d4cacf .sr_c7e4c86f{stroke-linecap:round;animation:1.5s ease-in-out infinite sr_a32d0c80}@keyframes sr_f90a1348{to{transform:rotate(360deg)}}@keyframes sr_a32d0c80{0%{stroke-dasharray:1 150;stroke-dashoffset:0}50%{stroke-dasharray:90 150;stroke-dashoffset:-35px}to{stroke-dasharray:90 150;stroke-dashoffset:-124px}}.sr_c9477da1:focus-visible{box-shadow:0 0 1px 2px var(--colours-selected) inset;border-color:var(--colours-selected);outline:none}@media (max-width:360px){.sr_b274b01b.sr_70806617{display:none}.sr_b274b01b.sr_70806617.sr_8392d162{display:initial}}@media (max-width:480px){.sr_b274b01b.sr_3a651f87{display:none}.sr_b274b01b.sr_3a651f87.sr_8392d162{display:initial}}@media (max-width:768px){.sr_b274b01b.sr_0bc2d1b9{display:none}.sr_b274b01b.sr_0bc2d1b9.sr_8392d162{display:initial}}@media (max-width:1024px){.sr_b274b01b.sr_8a82722b{display:none}.sr_b274b01b.sr_8a82722b.sr_8392d162{display:initial}}@media (max-width:1440px){.sr_b274b01b.sr_7b7c970f{display:none}.sr_b274b01b.sr_7b7c970f.sr_8392d162{display:initial}}@media (max-width:1920px){.sr_b274b01b.sr_4327ca63{display:none}.sr_b274b01b.sr_4327ca63.sr_8392d162{display:initial}}.sr_b274b01b.sr_8392d162{display:none}.sr_92e2f723{text-align:center;border-radius:var(--spx-button-border-radius,1em);font-weight:var(--spx-button-font-weight,bold);transition:background-color .2s var(--spx-ease-1), background .2s var(--spx-ease-1), border-color .2s var(--spx-ease-1), opacity .2s var(--spx-ease-1), color .2s var(--spx-ease-1);cursor:pointer;border:1px solid #fff;justify-content:center;align-items:center;font-family:inherit;text-decoration:none;display:flex;position:relative}.sr_92e2f723:focus-visible{box-shadow:0 0 2px var(--colours-selected)}.sr_15e4ce56{--default-padding-y:var(--spx-unit-1);--default-padding-x:var(--spx-unit-3);padding-top:var(--spx-button-padding-t-sm,var(--spx-button-padding-y-sm,var(--spx-button-padding-sm,var(--default-padding-y))));padding-bottom:var(--spx-button-padding-b-sm,var(--spx-button-padding-y-sm,var(--spx-button-padding-sm,var(--default-padding-y))));padding-right:var(--spx-button-padding-r-sm,var(--spx-button-padding-x-sm,var(--spx-button-padding-sm,var(--default-padding-x))));padding-left:var(--spx-button-padding-l-sm,var(--spx-button-padding-x-sm,var(--spx-button-padding-sm,var(--default-padding-x))));font-size:var(--spx-button-font-size-sm,var(--spx-font-size-base))}.sr_e6c57b09{--default-padding-y:var(--spx-unit-1);--default-padding-x:var(--spx-unit-4);padding-top:var(--spx-button-padding-t-md,var(--spx-button-padding-y-md,var(--spx-button-padding-md,var(--default-padding-y))));padding-bottom:var(--spx-button-padding-b-md,var(--spx-button-padding-y-md,var(--spx-button-padding-md,var(--default-padding-y))));padding-right:var(--spx-button-padding-r-md,var(--spx-button-padding-x-md,var(--spx-button-padding-md,var(--default-padding-x))));padding-left:var(--spx-button-padding-l-md,var(--spx-button-padding-x-md,var(--spx-button-padding-md,var(--default-padding-x))));font-size:var(--spx-button-font-size-md,var(--spx-font-size-xl))}.sr_15a72cc7{--default-padding-y:var(--spx-unit-1);--default-padding-x:var(--spx-unit-5);padding-top:var(--spx-button-padding-t-lg,var(--spx-button-padding-y-lg,var(--spx-button-padding-lg,var(--default-padding-y))));padding-bottom:var(--spx-button-padding-b-lg,var(--spx-button-padding-y-lg,var(--spx-button-padding-lg,var(--default-padding-y))));padding-right:var(--spx-button-padding-r-lg,var(--spx-button-padding-x-lg,var(--spx-button-padding-lg,var(--default-padding-x))));padding-left:var(--spx-button-padding-l-lg,var(--spx-button-padding-x-lg,var(--spx-button-padding-lg,var(--default-padding-x))));font-size:var(--spx-button-font-size-lg,var(--spx-font-size-2xl))}.sr_f64d0a47{margin-right:var(--spx-unit-2)}.sr_a488f09a{margin-left:var(--spx-unit-2)}.sr_f64d0a47,.sr_a488f09a{align-items:center;display:flex}.sr_b0063b84{--spx-button-contained-color:var(--colours-text-body-inverted);--spx-button-contained-color-hover:var(--colours-text-body-inverted);--spx-button-contained-background:var(--colours-interactable);--spx-button-contained-background-hover:var(--colours-selected);--spx-button-outlined-border-color:var(--colours-interactable);--spx-button-outlined-color:var(--colours-interactable);--spx-button-outlined-background:var(--colours-plain-background);--spx-button-outlined-background-hover:var(--colours-regular-background);--spx-button-plain-color:var(--colours-interactable);--spx-button-plain-background:var(--colours-plain-background);--spx-button-plain-background-hover:var(--colours-regular-background);--spx-button-text-color:var(--colours-interactable);--spx-button-text-color-hover:var(--colours-selected);--spx-button-text-background:transparent}.sr_e5bd6643{--spx-button-contained-color:var(--colours-text-body-inverted);--spx-button-contained-color-hover:var(--colours-text-body-inverted);--spx-button-contained-background:var(--colours-selected);--spx-button-contained-background-hover:var(--colours-interactable);--spx-button-outlined-border-color:var(--colours-selected);--spx-button-outlined-color:var(--colours-selected);--spx-button-outlined-background:var(--colours-plain-background);--spx-button-outlined-background-hover:var(--colours-regular-background);--spx-button-plain-color:var(--colours-selected);--spx-button-plain-background:var(--colours-plain-background);--spx-button-plain-background-hover:var(--colours-regular-background);--spx-button-text-color:var(--colours-selected);--spx-button-text-color-hover:var(--colours-interactable);--spx-button-text-background:transparent}.sr_17cc5085{-webkit-text-fill-color:initial;color:var(--spx-button-contained-color);background:var(--spx-button-contained-background);border-color:#0000}.sr_17cc5085:visited{-webkit-text-fill-color:initial;color:var(--spx-button-contained-color)}.sr_b12753d4:hover .sr_17cc5085:not(.sr_3bbf4c76),[data-button-hover-trigger]:hover .sr_17cc5085:not(.sr_3bbf4c76),.sr_17cc5085:not(.sr_3bbf4c76):hover,.sr_17cc5085:not(.sr_3bbf4c76):active{background:var(--spx-button-contained-background-hover);-webkit-text-fill-color:initial;color:var(--spx-button-contained-color-hover)}.sr_e6710ff5{-webkit-text-fill-color:initial;color:var(--spx-button-outlined-color);background:var(--spx-button-outlined-background);border-color:var(--spx-button-outlined-border-color)}.sr_e6710ff5:visited{-webkit-text-fill-color:initial;color:var(--spx-button-outlined-color)}.sr_b12753d4:hover .sr_e6710ff5:not(.sr_3bbf4c76),[data-button-hover-trigger]:hover .sr_e6710ff5:not(.sr_3bbf4c76),.sr_e6710ff5:not(.sr_3bbf4c76):hover,.sr_e6710ff5:not(.sr_3bbf4c76):active{background:var(--spx-button-outlined-background-hover)}.sr_b0ef2f06{-webkit-text-fill-color:initial;color:var(--spx-button-plain-color);background:var(--spx-button-plain-background);border-color:var(--spx-button-plain-background)}.sr_b0ef2f06:visited{-webkit-text-fill-color:initial;color:var(--spx-button-plain-color)}.sr_b12753d4:hover .sr_b0ef2f06:not(.sr_3bbf4c76),[data-button-hover-trigger]:hover .sr_b0ef2f06:not(.sr_3bbf4c76),.sr_b0ef2f06:not(.sr_3bbf4c76):hover,.sr_b0ef2f06:not(.sr_3bbf4c76):active{background:var(--spx-button-plain-background-hover);border-color:var(--spx-button-plain-background-hover)}.sr_20d77d0c{border-color:var(--spx-button-text-background);-webkit-text-fill-color:initial;color:var(--spx-button-text-color);text-decoration:underline}.sr_20d77d0c.sr_3bbf4c76{background-color:var(--spx-button-text-background);border-color:var(--spx-button-text-background)}.sr_20d77d0c:not(.sr_3bbf4c76):hover{-webkit-text-fill-color:initial;color:var(--spx-button-text-color-hover)}.sr_dc436cec{opacity:.7;pointer-events:none}.sr_3bbf4c76{border-color:var(--colours-disabled);-webkit-text-fill-color:initial;color:var(--colours-disabled-text);background:var(--colours-disabled);cursor:not-allowed}.sr_e6710ff5.sr_3bbf4c76{background-color:var(--colours-plain-background)}.sr_f64d0a47,.sr_a488f09a,.sr_51bb9109{opacity:1;transition:opacity .1s var(--spx-ease-1)}.sr_dc436cec .sr_f64d0a47,.sr_dc436cec .sr_a488f09a,.sr_dc436cec .sr_51bb9109{opacity:0}.sr_8a4098ba{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sr_419f8b22{align-items:center;display:flex}.sr_419f8b22.sr_91eab73f{flex-direction:row-reverse}.sr_419f8b22.sr_cc64fa84{flex-direction:row}.sr_63c2d04d{border:1px solid var(--colours-interactable);border-radius:var(--spx-radius-sm);background-color:var(--colours-plain-background);cursor:pointer;flex:none;justify-content:center;align-items:center;width:20px;height:20px;transition-duration:.2s;display:flex;position:relative}.sr_63c2d04d[data-state=checked]{background-color:var(--colours-interactable)}.sr_63c2d04d[data-disabled]{opacity:.4;cursor:not-allowed}.sr_63c2d04d.sr_91eab73f{margin-left:var(--spx-unit-4)}.sr_63c2d04d.sr_cc64fa84{margin-right:var(--spx-unit-4)}.sr_63c2d04d:focus{box-shadow:0 0 0 1px var(--colours-interactable)}.sr_63c2d04d.sr_86672002{border-color:var(--colours-text-body-inverted);-webkit-text-fill-color:initial;color:var(--colours-text-body-inverted);background-color:#0000}.sr_f0248f7f{background-color:#fff3;width:100%;height:100%;position:absolute;top:0;left:0}.sr_8df89fb8{-webkit-text-fill-color:initial;width:auto;height:20px;color:var(--colours-text-body-inverted);margin-top:-2px}.sr_d1e70fab{cursor:pointer}.sr_93709e0d{-webkit-text-fill-color:initial;color:var(--colours-text-body-inverted);justify-content:center;align-items:center;display:inline-flex}.sr_93709e0d.sr_fa186294.sr_8371be31{background-color:var(--colours-interactable)}.sr_93709e0d.sr_fa186294.sr_57fa4b11{background-color:var(--colours-selected)}.sr_93709e0d.sr_fa186294.sr_acd29e3a{background-color:var(--colours-complete-text)}.sr_93709e0d.sr_fa186294.sr_3fcddd03{background-color:var(--colours-complete)}.sr_93709e0d.sr_fa186294.sr_8a881a5a{background-color:var(--colours-incorrect)}.sr_93709e0d.sr_fa186294.sr_9e131703{background-color:var(--colours-locked);-webkit-text-fill-color:initial;color:var(--colours-locked-dark);font-weight:400}.sr_93709e0d.sr_fa186294.sr_521e8862{background-color:var(--colours-in-progress)}.sr_93709e0d.sr_fa186294.sr_ed00f79f{background-color:var(--colours-alert-warning-background)}.sr_93709e0d.sr_fa186294.sr_1bd64dac{background-color:var(--colours-optional)}.sr_93709e0d.sr_d8f9be19{border-style:solid;border-width:1px;font-weight:700}.sr_93709e0d.sr_d8f9be19.sr_8371be31{-webkit-text-fill-color:initial;color:var(--colours-interactable);border-color:var(--colours-interactable)}.sr_93709e0d.sr_d8f9be19.sr_57fa4b11{-webkit-text-fill-color:initial;color:var(--colours-selected);border-color:var(--colours-selected)}.sr_93709e0d.sr_d8f9be19.sr_acd29e3a{-webkit-text-fill-color:initial;color:var(--colours-complete-text);border-color:var(--colours-border)}.sr_93709e0d.sr_d8f9be19.sr_3fcddd03{-webkit-text-fill-color:initial;color:var(--colours-correct);border-color:var(--colours-correct)}.sr_93709e0d.sr_d8f9be19.sr_8a881a5a{-webkit-text-fill-color:initial;color:var(--colours-incorrect);border-color:var(--colours-incorrect)}.sr_93709e0d.sr_d8f9be19.sr_521e8862{-webkit-text-fill-color:initial;color:var(--colours-in-progress);border-color:var(--colours-in-progress)}.sr_93709e0d.sr_d8f9be19.sr_1bd64dac{-webkit-text-fill-color:initial;color:var(--colours-optional);border-color:var(--colours-optional)}.sr_93709e0d.sr_7868b8f9{border-radius:var(--spx-radius-full)}.sr_93709e0d.sr_5bf7f68b{border-radius:var(--spx-radius-sm)}.sr_93709e0d.sr_7d18f5b6{padding:var(--spx-unit-1) var(--spx-unit-2);font-size:var(--spx-font-size-sm)}.sr_93709e0d.sr_05d35e50{padding:var(--spx-unit-2) var(--spx-unit-3);font-size:var(--spx-font-size-base)}.sr_93709e0d.sr_0d79114d{padding:var(--spx-unit-2) var(--spx-unit-8);font-size:var(--spx-font-size-lg)}@media (max-width:768px){.sr_93709e0d.sr_7d18f5b6.sr_0687e40a{padding:var(--spx-unit-1) var(--spx-unit-1);font-size:var(--spx-font-size-xs)}.sr_93709e0d.sr_05d35e50.sr_0687e40a{padding:var(--spx-unit-1) var(--spx-unit-2);font-size:var(--spx-font-size-sm)}.sr_93709e0d.sr_0d79114d.sr_0687e40a{padding:var(--spx-unit-2) var(--spx-unit-4);font-size:var(--spx-font-size-base)}}.sr_6a0fb207{padding:var(--spx-unit-2);margin-top:var(--spx-unit-2);border-radius:var(--spx-radius-md);font-size:var(--spx-font-size-sm);line-height:var(--spx-unit-5);-webkit-text-fill-color:initial;color:var(--colours-text-error-message);background-color:var(--colours-background-error-message);align-items:center;display:flex}.sr_0428d219{margin-right:var(--spx-unit-2);width:var(--spx-unit-4);height:var(--spx-unit-4);-webkit-text-fill-color:initial;color:var(--colours-text-error-message)}.sr_fcdb01ee{flex:1}.sr_c27a4112{background-color:var(--colours-background-error-message);padding:var(--spx-unit-6);border-radius:var(--spx-radius-sm);border:1px solid var(--colours-text-error-message);overflow-y:auto}.sr_c27a4112>.sr_3d30a2c2{font-size:var(--spx-font-size-lg);margin:0;padding:0;font-weight:700}.sr_c27a4112>.sr_0b6b5184{-webkit-text-fill-color:initial;color:var(--colours-text-dark);padding-top:var(--spx-unit-4);margin-bottom:0}.sr_c27a4112>.sr_0b6b5184>a{-webkit-text-fill-color:initial;color:var(--colours-text-dark);font-weight:700}.sr_1ace6220{padding:var(--spx-unit-4);margin-top:var(--spx-unit-2);border-radius:var(--spx-radius-md);font-size:var(--spx-font-size-sm);line-height:var(--spx-unit-5);-webkit-text-fill-color:initial;color:var(--colours-text-secondary);background-color:var(--colours-background-info);display:flex}.sr_d48611e3{align-items:flex-start}.sr_ac6fd9aa{align-items:center}.sr_5e10faed{margin-right:var(--spx-unit-3);width:var(--spx-unit-4);height:var(--spx-unit-4);-webkit-text-fill-color:initial;color:var(--palette-light-blue)}.sr_cc40dac8{flex:1}.sr_5b4a8b24{width:calc(2 * var(--outer-circle-radius));height:calc(2 * var(--outer-circle-radius));display:inline-block;position:relative}.sr_8a30a3d6{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sr_48157f48{width:calc(2 * var(--outer-circle-radius));height:calc(2 * var(--outer-circle-radius))}.sr_c576f718{fill:var(--colours-dark-background);stroke:none}.sr_b8c925da{stroke:none;fill:var(--colours-regular-background)}.sr_69722d25{fill:none;stroke-width:var(--bar-width);stroke-linecap:round;stroke-dasharray:var(--progress-circle-circumference);transform-origin:var(--outer-circle-radius) var(--outer-circle-radius);transform:rotate(-90deg)}.sr_3bacb062{stop-color:var(--colours-correct-gradient-start)}.sr_c5de7b44{stop-color:var(--colours-correct-gradient-stop)}.sr_5f0b7c2b{-webkit-text-fill-color:initial;color:var(--colours-text-body);font-size:var(--spx-font-size-xl);justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}.sr_387ce30b{padding:var(--spx-unit-2);margin-top:var(--spx-unit-2);border-radius:var(--spx-radius-md);font-size:var(--spx-font-size-sm);line-height:var(--spx-unit-5);-webkit-text-fill-color:initial;color:var(--colours-text-warning-message);background-color:var(--colours-background-warning-message);align-items:center;display:flex}.sr_5036451c{align-items:flex-start}.sr_b68afc95{align-items:center}.sr_4824bacf{margin-right:var(--spx-unit-2);width:var(--spx-unit-4);height:var(--spx-unit-4);-webkit-text-fill-color:initial;color:var(--colours-text-warning-message)}.sr_5bc54efb{flex:1}}@layer recipes,components,utilities;