.brandstof-section{border-radius:var(--border-radius-small);box-shadow:var(--shadow-main);margin-bottom:2rem}.brandstof-section__header{background-color:var(--color-off-black);border-radius:var(--border-radius-small);color:#fff;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;padding:2rem 4rem}.brandstof-section__header h3{color:#fff;font-size:3rem;line-height:1.2;margin:0}.brandstof-section__body{background-color:#fff;border-radius:var(--border-radius-small);display:grid;grid-template-rows:0fr;transition:grid-template-rows .86s var(--ease-function-min)}.brandstof-section__body-container{overflow:hidden}.brandstof-section__body-padding-container{padding:4rem}.brandstof-section__top-section{display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-bottom:4rem}@media(max-width:560px){.brandstof-section__top-section{grid-template-columns:1fr}}.brandstof-section__main-input{display:flex;flex-direction:column;gap:1rem}.brandstof-section__main-input input{border:1px solid rgba(10,42,28,.522)}.brandstof-section__heading{font-size:3rem;font-weight:700;margin:0}.brandstof-section__savings{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-top:2rem}@media(max-width:560px){.brandstof-section__savings{grid-template-columns:1fr}}.brandstof-section.active .brandstof-section__body{grid-template-rows:1fr}.brandstof-yearly-cost{display:flex;flex-direction:column;justify-content:end;transform:translateY(2.5rem)}.brandstof-yearly-cost h3{font-size:4rem;font-weight:700;margin:0 0 -2rem}.brandstof-yearly-cost__value{font-size:3rem;font-weight:700;margin:0}.brandstof-yearly-cost__value span{font-size:6rem;margin-left:.5rem}.brandstof-saving{background-color:var(--color-off-black);border-radius:var(--border-radius-small);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:2rem}.brandstof-saving h4{display:inline;font-size:2rem;line-height:1;margin:0}.brandstof-saving p{color:var(--color-teal-400);display:inline;line-height:1;margin:0}.brandstof-saving__values{align-items:baseline;display:flex;flex-flow:row wrap}.brandstof-saving__co2-reduction,.brandstof-saving__co2-reduction .value,.brandstof-saving__cost-reduction,.brandstof-saving__cost-reduction .value{font-size:2rem;line-height:1}.brandstof-saving__and{margin-inline:1rem;opacity:.5}.brandstof-saving__tip{font-size:14px;margin-top:2rem}.brandstof-saving__tip p{color:#fff;opacity:.5}.brandstof-saving__tip svg{height:1em;margin-right:.5em;object-fit:contain;object-position:center;transform:translateY(-2px);vertical-align:middle;width:1em}.brandstof-saving--total{display:grid;gap:4rem;grid-column:1/-1;grid-template-columns:1fr 1fr;padding:4rem}.brandstof-saving--total h4{font-size:3rem}.brandstof-saving--total .brandstof-saving__heading{align-items:start;display:flex;flex-direction:column;gap:0}.brandstof-saving--total .brandstof-saving__co2-reduction,.brandstof-saving--total .brandstof-saving__cost-reduction{font-size:2rem}.brandstof-saving--total .brandstof-saving__co2-reduction .value,.brandstof-saving--total .brandstof-saving__cost-reduction .value{font-size:4rem;margin-left:.5rem}.brandstof-sources{margin-top:10rem}.brandstof-sources h2{font-size:3.5rem}.brandstof-sources p{font-size:1.75rem}.brandstof-tips{background-color:#fff;border-radius:var(--border-radius-small);box-shadow:var(--shadow-main);display:flex;flex-flow:row wrap;gap:2rem;justify-content:center;margin-top:6rem;padding:6rem 4rem;row-gap:0}.brandstof-tips h2{color:var(--color-teal-400);flex-basis:100%;text-align:center}.brandstof-tips .button{margin-bottom:2rem}