@layer reset,base,tokens,framework;@layer spxdesign{.sr_b7a9d228{width:50px;height:50px;vertical-align:center;animation:2s linear infinite sr_22903061}.sr_b7a9d228 .sr_7cb05ccb{stroke-linecap:round;animation:1.5s ease-in-out infinite sr_d728b79e}@keyframes sr_22903061{to{transform:rotate(360deg)}}@keyframes sr_d728b79e{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_b8880080:focus-visible{box-shadow:0 0 1px 2px var(--colours-selected) inset;border-color:var(--colours-selected);outline:none}@media (max-width:360px){.sr_d2a42de4.sr_5bd21834{display:none}.sr_d2a42de4.sr_5bd21834.sr_039bba92{display:initial}}@media (max-width:480px){.sr_d2a42de4.sr_b2e3d1db{display:none}.sr_d2a42de4.sr_b2e3d1db.sr_039bba92{display:initial}}@media (max-width:768px){.sr_d2a42de4.sr_95744c6f{display:none}.sr_d2a42de4.sr_95744c6f.sr_039bba92{display:initial}}@media (max-width:1024px){.sr_d2a42de4.sr_92fa2fdc{display:none}.sr_d2a42de4.sr_92fa2fdc.sr_039bba92{display:initial}}@media (max-width:1440px){.sr_d2a42de4.sr_a5de65b9{display:none}.sr_d2a42de4.sr_a5de65b9.sr_039bba92{display:initial}}@media (max-width:1920px){.sr_d2a42de4.sr_0fe1324e{display:none}.sr_d2a42de4.sr_0fe1324e.sr_039bba92{display:initial}}.sr_d2a42de4.sr_039bba92{display:none}.sr_85cd0b6f{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_85cd0b6f:focus-visible{box-shadow:0 0 2px var(--colours-selected)}.sr_06134d8e{--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_c7bdddc9{--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_f26155a8{--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_8cb6c843{margin-right:var(--spx-unit-2)}.sr_e7825eaf{margin-left:var(--spx-unit-2)}.sr_8cb6c843,.sr_e7825eaf{align-items:center;display:flex}.sr_edf784f3{--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_75a06376{--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_2a96734f{-webkit-text-fill-color:initial;color:var(--spx-button-contained-color);background:var(--spx-button-contained-background);border-color:#0000}.sr_2a96734f:visited{-webkit-text-fill-color:initial;color:var(--spx-button-contained-color)}.sr_babce5bb:hover .sr_2a96734f:not(.sr_89115516),[data-button-hover-trigger]:hover .sr_2a96734f:not(.sr_89115516),.sr_2a96734f:not(.sr_89115516):hover,.sr_2a96734f:not(.sr_89115516):active{background:var(--spx-button-contained-background-hover);-webkit-text-fill-color:initial;color:var(--spx-button-contained-color-hover)}.sr_dca16397{-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_dca16397:visited{-webkit-text-fill-color:initial;color:var(--spx-button-outlined-color)}.sr_babce5bb:hover .sr_dca16397:not(.sr_89115516),[data-button-hover-trigger]:hover .sr_dca16397:not(.sr_89115516),.sr_dca16397:not(.sr_89115516):hover,.sr_dca16397:not(.sr_89115516):active{background:var(--spx-button-outlined-background-hover)}.sr_59e58cc0{-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_59e58cc0:visited{-webkit-text-fill-color:initial;color:var(--spx-button-plain-color)}.sr_babce5bb:hover .sr_59e58cc0:not(.sr_89115516),[data-button-hover-trigger]:hover .sr_59e58cc0:not(.sr_89115516),.sr_59e58cc0:not(.sr_89115516):hover,.sr_59e58cc0:not(.sr_89115516):active{background:var(--spx-button-plain-background-hover);border-color:var(--spx-button-plain-background-hover)}.sr_b45ecfd1{border-color:var(--spx-button-text-background);-webkit-text-fill-color:initial;color:var(--spx-button-text-color);text-decoration:underline}.sr_b45ecfd1.sr_89115516{background-color:var(--spx-button-text-background);border-color:var(--spx-button-text-background)}.sr_b45ecfd1:not(.sr_89115516):hover{-webkit-text-fill-color:initial;color:var(--spx-button-text-color-hover)}.sr_a5c85b30{opacity:.7;pointer-events:none}.sr_89115516{border-color:var(--colours-disabled);-webkit-text-fill-color:initial;color:var(--colours-disabled-text);background:var(--colours-disabled);cursor:not-allowed}.sr_dca16397.sr_89115516{background-color:var(--colours-plain-background)}.sr_8cb6c843,.sr_e7825eaf,.sr_81468a10{opacity:1;transition:opacity .1s var(--spx-ease-1)}.sr_a5c85b30 .sr_8cb6c843,.sr_a5c85b30 .sr_e7825eaf,.sr_a5c85b30 .sr_81468a10{opacity:0}.sr_983d45bc{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sr_ddce3b68{align-items:center;display:flex}.sr_ddce3b68.sr_ec9956b2{flex-direction:row-reverse}.sr_ddce3b68.sr_d24f0e15{flex-direction:row}.sr_59b19b66{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_59b19b66[data-state=checked]{background-color:var(--colours-interactable)}.sr_59b19b66[data-disabled]{opacity:.4;cursor:not-allowed}.sr_59b19b66.sr_ec9956b2{margin-left:var(--spx-unit-4)}.sr_59b19b66.sr_d24f0e15{margin-right:var(--spx-unit-4)}.sr_59b19b66:focus{box-shadow:0 0 0 1px var(--colours-interactable)}.sr_59b19b66.sr_ee5a5715{border-color:var(--colours-text-body-inverted);-webkit-text-fill-color:initial;color:var(--colours-text-body-inverted);background-color:#0000}.sr_d179591a{background-color:#fff3;width:100%;height:100%;position:absolute;top:0;left:0}.sr_e3439173{-webkit-text-fill-color:initial;width:auto;height:20px;color:var(--colours-text-body-inverted);margin-top:-2px}.sr_a12641a6{cursor:pointer}.sr_8d5afaff{-webkit-text-fill-color:initial;color:var(--colours-text-body-inverted);justify-content:center;align-items:center;display:inline-flex}.sr_8d5afaff.sr_fb189924.sr_1b4f82ec{background-color:var(--colours-interactable)}.sr_8d5afaff.sr_fb189924.sr_10d33f74{background-color:var(--colours-selected)}.sr_8d5afaff.sr_fb189924.sr_047c2ae1{background-color:var(--colours-complete-text)}.sr_8d5afaff.sr_fb189924.sr_61f96472{background-color:var(--colours-complete)}.sr_8d5afaff.sr_fb189924.sr_ad33824e{background-color:var(--colours-incorrect)}.sr_8d5afaff.sr_fb189924.sr_b61b31eb{background-color:var(--colours-locked);-webkit-text-fill-color:initial;color:var(--colours-locked-dark);font-weight:400}.sr_8d5afaff.sr_fb189924.sr_b539b7fc{background-color:var(--colours-in-progress)}.sr_8d5afaff.sr_fb189924.sr_5e1fc5d6{background-color:var(--colours-alert-warning-background)}.sr_8d5afaff.sr_fb189924.sr_e1d67383{background-color:var(--colours-optional)}.sr_8d5afaff.sr_53073686{border-style:solid;border-width:1px;font-weight:700}.sr_8d5afaff.sr_53073686.sr_1b4f82ec{-webkit-text-fill-color:initial;color:var(--colours-interactable);border-color:var(--colours-interactable)}.sr_8d5afaff.sr_53073686.sr_10d33f74{-webkit-text-fill-color:initial;color:var(--colours-selected);border-color:var(--colours-selected)}.sr_8d5afaff.sr_53073686.sr_047c2ae1{-webkit-text-fill-color:initial;color:var(--colours-complete-text);border-color:var(--colours-border)}.sr_8d5afaff.sr_53073686.sr_61f96472{-webkit-text-fill-color:initial;color:var(--colours-correct);border-color:var(--colours-correct)}.sr_8d5afaff.sr_53073686.sr_ad33824e{-webkit-text-fill-color:initial;color:var(--colours-incorrect);border-color:var(--colours-incorrect)}.sr_8d5afaff.sr_53073686.sr_b539b7fc{-webkit-text-fill-color:initial;color:var(--colours-in-progress);border-color:var(--colours-in-progress)}.sr_8d5afaff.sr_53073686.sr_e1d67383{-webkit-text-fill-color:initial;color:var(--colours-optional);border-color:var(--colours-optional)}.sr_8d5afaff.sr_ef808456{border-radius:var(--spx-radius-full)}.sr_8d5afaff.sr_6b8349bd{border-radius:var(--spx-radius-sm)}.sr_8d5afaff.sr_b397fdcd{padding:var(--spx-unit-1) var(--spx-unit-2);font-size:var(--spx-font-size-sm)}.sr_8d5afaff.sr_e35e1127{padding:var(--spx-unit-2) var(--spx-unit-3);font-size:var(--spx-font-size-base)}.sr_8d5afaff.sr_07c2b3d4{padding:var(--spx-unit-2) var(--spx-unit-8);font-size:var(--spx-font-size-lg)}@media (max-width:768px){.sr_8d5afaff.sr_b397fdcd.sr_22a0731e{padding:var(--spx-unit-1) var(--spx-unit-1);font-size:var(--spx-font-size-xs)}.sr_8d5afaff.sr_e35e1127.sr_22a0731e{padding:var(--spx-unit-1) var(--spx-unit-2);font-size:var(--spx-font-size-sm)}.sr_8d5afaff.sr_07c2b3d4.sr_22a0731e{padding:var(--spx-unit-2) var(--spx-unit-4);font-size:var(--spx-font-size-base)}}.sr_c267bcfc{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_236c8fb9{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_41b3e5cd{flex:1}.sr_236ad1a4{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_236ad1a4>.sr_8d63dceb{font-size:var(--spx-font-size-lg);margin:0;padding:0;font-weight:700}.sr_236ad1a4>.sr_584159d5{-webkit-text-fill-color:initial;color:var(--colours-text-dark);padding-top:var(--spx-unit-4);margin-bottom:0}.sr_236ad1a4>.sr_584159d5>a{-webkit-text-fill-color:initial;color:var(--colours-text-dark);font-weight:700}.sr_9c74c97c{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_6fc4c818{align-items:flex-start}.sr_b3906ad8{align-items:center}.sr_4a264ddc{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_6c4a53f3{flex:1}.sr_dd4f8517{width:calc(2 * var(--outer-circle-radius));height:calc(2 * var(--outer-circle-radius));display:inline-block;position:relative}.sr_91f90773{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sr_7536836d{width:calc(2 * var(--outer-circle-radius));height:calc(2 * var(--outer-circle-radius))}.sr_9d33b692{fill:var(--colours-dark-background);stroke:none}.sr_8ce20a2a{stroke:none;fill:var(--colours-regular-background)}.sr_4fa3dc99{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_4d8960a3{stop-color:var(--colours-correct-gradient-start)}.sr_a9d440c0{stop-color:var(--colours-correct-gradient-stop)}.sr_689d00e3{-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_d9368471{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_e3d72598{align-items:flex-start}.sr_08bd4030{align-items:center}.sr_cc105faf{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_317bc258{flex:1}}@layer recipes,components,utilities;