:root{--color-orange-100:#ffe5d1;--color-orange-200:#ffb887;--color-orange-300:#ff9a56;--color-orange-400:#FF8800;--color-orange-500:#ff6b00;--color-orange-600:#cb5800;--color-orange-700:#b24c00;--color-orange-800:#964000;--color-orange-900:#6e2e00;--color-orange-400-trans:#0a63652f;--color-khaki-050:#efece3;--color-khaki-100:#ded4bf;--color-khaki-150:#d5caa8;--color-khaki-200:#beb189;--color-khaki-300:#a19265;--color-khaki-400:#7E7044;--color-khaki-500:#5d5132;--color-khaki-600:#493e20;--color-khaki-700:#3b3112;--color-khaki-800:#2a2106;--color-khaki-900:#1e1601;--color-grey-100:#efefef;--color-grey-200:#c5c5c5;--color-grey-300:#868686;--color-grey-400:#3f3e3e;--color-black:#000;--color-white:#fff;--color-links:var(--color-orange-500);--color-text:var(--color-grey-400);--color-text-inverted:var(--color-white);--color-headings:var(--color-khaki-400);--color-hamburger:var(--color-khaki-400)}.mortgage-calculator{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:2rem;padding:2rem 2rem;border-radius:0.5em;transition:all 0.2s ease-in-out;box-shadow:0 2rem 6rem 0 rgba(31,2,89,0.1)}.mortgage-calculator h3{text-align:center;font-size:1rem;color:var(--color-headings);margin:0;margin-top:0.6rem}.mortgage-calculator input{margin-bottom:0.5rem;font-size:1.5rem;padding:0.25rem;width:100%;text-align:center;border:0;outline:0}.mortgage-calculator input:not([readonly]){border-bottom:3px solid var(--color-khaki-400)}.mortgage-calculator input:not([readonly])+h3{position:relative}.mortgage-calculator input:not([readonly])+h3:after{content:"";position:absolute;top:-3.25rem;right:0;height:1.5rem;width:1.5rem;background-image:url("../images/pencil.svg");background-repeat:no-repeat;background-size:100% 100%;background-position:right center}.mortgage-calculator input[name=monthly-payment]{color:var(--color-orange-400);font-size:2rem;margin-bottom:0;font-weight:700}.mortgage-calculator input[data-price][readonly]{color:var(--color-orange-400);font-size:2rem;margin-bottom:0;font-weight:700}@media screen and (min-width:calc(600px + 1px)){.mortgage-calculator{grid-template-columns:repeat(2,1fr);padding:2rem 3rem}}@media screen and (min-width:calc(900px + 1px)){.mortgage-calculator{grid-gap:2.5rem;grid-template-columns:repeat(4,1fr)}}@media screen and (min-width:calc(1500px + 1px)){.mortgage-calculator{grid-gap:4rem;padding:2rem 4rem}}.mortgage-calculator:hover{text-decoration:none;box-shadow:0 2rem 6rem rgba(120,47,74,0.1),0 1rem 2rem rgba(120,47,74,0.1)}
/*# sourceMappingURL=calculator.css.map */