CarBoost Economy Widgets for Part Sections

Config

{
    "car": {
        "parts": [
		{
			"t": "carboost_economy",
			"r" : "$(engine.propellant) === 'EL'",
			"s": {}
		}
	]
    }
}

Config - Extended

{
    "car": {
        "parts": [
      		{
			"t": "carboost_economy",
			"r" : "$(engine.propellant) === 'EL'",
			"s": {
				"l": "Hvor meget kan du spare ved at skifte til denne bil?",
				"facts": "9 ud af 10 bilejere sparer penge når de skifter deres bil ud med en nyere bil."
			}
		}
        ]
    }
}

CSS

/* Rangeslider */
:root{
	--ca-rangetrack-before: var(--ca-stone-5);
	--ca-rangetrack-after: var(--ca-gray-3);
	--ca-rangeslider-wrap-bg: var(--ca-gray-3);
	--ca-rangeslider-bg: var(--ca-gray-2);
	--ca-rangeslider-thumb-bg: var(--ca-stone-7);
}

/* CarBoost Saving */
:root{
	--ca-carboost-saving-area-bg: transparent;
	--ca-carboost-saving-area-color: var(--ca-stone-7);
	--ca-carboost-saving-col-1-bg: transparent;
	--ca-carboost-saving-col-1-color: var(--ca-stone-7);
	--ca-carboost-saving-col-2-bg: transparent;
	--ca-carboost-saving-col-2-color: var(--ca-stone-7);
	--ca-carboost-saving-facts-color: #0d649d;
	--ca-carboost-saving-facts-icon: var(--ca-carboost-saving-facts-color, #0d649d);
	--ca-carboost-saving-h4-bg: var(--ca-stone-7);
	--ca-carboost-saving-h4-color: #fff;
	--ca-carboost-saving-inner-bg: var(--ca-gray-1);
	--ca-carboost-saving-inner-color: var(--ca-stone-7);
	--ca-carboost-saving-compare-img-bg: var(--ca-gray-3);
	--ca-carboost-saving-compare-boble-bg: #0d649d;
	--ca-carboost-saving-compare-boble-color: #fff;
}