@layer reset,base,tokens,framework;@layer spxdesign{.sr_1f2b53c6{width:50px;height:50px;vertical-align:center;animation:2s linear infinite sr_ec8dd5ca}.sr_1f2b53c6 .sr_7bdce1d6{stroke-linecap:round;animation:1.5s ease-in-out infinite sr_7106432f}@keyframes sr_ec8dd5ca{to{transform:rotate(360deg)}}@keyframes sr_7106432f{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_e29811cf:focus-visible{box-shadow:0 0 1px 2px var(--colours-selected) inset;border-color:var(--colours-selected);outline:none}@media (max-width:360px){.sr_a3758f15.sr_4a0423c4{display:none}.sr_a3758f15.sr_4a0423c4.sr_68fc964f{display:initial}}@media (max-width:480px){.sr_a3758f15.sr_7851b007{display:none}.sr_a3758f15.sr_7851b007.sr_68fc964f{display:initial}}@media (max-width:768px){.sr_a3758f15.sr_e7b3a41a{display:none}.sr_a3758f15.sr_e7b3a41a.sr_68fc964f{display:initial}}@media (max-width:1024px){.sr_a3758f15.sr_0ffa2e1a{display:none}.sr_a3758f15.sr_0ffa2e1a.sr_68fc964f{display:initial}}@media (max-width:1440px){.sr_a3758f15.sr_5929853f{display:none}.sr_a3758f15.sr_5929853f.sr_68fc964f{display:initial}}@media (max-width:1920px){.sr_a3758f15.sr_3a5371a7{display:none}.sr_a3758f15.sr_3a5371a7.sr_68fc964f{display:initial}}.sr_a3758f15.sr_68fc964f{display:none}.sr_05a14958{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_05a14958:focus-visible{box-shadow:0 0 2px var(--colours-selected)}.sr_3f79279f{--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_3774282f{--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_00f34fd2{--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_2897d717{margin-right:var(--spx-unit-2)}.sr_b122b9a4{margin-left:var(--spx-unit-2)}.sr_2897d717,.sr_b122b9a4{align-items:center;display:flex}.sr_4f308ae6{--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_51b091af{--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_d37627e2{-webkit-text-fill-color:initial;color:var(--spx-button-contained-color);background:var(--spx-button-contained-background);border-color:#0000}.sr_d37627e2:visited{-webkit-text-fill-color:initial;color:var(--spx-button-contained-color)}.sr_5ee3a720:hover .sr_d37627e2:not(.sr_ce884161),[data-button-hover-trigger]:hover .sr_d37627e2:not(.sr_ce884161),.sr_d37627e2:not(.sr_ce884161):hover,.sr_d37627e2:not(.sr_ce884161):active{background:var(--spx-button-contained-background-hover);-webkit-text-fill-color:initial;color:var(--spx-button-contained-color-hover)}.sr_8b7b5f51{-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_8b7b5f51:visited{-webkit-text-fill-color:initial;color:var(--spx-button-outlined-color)}.sr_5ee3a720:hover .sr_8b7b5f51:not(.sr_ce884161),[data-button-hover-trigger]:hover .sr_8b7b5f51:not(.sr_ce884161),.sr_8b7b5f51:not(.sr_ce884161):hover,.sr_8b7b5f51:not(.sr_ce884161):active{background:var(--spx-button-outlined-background-hover)}.sr_db7d3266{-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_db7d3266:visited{-webkit-text-fill-color:initial;color:var(--spx-button-plain-color)}.sr_5ee3a720:hover .sr_db7d3266:not(.sr_ce884161),[data-button-hover-trigger]:hover .sr_db7d3266:not(.sr_ce884161),.sr_db7d3266:not(.sr_ce884161):hover,.sr_db7d3266:not(.sr_ce884161):active{background:var(--spx-button-plain-background-hover);border-color:var(--spx-button-plain-background-hover)}.sr_f57439c0{border-color:var(--spx-button-text-background);-webkit-text-fill-color:initial;color:var(--spx-button-text-color);text-decoration:underline}.sr_f57439c0.sr_ce884161{background-color:var(--spx-button-text-background);border-color:var(--spx-button-text-background)}.sr_f57439c0:not(.sr_ce884161):hover{-webkit-text-fill-color:initial;color:var(--spx-button-text-color-hover)}.sr_ff87ea6f{opacity:.7;pointer-events:none}.sr_ce884161{border-color:var(--colours-disabled);-webkit-text-fill-color:initial;color:var(--colours-disabled-text);background:var(--colours-disabled);cursor:not-allowed}.sr_8b7b5f51.sr_ce884161{background-color:var(--colours-plain-background)}.sr_2897d717,.sr_b122b9a4,.sr_65c84702{opacity:1;transition:opacity .1s var(--spx-ease-1)}.sr_ff87ea6f .sr_2897d717,.sr_ff87ea6f .sr_b122b9a4,.sr_ff87ea6f .sr_65c84702{opacity:0}.sr_3c006449{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sr_2355fff6{align-items:center;display:flex}.sr_2355fff6.sr_1d717175{flex-direction:row-reverse}.sr_2355fff6.sr_80bdc201{flex-direction:row}.sr_f978a593{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_f978a593[data-state=checked]{background-color:var(--colours-interactable)}.sr_f978a593[data-disabled]{opacity:.4;cursor:not-allowed}.sr_f978a593.sr_1d717175{margin-left:var(--spx-unit-4)}.sr_f978a593.sr_80bdc201{margin-right:var(--spx-unit-4)}.sr_f978a593:focus{box-shadow:0 0 0 1px var(--colours-interactable)}.sr_f978a593.sr_de16c543{border-color:var(--colours-text-body-inverted);-webkit-text-fill-color:initial;color:var(--colours-text-body-inverted);background-color:#0000}.sr_0462bc3b{background-color:#fff3;width:100%;height:100%;position:absolute;top:0;left:0}.sr_e6dc8a4d{-webkit-text-fill-color:initial;width:auto;height:20px;color:var(--colours-text-body-inverted);margin-top:-2px}.sr_d6ccb7bb{cursor:pointer}.sr_4304e0f2{-webkit-text-fill-color:initial;color:var(--colours-text-body-inverted);justify-content:center;align-items:center;display:inline-flex}.sr_4304e0f2.sr_54f406f8.sr_0fbb46a5{background-color:var(--colours-interactable)}.sr_4304e0f2.sr_54f406f8.sr_0d18c725{background-color:var(--colours-selected)}.sr_4304e0f2.sr_54f406f8.sr_dfcbbff4{background-color:var(--colours-complete-text)}.sr_4304e0f2.sr_54f406f8.sr_4999d4e9{background-color:var(--colours-complete)}.sr_4304e0f2.sr_54f406f8.sr_6e01827f{background-color:var(--colours-incorrect)}.sr_4304e0f2.sr_54f406f8.sr_d7c9e031{background-color:var(--colours-locked);-webkit-text-fill-color:initial;color:var(--colours-locked-dark);font-weight:400}.sr_4304e0f2.sr_54f406f8.sr_bf5f97e4{background-color:var(--colours-in-progress)}.sr_4304e0f2.sr_54f406f8.sr_e07c2452{background-color:var(--colours-alert-warning-background)}.sr_4304e0f2.sr_54f406f8.sr_b215c44d{background-color:var(--colours-optional)}.sr_4304e0f2.sr_c2babd78{border-style:solid;border-width:1px;font-weight:700}.sr_4304e0f2.sr_c2babd78.sr_0fbb46a5{-webkit-text-fill-color:initial;color:var(--colours-interactable);border-color:var(--colours-interactable)}.sr_4304e0f2.sr_c2babd78.sr_0d18c725{-webkit-text-fill-color:initial;color:var(--colours-selected);border-color:var(--colours-selected)}.sr_4304e0f2.sr_c2babd78.sr_dfcbbff4{-webkit-text-fill-color:initial;color:var(--colours-complete-text);border-color:var(--colours-border)}.sr_4304e0f2.sr_c2babd78.sr_4999d4e9{-webkit-text-fill-color:initial;color:var(--colours-correct);border-color:var(--colours-correct)}.sr_4304e0f2.sr_c2babd78.sr_6e01827f{-webkit-text-fill-color:initial;color:var(--colours-incorrect);border-color:var(--colours-incorrect)}.sr_4304e0f2.sr_c2babd78.sr_bf5f97e4{-webkit-text-fill-color:initial;color:var(--colours-in-progress);border-color:var(--colours-in-progress)}.sr_4304e0f2.sr_c2babd78.sr_b215c44d{-webkit-text-fill-color:initial;color:var(--colours-optional);border-color:var(--colours-optional)}.sr_4304e0f2.sr_e7534319{border-radius:var(--spx-radius-full)}.sr_4304e0f2.sr_5c44f4f1{border-radius:var(--spx-radius-sm)}.sr_4304e0f2.sr_540d6b42{padding:var(--spx-unit-1) var(--spx-unit-2);font-size:var(--spx-font-size-sm)}.sr_4304e0f2.sr_802279fa{padding:var(--spx-unit-2) var(--spx-unit-3);font-size:var(--spx-font-size-base)}.sr_4304e0f2.sr_59c6c53e{padding:var(--spx-unit-2) var(--spx-unit-8);font-size:var(--spx-font-size-lg)}@media (max-width:768px){.sr_4304e0f2.sr_540d6b42.sr_504216bc{padding:var(--spx-unit-1) var(--spx-unit-1);font-size:var(--spx-font-size-xs)}.sr_4304e0f2.sr_802279fa.sr_504216bc{padding:var(--spx-unit-1) var(--spx-unit-2);font-size:var(--spx-font-size-sm)}.sr_4304e0f2.sr_59c6c53e.sr_504216bc{padding:var(--spx-unit-2) var(--spx-unit-4);font-size:var(--spx-font-size-base)}}.sr_76f9a79b{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_7a57f3ca{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_49eb6a1d{flex:1}.sr_165ce16e{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_165ce16e>.sr_d90491de{font-size:var(--spx-font-size-lg);margin:0;padding:0;font-weight:700}.sr_165ce16e>.sr_f06856d3{-webkit-text-fill-color:initial;color:var(--colours-text-dark);padding-top:var(--spx-unit-4);margin-bottom:0}.sr_165ce16e>.sr_f06856d3>a{-webkit-text-fill-color:initial;color:var(--colours-text-dark);font-weight:700}.sr_e097c3c8{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_7da52185{align-items:flex-start}.sr_7e9eeed4{align-items:center}.sr_6e164210{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_ca008b95{flex:1}.sr_9a0a09fa{width:calc(2 * var(--outer-circle-radius));height:calc(2 * var(--outer-circle-radius));display:inline-block;position:relative}.sr_719c3d50{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sr_abc4eef3{width:calc(2 * var(--outer-circle-radius));height:calc(2 * var(--outer-circle-radius))}.sr_9aee54d7{fill:var(--colours-dark-background);stroke:none}.sr_fe5b69cd{stroke:none;fill:var(--colours-regular-background)}.sr_13686766{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_468e92c6{stop-color:var(--colours-correct-gradient-start)}.sr_1029ee6b{stop-color:var(--colours-correct-gradient-stop)}.sr_1c679ba9{-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_1b693848{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_7d78f24c{align-items:flex-start}.sr_1fb9f1f7{align-items:center}.sr_b272a00d{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_7637aa48{flex:1}}@layer recipes,components,utilities;