@layer reset,base,tokens,framework;@layer spxdesign{.sr_cae0f5e4{width:50px;height:50px;vertical-align:center;animation:2s linear infinite sr_b9ebfd55}.sr_cae0f5e4 .sr_154b7888{stroke-linecap:round;animation:1.5s ease-in-out infinite sr_bb7a82ba}@keyframes sr_b9ebfd55{to{transform:rotate(360deg)}}@keyframes sr_bb7a82ba{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_8dcb1af9:focus-visible{box-shadow:0 0 1px 2px var(--colours-selected) inset;border-color:var(--colours-selected);outline:none}@media (max-width:360px){.sr_40b1d693.sr_acd03530{display:none}.sr_40b1d693.sr_acd03530.sr_dd094956{display:initial}}@media (max-width:480px){.sr_40b1d693.sr_63d57306{display:none}.sr_40b1d693.sr_63d57306.sr_dd094956{display:initial}}@media (max-width:768px){.sr_40b1d693.sr_860cd232{display:none}.sr_40b1d693.sr_860cd232.sr_dd094956{display:initial}}@media (max-width:1024px){.sr_40b1d693.sr_9ae6fb66{display:none}.sr_40b1d693.sr_9ae6fb66.sr_dd094956{display:initial}}@media (max-width:1440px){.sr_40b1d693.sr_9343f6fd{display:none}.sr_40b1d693.sr_9343f6fd.sr_dd094956{display:initial}}@media (max-width:1920px){.sr_40b1d693.sr_49452a0d{display:none}.sr_40b1d693.sr_49452a0d.sr_dd094956{display:initial}}.sr_40b1d693.sr_dd094956{display:none}.sr_19ffd58f{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_19ffd58f:focus-visible{box-shadow:0 0 2px var(--colours-selected)}.sr_1eb4ca08{--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_2ca04131{--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_95ef387d{--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_0c659901{margin-right:var(--spx-unit-2)}.sr_9e3d7eef{margin-left:var(--spx-unit-2)}.sr_0c659901,.sr_9e3d7eef{align-items:center;display:flex}.sr_677ab2be{--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_4172f147{--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_e4eff9f5{-webkit-text-fill-color:initial;color:var(--spx-button-contained-color);background:var(--spx-button-contained-background);border-color:#0000}.sr_e4eff9f5:visited{-webkit-text-fill-color:initial;color:var(--spx-button-contained-color)}.sr_5c926b00:hover .sr_e4eff9f5:not(.sr_71e0544d),[data-button-hover-trigger]:hover .sr_e4eff9f5:not(.sr_71e0544d),.sr_e4eff9f5:not(.sr_71e0544d):hover,.sr_e4eff9f5:not(.sr_71e0544d):active{background:var(--spx-button-contained-background-hover);-webkit-text-fill-color:initial;color:var(--spx-button-contained-color-hover)}.sr_ad258821{-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_ad258821:visited{-webkit-text-fill-color:initial;color:var(--spx-button-outlined-color)}.sr_5c926b00:hover .sr_ad258821:not(.sr_71e0544d),[data-button-hover-trigger]:hover .sr_ad258821:not(.sr_71e0544d),.sr_ad258821:not(.sr_71e0544d):hover,.sr_ad258821:not(.sr_71e0544d):active{background:var(--spx-button-outlined-background-hover)}.sr_e6e02993{-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_e6e02993:visited{-webkit-text-fill-color:initial;color:var(--spx-button-plain-color)}.sr_5c926b00:hover .sr_e6e02993:not(.sr_71e0544d),[data-button-hover-trigger]:hover .sr_e6e02993:not(.sr_71e0544d),.sr_e6e02993:not(.sr_71e0544d):hover,.sr_e6e02993:not(.sr_71e0544d):active{background:var(--spx-button-plain-background-hover);border-color:var(--spx-button-plain-background-hover)}.sr_9fc83e02{border-color:var(--spx-button-text-background);-webkit-text-fill-color:initial;color:var(--spx-button-text-color);text-decoration:underline}.sr_9fc83e02.sr_71e0544d{background-color:var(--spx-button-text-background);border-color:var(--spx-button-text-background)}.sr_9fc83e02:not(.sr_71e0544d):hover{-webkit-text-fill-color:initial;color:var(--spx-button-text-color-hover)}.sr_7213be40{opacity:.7;pointer-events:none}.sr_71e0544d{border-color:var(--colours-disabled);-webkit-text-fill-color:initial;color:var(--colours-disabled-text);background:var(--colours-disabled);cursor:not-allowed}.sr_ad258821.sr_71e0544d{background-color:var(--colours-plain-background)}.sr_0c659901,.sr_9e3d7eef,.sr_792d2612{opacity:1;transition:opacity .1s var(--spx-ease-1)}.sr_7213be40 .sr_0c659901,.sr_7213be40 .sr_9e3d7eef,.sr_7213be40 .sr_792d2612{opacity:0}.sr_afde7086{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sr_98246f92{align-items:center;display:flex}.sr_98246f92.sr_8ebe9a08{flex-direction:row-reverse}.sr_98246f92.sr_59211c2c{flex-direction:row}.sr_01565b63{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_01565b63[data-state=checked]{background-color:var(--colours-interactable)}.sr_01565b63[data-disabled]{opacity:.4;cursor:not-allowed}.sr_01565b63.sr_8ebe9a08{margin-left:var(--spx-unit-4)}.sr_01565b63.sr_59211c2c{margin-right:var(--spx-unit-4)}.sr_01565b63:focus{box-shadow:0 0 0 1px var(--colours-interactable)}.sr_01565b63.sr_842b5226{border-color:var(--colours-text-body-inverted);-webkit-text-fill-color:initial;color:var(--colours-text-body-inverted);background-color:#0000}.sr_b533d3f1{background-color:#fff3;width:100%;height:100%;position:absolute;top:0;left:0}.sr_60980f0d{-webkit-text-fill-color:initial;width:auto;height:20px;color:var(--colours-text-body-inverted);margin-top:-2px}.sr_6267b815{cursor:pointer}.sr_4d78c36a{-webkit-text-fill-color:initial;color:var(--colours-text-body-inverted);justify-content:center;align-items:center;display:inline-flex}.sr_4d78c36a.sr_77f756a0.sr_727eadb2{background-color:var(--colours-interactable)}.sr_4d78c36a.sr_77f756a0.sr_fe63baf1{background-color:var(--colours-selected)}.sr_4d78c36a.sr_77f756a0.sr_2355c7db{background-color:var(--colours-complete-text)}.sr_4d78c36a.sr_77f756a0.sr_10965342{background-color:var(--colours-complete)}.sr_4d78c36a.sr_77f756a0.sr_808472da{background-color:var(--colours-incorrect)}.sr_4d78c36a.sr_77f756a0.sr_a03d547e{background-color:var(--colours-locked);-webkit-text-fill-color:initial;color:var(--colours-locked-dark);font-weight:400}.sr_4d78c36a.sr_77f756a0.sr_fe2d9cb2{background-color:var(--colours-in-progress)}.sr_4d78c36a.sr_77f756a0.sr_26b65f7b{background-color:var(--colours-alert-warning-background)}.sr_4d78c36a.sr_77f756a0.sr_c801ea5b{background-color:var(--colours-optional)}.sr_4d78c36a.sr_520edaa6{border-style:solid;border-width:1px;font-weight:700}.sr_4d78c36a.sr_520edaa6.sr_727eadb2{-webkit-text-fill-color:initial;color:var(--colours-interactable);border-color:var(--colours-interactable)}.sr_4d78c36a.sr_520edaa6.sr_fe63baf1{-webkit-text-fill-color:initial;color:var(--colours-selected);border-color:var(--colours-selected)}.sr_4d78c36a.sr_520edaa6.sr_2355c7db{-webkit-text-fill-color:initial;color:var(--colours-complete-text);border-color:var(--colours-border)}.sr_4d78c36a.sr_520edaa6.sr_10965342{-webkit-text-fill-color:initial;color:var(--colours-correct);border-color:var(--colours-correct)}.sr_4d78c36a.sr_520edaa6.sr_808472da{-webkit-text-fill-color:initial;color:var(--colours-incorrect);border-color:var(--colours-incorrect)}.sr_4d78c36a.sr_520edaa6.sr_fe2d9cb2{-webkit-text-fill-color:initial;color:var(--colours-in-progress);border-color:var(--colours-in-progress)}.sr_4d78c36a.sr_520edaa6.sr_c801ea5b{-webkit-text-fill-color:initial;color:var(--colours-optional);border-color:var(--colours-optional)}.sr_4d78c36a.sr_f339460d{border-radius:var(--spx-radius-full)}.sr_4d78c36a.sr_23d32da2{border-radius:var(--spx-radius-sm)}.sr_4d78c36a.sr_a0aca5ad{padding:var(--spx-unit-1) var(--spx-unit-2);font-size:var(--spx-font-size-sm)}.sr_4d78c36a.sr_6bef7d32{padding:var(--spx-unit-2) var(--spx-unit-3);font-size:var(--spx-font-size-base)}.sr_4d78c36a.sr_d0a0872c{padding:var(--spx-unit-2) var(--spx-unit-8);font-size:var(--spx-font-size-lg)}@media (max-width:768px){.sr_4d78c36a.sr_a0aca5ad.sr_9ef88d3b{padding:var(--spx-unit-1) var(--spx-unit-1);font-size:var(--spx-font-size-xs)}.sr_4d78c36a.sr_6bef7d32.sr_9ef88d3b{padding:var(--spx-unit-1) var(--spx-unit-2);font-size:var(--spx-font-size-sm)}.sr_4d78c36a.sr_d0a0872c.sr_9ef88d3b{padding:var(--spx-unit-2) var(--spx-unit-4);font-size:var(--spx-font-size-base)}}.sr_e85fc69c{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_bc42b0d9{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_086ce34a{flex:1}.sr_a88f5c6a{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_a88f5c6a>.sr_2fc07a8a{font-size:var(--spx-font-size-lg);margin:0;padding:0;font-weight:700}.sr_a88f5c6a>.sr_d8f4c940{-webkit-text-fill-color:initial;color:var(--colours-text-dark);padding-top:var(--spx-unit-4);margin-bottom:0}.sr_a88f5c6a>.sr_d8f4c940>a{-webkit-text-fill-color:initial;color:var(--colours-text-dark);font-weight:700}.sr_734dbae1{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_f8d32465{align-items:flex-start}.sr_50a2c86b{align-items:center}.sr_6f046723{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_cda9ff8d{flex:1}.sr_e10fa849{width:calc(2 * var(--outer-circle-radius));height:calc(2 * var(--outer-circle-radius));display:inline-block;position:relative}.sr_c45e6b90{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sr_afbe92d8{width:calc(2 * var(--outer-circle-radius));height:calc(2 * var(--outer-circle-radius))}.sr_9bc9febe{fill:var(--colours-dark-background);stroke:none}.sr_160ba327{stroke:none;fill:var(--colours-regular-background)}.sr_f3d7459d{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_4a6af13d{stop-color:var(--colours-correct-gradient-start)}.sr_daacb86b{stop-color:var(--colours-correct-gradient-stop)}.sr_bb7fa686{-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_10c66f28{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_a44c2eb6{align-items:flex-start}.sr_9163fec3{align-items:center}.sr_2e34787d{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_6bdbe2a6{flex:1}}@layer recipes,components,utilities;