#joules-calculator .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:1200px;padding:35px}#joules-calculator .calculator-body label{font-family:poppins;font-size:18px;font-weight:600}#joules-calculator .input-container{display:flex;flex-direction:column;justify-content:space-between}#joules-calculator .flex-row{display:flex}#joules-calculator .inputs{display:flex;flex-direction:column;gap:30px;margin:auto 0;max-width:1200px}#joules-calculator .inputs label{margin-bottom:20px}#joules-calculator .inputs input,#joules-calculator 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}#joules-calculator #energy-cost{width:100%}#joules-calculator #energy-cost-container{width:0}#joules-calculator #energy-cost-container:before{content:"$";display:block;font-size:24px;font-weight:500;height:30px;left:10px;position:relative;top:40px}#joules-calculator #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%}#joules-calculator #annual-hours p{color:#fff;display:block;margin:auto;max-width:90%;padding:10px}#joules-calculator #annual-hours span{float:right;font-size:28px;font-weight:600}#joules-calculator #span-outer{margin-right:0}#joules-calculator #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}#joules-calculator #calculate p{color:#fff;font-size:18px;font-weight:600;margin-bottom:0;padding:5px}#joules-calculator #calculate-btn{background-color:transparent;border:none;padding:0;width:100%}#joules-calculator #calculate-btn:active{transform:translateY(2px)}#joules-calculator #saving-graph{display:flex}#joules-calculator #savings-graph-title h3{display:inline;letter-spacing:-10px;text-orientation:upright;writing-mode:vertical-lr}#joules-calculator #results-section{height:0;opacity:1;overflow:hidden;transition:1.5s}#joules-calculator #results-section[aria-expanded=true]{height:unset}#joules-calculator #results-section h2{font-size:40px}button:focus{outline:none}@media (max-width:768px){#joules-calculator #saving-graph{flex-direction:column}#joules-calculator #savings-graph-title{display:none}#joules-calculator .inputs{display:grid;grid-template-columns:1fr}#joules-calculator #results-section h2{font-size:30px}#joules-calculator #results-section h3{font-size:25px}#joules-calculator #results-section .graph-line:last-child{display:none}#joules-calculator #annual-hours{padding:0;text-align:center}#joules-calculator #annual-hours span{float:none}#joules-calculator #span-outer{margin-right:0}}@media (max-width:450px){#joules-calculator #results-section[aria-expanded=true]{height:690px}}