#needsCalculator .calculator-body{background-color:#fff;border-radius:20px;-webkit-box-shadow:0 0 21px 1px hsla(0,0%,72%,.68);-moz-box-shadow:0 0 21px 1px hsla(0,0%,72%,.68);box-shadow:0 0 21px 1px hsla(0,0%,72%,.68);display:flex;flex-direction:column;margin:auto;max-width:800px;padding:35px}#needsCalculator .calculator-body label{font-family:poppins;font-size:18px;font-weight:600}#needsCalculator .input-container{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:15px}#needsCalculator .flex-row{display:flex}#needsCalculator .inputs{display:grid;gap:30px;margin:auto 0;max-width:1200px}#needsCalculator .inputs label{margin-bottom:20px}#needsCalculator .inputs input,#needsCalculator select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#faf9f8;background-image:none;border:none;font-family:poppins;font-size:18px;height:50px;text-align:center}#needsCalculator #energy-cost{width:100%}#needsCalculator #energy-cost-container{width:0}#needsCalculator #energy-cost-container:before{content:"$";display:block;font-size:24px;font-weight:500;height:30px;left:10px;position:relative;top:40px}#needsCalculator #annual-hours{background-color:#000;border-radius:20px;box-sizing:content-box;color:#fff;font-family:poppins;font-size:18px;font-weight:500;margin:30px 0;max-width:100%}#needsCalculator #annual-hours p{color:#fff;display:block;margin:auto;max-width:90%;padding:10px}#needsCalculator #annual-hours span{float:right;font-size:28px;font-weight:600}#needsCalculator #span-outer{margin-right:0}#needsCalculator #calculate{background-color:#f4b218;border-radius:20px;box-sizing:content-box;color:#fff;font-family:poppins;font-size:18px;font-weight:500;margin:30px 0;max-width:100%;padding:4px;text-align:center}#needsCalculator #calculate p{color:#fff;font-size:18px;font-weight:600;margin-bottom:0;padding:5px}#needsCalculator #calculate-btn{background-color:transparent;border:none;padding:0;width:100%}#needsCalculator #calculate-btn:active{transform:translateY(2px)}#needsCalculator #saving-graph{display:flex}#needsCalculator #savings-graph-title h3{display:inline;letter-spacing:-10px;text-orientation:upright;writing-mode:vertical-lr}#needsCalculator #results-section{height:0;opacity:1;overflow:hidden}#needsCalculator #results-section[aria-expanded=true]{height:unset}#needsCalculator #results-section h2{font-size:40px}#needsCalculator #the-savings-graph{background-color:#f2f1f0;border-radius:20px;overflow:hidden;position:relative;width:100%}#needsCalculator #results-section[aria-expanded=true] #the-savings-graph{min-height:350px;transition:1.5s}#needsCalculator .graph-line{position:absolute}#needsCalculator #results-section .graph-line{bottom:0;position:absolute;width:50px}#needsCalculator #results-section .graph-line p{text-align:center}#needsCalculator #results-section .graph-line:before{background-color:#b9bdbf;content:"";display:block;height:300px;margin:auto;width:3px}#needsCalculator #cost-after{background-color:#f2b400;border-radius:0 10px 10px 0;bottom:200px}#needsCalculator #cost-before{background-color:red;border-radius:0 10px 10px 0;bottom:100px}#needsCalculator #cost-after,#needsCalculator #cost-before{height:50px;position:absolute;transition:1.5s;width:0;z-index:2}#needsCalculator #cost-after.expanded,#needsCalculator #cost-before.expanded{width:100%}#needsCalculator #results-section .savings-legend div{display:flex;justify-content:center}#needsCalculator #results-section .savings-legend p{display:flex;gap:20px}#needsCalculator #results-section .savings-legend p:first-child{margin-top:20px}#needsCalculator #results-section .savings-legend span{clip-path:circle(50%);display:inline-block;height:100%;height:35px;width:20px;width:35px}#needsCalculator #results-section .savings-legend .with-fes{background-color:#f2b400}#needsCalculator #results-section .savings-legend .without-fes{background-color:red}button:focus{outline:none}@media (max-width:768px){#needsCalculator #saving-graph{flex-direction:column}#needsCalculator #savings-graph-title{display:none}#needsCalculator .inputs{display:grid;grid-template-columns:1fr}#needsCalculator #results-section h2{font-size:30px}#needsCalculator #results-section h3{font-size:25px}#needsCalculator #results-section .graph-line:last-child{display:none}#needsCalculator #annual-hours{padding:0;text-align:center}#needsCalculator #annual-hours span{float:none}#needsCalculator #span-outer{margin-right:0}}@media (max-width:450px){#needsCalculator #results-section[aria-expanded=true]{height:690px}}