.fuelCost__inner[data-v-773a815d]{container-type:inline-size}.fuelCost--hasContainer .fuelCost__inner[data-v-773a815d]{margin-inline:auto;max-width:1412px;padding-left:16px;padding-right:16px;width:100%}.fuelCost__main[data-v-773a815d]{display:flex;gap:24px 32px}@container (min-width: 1100px){.fuelCost__main[data-v-773a815d]{flex-direction:column}}@container (max-width: 660px){.fuelCost__main[data-v-773a815d]{flex-direction:column}}.fuelCost__title[data-v-773a815d]{color:var(--textColour);margin-block-end:4px}.fuelCost__subtitle[data-v-773a815d]{color:var(--subTextColour);font-size:.875rem;font-weight:var(--fontWeightRegular);line-height:1.42857143}.fuelCost__header[data-v-773a815d]{margin-block-end:24px}@container (min-width: 1100px){.fuelCost__header[data-v-773a815d]{margin-block-end:8px}}.fuelCost__form[data-v-773a815d]{display:flex;flex-direction:column;gap:21px 7px}@container (min-width: 1100px){.fuelCost__form[data-v-773a815d]{align-items:flex-end;flex-direction:row}}.fuelCost__fields[data-v-773a815d]{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@container (max-width: 360px){.fuelCost__fields[data-v-773a815d]{display:flex;flex-direction:column}}@container (min-width: 1100px){.fuelCost__fields[data-v-773a815d]{display:flex;flex:1}}.fuelCost__fields[data-v-773a815d] .mTextField__input--outlined{background:var(--layerWhiteColour);border-color:var(--borderColourDark);border-radius:var(--borderRadius);font-size:.875rem;font-weight:var(--fontWeightSemi);height:44px;padding:0 12px}.fuelCost__fields[data-v-773a815d] .uiNativeSelect select{font-weight:var(--fontWeightSemi);height:44px}.fuelCost__fields[data-v-773a815d] label:not(:has(.mCheckbox__icon)){color:var(--labelColour,var(--subTextColour));display:block;font-size:.75rem;font-weight:var(--fontWeightSemi);line-height:1.33333333;padding:var(--labelPadding,0 0 6px)}.fuelCost__submitButton[data-v-773a815d]{min-width:270px;width:100%;--_ui-button-font-size-lg:15;--_ui-button-line-height-lg:22;--_ui-button-border-width:2px;--ui-button-hover-opacity:1}.fuelCost__submitButton[data-v-773a815d]:hover{--_ui-button-background-colour:var(--ui-button-primary-colour);--_ui-button-text-colour:var(--layerWhiteColour)}.fuelCost__results[data-v-773a815d]{display:flex;flex:1;flex-wrap:wrap;gap:8px}.fuelCost__results .fuelCostResult[data-v-773a815d]{flex:1 1 calc(50% - 8px);min-width:174px}.fuelCost__body[data-v-773a815d]{flex:1}.fuelCost__aside[data-v-773a815d]{display:flex;flex:1;flex-direction:column;gap:9px}@container (min-width: 1100px){.fuelCost__aside[data-v-773a815d]{flex-direction:row}}.fuelCostResult[data-v-773a815d]{background:#f9fafb;border:1px solid var(--borderColourLight);padding:16px}.fuelCostResult[data-v-773a815d]:nth-child(2){background:var(--evBackgroundColour);border-color:#bbf7d0}.fuelCostResult__title[data-v-773a815d]{color:var(--subTextColour);font-size:.75rem;font-weight:var(--fontWeightSemi);line-height:1.33333333;margin:0 0 4px}.fuelCostResult__cost[data-v-773a815d]{color:var(--textColour);font-size:1.375rem;font-weight:var(--fontWeightSemi);line-height:1.27272727;margin:0 0 10px}.fuelCostResult__description[data-v-773a815d]{color:var(--subTextColour);font-size:.8125rem;font-weight:var(--fontWeightRegular);line-height:1.53846154}.fuelCostSaving[data-v-773a815d]{background:#dcfce7;border:1px solid #86efac;color:var(--evColour);padding:16px;position:relative}@container (min-width: 1100px){.fuelCostSaving[data-v-773a815d]{height:100%}}.fuelCostSaving__title[data-v-773a815d]{font-size:.875rem;line-height:1.42857143;margin:0 0 4px}.fuelCostSaving__title[data-v-773a815d],.fuelCostSaving__total[data-v-773a815d]{color:var(--evColour);font-weight:var(--fontWeightSemi)}.fuelCostSaving__total[data-v-773a815d]{font-size:1.75rem;line-height:1.14285714;margin:0 0 10px}.fuelCostSaving__description[data-v-773a815d]{color:var(--subTextColour);font-size:.8125rem;font-weight:var(--fontWeightRegular);line-height:1.53846154}