:root{--color-fr-navy: #171F52;--color-fr-red: #DD0000;--color-fr-blue: #002f7a;--color-fr-blue-bright: #006AD8;--color-fr-red-bright: #FF0000;--color-fr-red-dark: #820000;--color-fr-gray-dark: #323232;--color-fr-yellow: #FFD561;--color-fr-green: #6DCE2E;--color-fr-blue-light: #BCEDFF;--color-fr-blue-xtra-light: #f1f2f8;--color-fr-gray-xtra-light: #f6f6f6;--color-fr-gray-light: #DCE2E1;--color-fr-gray: #979797;--color-fr-gray-medium: #595959;--color-fr-red-light: color.adjust($color-fr-red, $lightness: 10%);--color-fr-green-light: #E9F8E0}.calculation-example{border:1px solid #171f52;border-radius:12px}.calculation-example img{padding:0 20px 30px 20px}.calculation-example .calculation-example-header{background-color:#171f52;padding:15px 20px 7px 20px;border-radius:12px 12px 0 0;color:#fff}.calculation-example .calculation-example-content{padding:10px}@media screen and (min-width: 350px){.calculation-example .calculation-example-content{padding:10px 30px}}.calculation-example .calculation-example-content .structure-2-col .col{margin-top:10px;margin-bottom:0}.calculation-example .calculation-example-content p{font-size:14px}@media screen and (min-width: 350px){.calculation-example .calculation-example-content p{font-size:16px}}.boxes{display:-ms-grid;display:grid;grid-template-columns:190px 1fr;-ms-grid-columns:190px 1fr;padding:10px 0}.boxes p{margin-top:0;margin-bottom:1px}.boxes .expense{padding-left:20px}.boxes .pre-tax{grid-column:1;-ms-grid-column:1;align-self:start;grid-row:1;-ms-grid-row:1}.boxes .pre-tax-value{align-self:start;grid-row:1;-ms-grid-row:1;grid-column:2;-ms-grid-column:4}.boxes .mo-debt-obligations{grid-column:1/3;-ms-grid-column:1;align-self:start;grid-row:2;-ms-grid-row:2}.boxes .car-payment{align-self:start;grid-row:3;-ms-grid-row:3;grid-column:1;-ms-grid-column:1}.boxes .car-payment-value{align-self:start;grid-row:3;-ms-grid-row:3;grid-column:2;-ms-grid-column:4}.boxes .student-loans{align-self:start;grid-row:4;-ms-grid-row:4;grid-column:1;-ms-grid-column:1}.boxes .student-loans-value{align-self:start;grid-row:4;-ms-grid-row:4;grid-column:2;-ms-grid-column:4}.boxes .credit-cards{align-self:start;grid-row:5;-ms-grid-row:5;grid-column:1;-ms-grid-column:1}.boxes .credit-cards-value{align-self:start;grid-row:5;-ms-grid-row:5;grid-column:2;-ms-grid-column:4}.boxes .total-debts-section{border-top:2px solid #000;padding-bottom:10px;margin-top:6px;align-self:start;grid-row:6;-ms-grid-row:6;grid-column:1/3;-ms-grid-column:1;-ms-grid-column-span:4}.boxes .total-debts{align-self:start;grid-row:7/7;-ms-grid-row:7;grid-column:1;-ms-grid-column:1}.boxes .total-debts-value{align-self:start;grid-row:7;-ms-grid-row:7;grid-column:2;-ms-grid-column:4}.boxes .proposed-mortgage-payment{grid-column:1/3;-ms-grid-column:1;align-self:start;grid-row:2;-ms-grid-row:1;-ms-grid-column-span:2}.boxes .principle{align-self:start;grid-row:3;-ms-grid-row:3;grid-column:1;-ms-grid-column:1}.boxes .principle-value{align-self:start;grid-row:3;-ms-grid-row:2;grid-column:2;-ms-grid-column:4}.boxes .taxes{align-self:start;grid-row:4;-ms-grid-row:2;grid-column:1;-ms-grid-column:1}.boxes .taxes-value{align-self:start;grid-row:4;-ms-grid-row:3;grid-column:2;-ms-grid-column:4}.boxes .insurance{align-self:start;grid-row:5;-ms-grid-row:5;grid-column:1;-ms-grid-column:1}.boxes .insurance-value{align-self:start;grid-row:5;-ms-grid-row:5;grid-column:2;-ms-grid-column:4}.boxes .total-mortgage-section{border-top:2px solid #000;padding-bottom:10px;margin-top:6px;align-self:start;grid-row:6;-ms-grid-row:6;grid-column:1/3;-ms-grid-column:1;-ms-grid-column-span:4}.boxes .total-mortgage{align-self:start;grid-row:7/7;-ms-grid-row:7;grid-column:1;-ms-grid-column:1}.boxes .total-mortgage-value{align-self:start;grid-row:7;-ms-grid-row:7;grid-column:2;-ms-grid-column:4}/*# sourceMappingURL=affordability-calc-page.css.map */