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