@layer reset,base,tokens,framework;@layer spxdesign{.sr_1faaa5cd{width:50px;height:50px;vertical-align:center;animation:2s linear infinite sr_3ddc2866}.sr_1faaa5cd .sr_d5fad420{stroke-linecap:round;animation:1.5s ease-in-out infinite sr_6d5f696c}@keyframes sr_3ddc2866{to{transform:rotate(360deg)}}@keyframes sr_6d5f696c{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_e7b3fb7b:focus-visible{box-shadow:0 0 1px 2px var(--colours-selected) inset;border-color:var(--colours-selected);outline:none}@media (max-width:360px){.sr_4e6ee537.sr_b166dc74{display:none}.sr_4e6ee537.sr_b166dc74.sr_86c557e0{display:initial}}@media (max-width:480px){.sr_4e6ee537.sr_8a90d483{display:none}.sr_4e6ee537.sr_8a90d483.sr_86c557e0{display:initial}}@media (max-width:768px){.sr_4e6ee537.sr_da8bc595{display:none}.sr_4e6ee537.sr_da8bc595.sr_86c557e0{display:initial}}@media (max-width:1024px){.sr_4e6ee537.sr_74f65725{display:none}.sr_4e6ee537.sr_74f65725.sr_86c557e0{display:initial}}@media (max-width:1440px){.sr_4e6ee537.sr_5948bcab{display:none}.sr_4e6ee537.sr_5948bcab.sr_86c557e0{display:initial}}@media (max-width:1920px){.sr_4e6ee537.sr_d12ec7f4{display:none}.sr_4e6ee537.sr_d12ec7f4.sr_86c557e0{display:initial}}.sr_4e6ee537.sr_86c557e0{display:none}.sr_0f77399a{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_0f77399a:focus-visible{box-shadow:0 0 2px var(--colours-selected)}.sr_96385049{--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_78d19b6d{--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_8d5bad2d{--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_768df4cf{margin-right:var(--spx-unit-2)}.sr_378d7777{margin-left:var(--spx-unit-2)}.sr_768df4cf,.sr_378d7777{align-items:center;display:flex}.sr_54c227fd{--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_acea8339{--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_57a58e05{-webkit-text-fill-color:initial;color:var(--spx-button-contained-color);background:var(--spx-button-contained-background);border-color:#0000}.sr_57a58e05:visited{-webkit-text-fill-color:initial;color:var(--spx-button-contained-color)}.sr_081939b8:hover .sr_57a58e05:not(.sr_1d6fa56d),[data-button-hover-trigger]:hover .sr_57a58e05:not(.sr_1d6fa56d),.sr_57a58e05:not(.sr_1d6fa56d):hover,.sr_57a58e05:not(.sr_1d6fa56d):active{background:var(--spx-button-contained-background-hover);-webkit-text-fill-color:initial;color:var(--spx-button-contained-color-hover)}.sr_2e3a7233{-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_2e3a7233:visited{-webkit-text-fill-color:initial;color:var(--spx-button-outlined-color)}.sr_081939b8:hover .sr_2e3a7233:not(.sr_1d6fa56d),[data-button-hover-trigger]:hover .sr_2e3a7233:not(.sr_1d6fa56d),.sr_2e3a7233:not(.sr_1d6fa56d):hover,.sr_2e3a7233:not(.sr_1d6fa56d):active{background:var(--spx-button-outlined-background-hover)}.sr_d2231c16{-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_d2231c16:visited{-webkit-text-fill-color:initial;color:var(--spx-button-plain-color)}.sr_081939b8:hover .sr_d2231c16:not(.sr_1d6fa56d),[data-button-hover-trigger]:hover .sr_d2231c16:not(.sr_1d6fa56d),.sr_d2231c16:not(.sr_1d6fa56d):hover,.sr_d2231c16:not(.sr_1d6fa56d):active{background:var(--spx-button-plain-background-hover);border-color:var(--spx-button-plain-background-hover)}.sr_14a548e5{border-color:var(--spx-button-text-background);-webkit-text-fill-color:initial;color:var(--spx-button-text-color);text-decoration:underline}.sr_14a548e5.sr_1d6fa56d{background-color:var(--spx-button-text-background);border-color:var(--spx-button-text-background)}.sr_14a548e5:not(.sr_1d6fa56d):hover{-webkit-text-fill-color:initial;color:var(--spx-button-text-color-hover)}.sr_aae3ef01{opacity:.7;pointer-events:none}.sr_1d6fa56d{border-color:var(--colours-disabled);-webkit-text-fill-color:initial;color:var(--colours-disabled-text);background:var(--colours-disabled);cursor:not-allowed}.sr_2e3a7233.sr_1d6fa56d{background-color:var(--colours-plain-background)}.sr_768df4cf,.sr_378d7777,.sr_6f4e2457{opacity:1;transition:opacity .1s var(--spx-ease-1)}.sr_aae3ef01 .sr_768df4cf,.sr_aae3ef01 .sr_378d7777,.sr_aae3ef01 .sr_6f4e2457{opacity:0}.sr_f88b69f5{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sr_29eb5086{align-items:center;display:flex}.sr_29eb5086.sr_cdd406b4{flex-direction:row-reverse}.sr_29eb5086.sr_2a4ae644{flex-direction:row}.sr_0c8d0da1{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_0c8d0da1[data-state=checked]{background-color:var(--colours-interactable)}.sr_0c8d0da1[data-disabled]{opacity:.4;cursor:not-allowed}.sr_0c8d0da1.sr_cdd406b4{margin-left:var(--spx-unit-4)}.sr_0c8d0da1.sr_2a4ae644{margin-right:var(--spx-unit-4)}.sr_0c8d0da1:focus{box-shadow:0 0 0 1px var(--colours-interactable)}.sr_0c8d0da1.sr_2049eaf5{border-color:var(--colours-text-body-inverted);-webkit-text-fill-color:initial;color:var(--colours-text-body-inverted);background-color:#0000}.sr_d21eace4{background-color:#fff3;width:100%;height:100%;position:absolute;top:0;left:0}.sr_54172867{-webkit-text-fill-color:initial;width:auto;height:20px;color:var(--colours-text-body-inverted);margin-top:-2px}.sr_ee2ad32a{cursor:pointer}.sr_610e2cde{-webkit-text-fill-color:initial;color:var(--colours-text-body-inverted);justify-content:center;align-items:center;display:inline-flex}.sr_610e2cde.sr_ab439563.sr_803817d4{background-color:var(--colours-interactable)}.sr_610e2cde.sr_ab439563.sr_7ace5dd7{background-color:var(--colours-selected)}.sr_610e2cde.sr_ab439563.sr_a36df154{background-color:var(--colours-complete-text)}.sr_610e2cde.sr_ab439563.sr_7db9f29c{background-color:var(--colours-complete)}.sr_610e2cde.sr_ab439563.sr_657a19f2{background-color:var(--colours-incorrect)}.sr_610e2cde.sr_ab439563.sr_b4b73e54{background-color:var(--colours-locked);-webkit-text-fill-color:initial;color:var(--colours-locked-dark);font-weight:400}.sr_610e2cde.sr_ab439563.sr_26f05619{background-color:var(--colours-in-progress)}.sr_610e2cde.sr_ab439563.sr_d45a635e{background-color:var(--colours-alert-warning-background)}.sr_610e2cde.sr_ab439563.sr_7da42d6e{background-color:var(--colours-optional)}.sr_610e2cde.sr_d153ac63{border-style:solid;border-width:1px;font-weight:700}.sr_610e2cde.sr_d153ac63.sr_803817d4{-webkit-text-fill-color:initial;color:var(--colours-interactable);border-color:var(--colours-interactable)}.sr_610e2cde.sr_d153ac63.sr_7ace5dd7{-webkit-text-fill-color:initial;color:var(--colours-selected);border-color:var(--colours-selected)}.sr_610e2cde.sr_d153ac63.sr_a36df154{-webkit-text-fill-color:initial;color:var(--colours-complete-text);border-color:var(--colours-border)}.sr_610e2cde.sr_d153ac63.sr_7db9f29c{-webkit-text-fill-color:initial;color:var(--colours-correct);border-color:var(--colours-correct)}.sr_610e2cde.sr_d153ac63.sr_657a19f2{-webkit-text-fill-color:initial;color:var(--colours-incorrect);border-color:var(--colours-incorrect)}.sr_610e2cde.sr_d153ac63.sr_26f05619{-webkit-text-fill-color:initial;color:var(--colours-in-progress);border-color:var(--colours-in-progress)}.sr_610e2cde.sr_d153ac63.sr_7da42d6e{-webkit-text-fill-color:initial;color:var(--colours-optional);border-color:var(--colours-optional)}.sr_610e2cde.sr_c28fc53a{border-radius:var(--spx-radius-full)}.sr_610e2cde.sr_b51419b6{border-radius:var(--spx-radius-sm)}.sr_610e2cde.sr_ef96fb2f{padding:var(--spx-unit-1) var(--spx-unit-2);font-size:var(--spx-font-size-sm)}.sr_610e2cde.sr_2baca9be{padding:var(--spx-unit-2) var(--spx-unit-3);font-size:var(--spx-font-size-base)}.sr_610e2cde.sr_293a351e{padding:var(--spx-unit-2) var(--spx-unit-8);font-size:var(--spx-font-size-lg)}@media (max-width:768px){.sr_610e2cde.sr_ef96fb2f.sr_1ab43be6{padding:var(--spx-unit-1) var(--spx-unit-1);font-size:var(--spx-font-size-xs)}.sr_610e2cde.sr_2baca9be.sr_1ab43be6{padding:var(--spx-unit-1) var(--spx-unit-2);font-size:var(--spx-font-size-sm)}.sr_610e2cde.sr_293a351e.sr_1ab43be6{padding:var(--spx-unit-2) var(--spx-unit-4);font-size:var(--spx-font-size-base)}}.sr_11a242f3{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_c1184b4e{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_64dd484c{flex:1}.sr_71c67345{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_71c67345>.sr_9c8cb326{font-size:var(--spx-font-size-lg);margin:0;padding:0;font-weight:700}.sr_71c67345>.sr_9070c727{-webkit-text-fill-color:initial;color:var(--colours-text-dark);padding-top:var(--spx-unit-4);margin-bottom:0}.sr_71c67345>.sr_9070c727>a{-webkit-text-fill-color:initial;color:var(--colours-text-dark);font-weight:700}.sr_eda9c4f5{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_7b0d3fe2{align-items:flex-start}.sr_23455f15{align-items:center}.sr_d7fbd11d{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_2e3b48d0{flex:1}.sr_e2137ed2{width:calc(2 * var(--outer-circle-radius));height:calc(2 * var(--outer-circle-radius));display:inline-block;position:relative}.sr_1b560e61{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sr_267eae22{width:calc(2 * var(--outer-circle-radius));height:calc(2 * var(--outer-circle-radius))}.sr_02347431{fill:var(--colours-dark-background);stroke:none}.sr_965b869f{stroke:none;fill:var(--colours-regular-background)}.sr_82af0846{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_17497cdf{stop-color:var(--colours-correct-gradient-start)}.sr_885e4e17{stop-color:var(--colours-correct-gradient-stop)}.sr_1040348e{-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_a0b3e903{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_013d3b85{align-items:flex-start}.sr_5389e749{align-items:center}.sr_170aed17{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_068ffcac{flex:1}}@layer recipes,components,utilities;