/* mortgage-calculator-package 2.7.1 (ISC, (c) Muhammad Rehan Abbasi) - calculators only,
   recoloured for this site by tools/calculators/retheme.py. Do not edit; re-run the tool. */
:root{--calc-card:#0b1120;--calc-sunk:#080d19;--calc-track:rgba(238,242,250,.12)}
.calcs .mortgage-calculator{margin:2rem auto;font-family:var(--sans);max-width:80vw;border-radius:15px;border:1px solid var(--line);background:hsla(0,0%,100%,.04)}@media(max-width: 991px){.calcs .mortgage-calculator{margin:1rem auto;width:95vw;max-width:unset;border-radius:8px}}.calcs .mortgage-calculator .section-heading{color:#fff;font-family:var(--sans);font-size:40px;font-style:normal;font-weight:500;line-height:normal;border-radius:15px 15px 0px 0px;background:var(--blue);padding:1rem 1rem 1rem 2rem}@media(max-width: 991px){.calcs .mortgage-calculator .section-heading{font-size:28px;padding:.5rem;border-radius:8px 8px 0px 0px}}.calcs .mortgage-calculator .tab-layout .tab-headers{display:grid;grid-template-columns:repeat(2, auto);align-items:center}.calcs .mortgage-calculator .tab-layout .tab-headers .tab-header{color:var(--ink-3);font-family:var(--sans);font-size:26px;font-style:normal;font-weight:500;line-height:normal;padding:1rem 0;border-bottom:1px solid var(--line);text-align:center;cursor:pointer}.calcs .mortgage-calculator .tab-layout .tab-headers .tab-header.active{color:var(--ink);font-weight:500;border-bottom:3px solid var(--line-2)}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-headers .tab-header{font-size:20px;padding:.5rem 0}}.calcs .mortgage-calculator .tab-layout .tab-content{display:none;grid-template-columns:3fr 2fr;grid-gap:2rem;padding:2rem}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content{grid-template-columns:1fr;grid-gap:1rem;padding:1rem}}.calcs .mortgage-calculator .tab-layout .tab-content.active{display:grid}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input{display:grid;grid-gap:1rem;margin-bottom:2rem}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input.debt-service-rate .header,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input.add-rental-income .header,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input.stress-test-rule .header,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input.rental-income-rule .header,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input.calculation-rules .header{grid-template-columns:auto}}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input.debt-service-rate.debt-service-rate .header .btn-group-selector,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input.add-rental-income.debt-service-rate .header .btn-group-selector,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input.stress-test-rule.debt-service-rate .header .btn-group-selector,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input.rental-income-rule.debt-service-rate .header .btn-group-selector,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input.calculation-rules.debt-service-rate .header .btn-group-selector{grid-column:1/span 2;justify-content:start}}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input{grid-gap:.5rem;margin-bottom:1rem}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header{display:grid;grid-template-columns:repeat(2, auto);justify-content:space-between;align-items:center;grid-gap:.5rem}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header.stacked{grid-template-columns:1fr;grid-gap:1rem}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .title-toggle-wrapper{display:grid;grid-template-columns:repeat(2, auto);justify-content:space-between;align-items:center}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .title-toggle-wrapper .toggle{display:grid;grid-template-columns:repeat(2, auto);justify-content:start;align-items:center;background:var(--calc-card);border-radius:500px;padding:.25rem;border:1px solid var(--blue)}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .title-toggle-wrapper .toggle.switched-on{background:var(--blue)}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .title-toggle-wrapper .toggle .opt{width:20px;height:20px;border-radius:50%;cursor:pointer}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .title-toggle-wrapper .toggle .opt.on.selected{background:var(--calc-card)}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .title-toggle-wrapper .toggle .opt.off.selected{background:var(--blue)}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .title-wrapper{display:grid;grid-template-columns:repeat(2, auto);justify-content:start;align-items:center;grid-gap:.5rem}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .title-wrapper .title{color:var(--ink);font-family:var(--sans);font-size:24px;font-style:normal;font-weight:500;line-height:normal}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .title-wrapper .title{font-size:18px}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .mortgage-calculator-info{color:var(--ink);font-family:var(--sans);font-size:14px;font-style:normal;font-weight:500;line-height:16px;opacity:.8}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .mortgage-calculator-info.full-row-width{grid-column:1/span 2}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .info-icon{cursor:pointer}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .fixed-variable-selector,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .btn-group-selector{display:grid;grid-template-columns:repeat(2, auto);align-items:center}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .fixed-variable-selector.btn-group-selector,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .btn-group-selector.btn-group-selector{justify-content:end}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .fixed-variable-selector,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .btn-group-selector{justify-content:start}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .fixed-variable-selector.btn-group-selector .selector,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .btn-group-selector.btn-group-selector .selector{width:120px}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .fixed-variable-selector.btn-group-selector .selector.active,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .btn-group-selector.btn-group-selector .selector.active{font-weight:500}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .fixed-variable-selector .selector,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .btn-group-selector .selector{color:var(--blue-2);font-family:var(--sans);font-size:16px;font-style:normal;font-weight:400;line-height:normal;border-radius:12px 0px 0px 12px;border:1px solid var(--blue);width:75px;text-align:center;padding:.25rem 0;cursor:pointer}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .fixed-variable-selector .selector,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .btn-group-selector .selector{font-size:14px}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .fixed-variable-selector .selector.active,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .btn-group-selector .selector.active{background:var(--blue);color:#fff}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .fixed-variable-selector .selector:nth-child(2),.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .btn-group-selector .selector:nth-child(2){border-radius:0px 12px 12px 0px}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .extra-payment-selectors{display:grid;grid-template-columns:repeat(3, auto);align-items:center}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .extra-payment-selectors .selector{color:var(--blue-2);font-family:var(--sans);font-size:14px;font-style:normal;font-weight:400;line-height:normal;border-radius:12px 0px 0px 12px;border:1px solid var(--blue);width:75px;text-align:center;padding:.25rem 0;cursor:pointer}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .extra-payment-selectors .selector{font-size:14px}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .extra-payment-selectors .selector.active{background:var(--blue);color:#fff}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .extra-payment-selectors .selector:nth-child(2){border-top:1px solid var(--blue);border-bottom:1px solid var(--blue);border-left:none;border-right:none;border-radius:0}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .header .extra-payment-selectors .selector:nth-child(3){border-radius:0px 12px 12px 0px}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .sub-header{display:grid;grid-template-columns:repeat(2, auto);align-items:center;justify-content:space-between}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .sub-header .title{color:var(--ink);font-family:var(--sans);font-size:14px;font-style:normal;font-weight:500;line-height:normal}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .sub-header.rental-income-rule{margin-top:2rem}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .current-calculated-ratios{display:grid;justify-content:center}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .current-calculated-ratios .label{color:var(--ink-2);text-align:center;font-family:var(--sans);font-size:14px;font-style:normal;font-weight:500;line-height:24px}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .current-calculated-ratios .value{color:var(--ink);font-family:var(--sans);font-size:16px;font-style:normal;font-weight:500;line-height:24px}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .btn-group-selector{display:grid;grid-template-columns:repeat(2, auto);align-items:center}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .btn-group-selector.btn-group-selector{justify-content:end}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .btn-group-selector.full-width{grid-template-columns:repeat(2, 1fr);justify-content:start}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .btn-group-selector.full-width .selector{width:auto !important;padding:.5rem;border-radius:6px 0px 0px 6px}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .btn-group-selector.full-width .selector:nth-child(2){border-radius:0px 6px 6px 0px}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .btn-group-selector{justify-content:start}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .btn-group-selector.btn-group-selector .selector{width:120px}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .btn-group-selector.btn-group-selector .selector.active{font-weight:500}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .btn-group-selector .selector{color:var(--blue-2);font-family:var(--sans);font-size:16px;font-style:normal;font-weight:400;line-height:normal;border-radius:12px 0px 0px 12px;border:1px solid var(--blue);width:75px;text-align:center;padding:.25rem 0;cursor:pointer}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .btn-group-selector .selector{font-size:14px}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .btn-group-selector .selector.active{background:var(--blue);color:#fff}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .btn-group-selector .selector:nth-child(2){border-radius:0px 12px 12px 0px}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .foot-notes{display:grid;align-items:center;justify-content:start}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .foot-notes .foot-note{opacity:.8;color:var(--ink);font-family:var(--sans);font-size:12px;font-style:normal;font-weight:500;line-height:18px}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .foot-notes .foot-note span{opacity:1}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input.mortgage-calculator-input{border-radius:15px;border:1px solid var(--line);background:rgba(238,242,250,.03);padding:2rem}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input.mortgage-calculator-input{padding:1rem}}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input.mortgage-calculator-input.calculator-settings .header{grid-template-columns:1fr;grid-gap:.5rem;margin-bottom:.5rem}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-fields{display:grid;grid-template-columns:2fr 1fr;align-items:stretch;grid-gap:1rem}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-fields{grid-template-columns:1fr}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-fields.single-field{grid-template-columns:1fr}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-fields.half-width-fields{grid-template-columns:repeat(2, 1fr)}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-fields.half-width-fields{grid-template-columns:1fr}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-fields .field-label{color:var(--blue-2);font-family:var(--sans);font-size:12px;font-style:normal;font-weight:600;line-height:normal}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-fields.expandable{max-height:0;overflow-x:hidden;overflow-y:auto;transition:all .15s ease}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-fields.expanded{max-height:285px}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-field{display:grid;border-radius:12px;border:1px solid var(--line);background:var(--calc-card);box-shadow:0px 8px 20px 0px rgba(0,0,0,.35);padding:1rem}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-field .title-selector-wrapper{display:grid;grid-template-columns:repeat(2, auto);justify-content:space-between;align-items:center}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-field .title-selector-wrapper .fixed-variable-selector{display:grid;grid-template-columns:repeat(2, auto);align-items:center;grid-gap:.5rem}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-field .title-selector-wrapper .fixed-variable-selector .selector{color:var(--blue-2);border-radius:1rem;border:1px solid var(--blue);font-family:var(--sans);font-size:12px;font-style:normal;font-weight:500;line-height:normal;width:75px;text-align:center;padding:.25rem 0;cursor:pointer}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-field .title-selector-wrapper .fixed-variable-selector .selector.active{background:var(--blue);color:#fff}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-field{padding:.5rem}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-field input[type=text]{color:var(--ink);font-family:var(--sans);font-size:18px;font-style:normal;font-weight:500;line-height:normal;border:none;padding:.5rem;padding-left:0}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-field input[type=text]{font-size:16px}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-field .downpayment-percentage-wrapper{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:1rem}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-field .downpayment-percentage-wrapper{grid-gap:.5rem}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-field .downpayment-percentage-wrapper .percentage-value-input{border-radius:12px;border:1px solid var(--line);background:var(--calc-card);box-shadow:0px 8px 20px 0px rgba(0,0,0,.35);padding:.5rem;width:100px;text-align:center}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-field .downpayment-percentage-wrapper .percentage-value-input{width:40px;font-size:12px}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-field .range-label{display:grid;grid-template-columns:repeat(2, auto);justify-content:space-between}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-field .range-label span{color:var(--ink);font-family:var(--sans);font-size:12px;font-style:normal;font-weight:400;line-height:normal;opacity:.6}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-field.disabled{pointer-events:none;background:var(--calc-track)}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .input-field.disabled input[type=text]{background:var(--calc-track)}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown{position:relative}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown.inline{display:flex;align-items:stretch}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown .dropdown-field{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:1rem;border-radius:12px;border:1px solid var(--line);background:var(--calc-card);box-shadow:0px 8px 20px 0px rgba(0,0,0,.35);padding:1rem;cursor:pointer}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown .dropdown-field.inline-label{grid-template-rows:auto auto;grid-gap:0;width:100%}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown .dropdown-field.inline-label .field-label{grid-column:1/-1}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown .dropdown-field .info-icon{transition:all .15s ease}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown .dropdown-field{grid-gap:.5rem}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown .dropdown-field.dropdown-expanded .info-icon{transform:rotate(90deg)}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown .dropdown-field span{color:var(--ink);font-family:var(--sans);font-size:18px;font-style:normal;font-weight:500;line-height:normal}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown .dropdown-field span{font-size:14px}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown .dropdown-opts{position:absolute;top:4rem;border-radius:5px;background-color:var(--calc-card);box-shadow:0 1px 3px 0 rgba(0,0,0,.35);z-index:100;max-height:0;overflow-x:hidden;overflow-y:auto;transition:all .15s ease;width:100%}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown .dropdown-opts.payment-frequency-dd{top:7rem}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown .dropdown-opts.expanded{max-height:285px}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown .dropdown-opts{top:3.5rem}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown .dropdown-opts .dropdown-opt{color:var(--ink);font-family:var(--sans);font-size:18px;font-style:normal;font-weight:500;line-height:normal;cursor:pointer;padding:.5rem 1rem;transition:all .15s ease}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown .dropdown-opts .dropdown-opt{font-size:14px}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown .dropdown-opts .dropdown-opt:hover{background-color:var(--calc-track)}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown.disabled{pointer-events:none}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-inputs .calculator-input .dropdown.disabled .dropdown-field{background:var(--calc-track)}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results{display:grid;grid-gap:1rem;height:fit-content}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results{grid-gap:.5rem}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .details .debt-service-details .monthly-mortgage .service-detail-icon,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .details .debt-service-details .monthly-mortgage .service-detail-icon{background:var(--blue) !important}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .details .debt-service-details .debt-payment .service-detail-icon,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .details .debt-service-details .debt-payment .service-detail-icon{background:#ff6b6b !important}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .details .debt-service-details .home-expenses .service-detail-icon,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .details .debt-service-details .home-expenses .service-detail-icon{background:var(--blue-2) !important}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .details .debt-service-details .cash-left .service-detail-icon,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .details .debt-service-details .cash-left .service-detail-icon{background:#69d900 !important}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .details .breakdown-bar-container,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .details .breakdown-bar-container{width:100%;height:.5rem;display:flex;gap:.5rem;overflow:hidden;margin-bottom:.75rem}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .details .breakdown-bar-container .breakdown-bar-monthly-mortgage,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .details .breakdown-bar-container .breakdown-bar-monthly-mortgage{width:43%;background-color:var(--blue)}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .details .breakdown-bar-container .breakdown-bar-debt-payment,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .details .breakdown-bar-container .breakdown-bar-debt-payment{width:20%;background-color:#ff6b6b}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .details .breakdown-bar-container .breakdown-bar-home-expenses,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .details .breakdown-bar-container .breakdown-bar-home-expenses{width:16%;background-color:var(--blue-2)}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .details .breakdown-bar-container .breakdown-bar-cash-left,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .details .breakdown-bar-container .breakdown-bar-cash-left{width:21%;background-color:#69d900}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .debt-service-ratios,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .debt-service-ratios,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results{border-radius:20px;border:1px solid var(--line);background:var(--calc-card);box-shadow:0px 8px 20px 0px rgba(0,0,0,.35)}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .debt-service-ratios .label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .debt-service-ratios .label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .label{color:var(--ink);font-family:var(--sans);font-size:20px;font-style:normal;font-weight:500;line-height:normal;padding:1rem;text-align:left;border-bottom:1px solid var(--line)}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .debt-service-ratios .max-mortgage-amount,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .max-mortgage-amount,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .debt-service-ratios .max-mortgage-amount,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .max-mortgage-amount{padding:1rem 0;border-bottom:1px solid var(--line)}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .debt-service-ratios .max-mortgage-amount .amount,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .max-mortgage-amount .amount,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .debt-service-ratios .max-mortgage-amount .amount,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .max-mortgage-amount .amount{color:var(--blue-2);text-align:center;font-family:var(--sans);font-size:30px;font-style:normal;font-weight:500;line-height:normal}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .debt-service-ratios .ratios-wrapper,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .ratios-wrapper,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .debt-service-ratios .ratios-wrapper,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .ratios-wrapper{display:grid;grid-gap:1rem;padding:1rem;border-bottom:1px solid var(--line)}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .debt-service-ratios .ratios-wrapper .item,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .ratios-wrapper .item,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .debt-service-ratios .ratios-wrapper .item,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .ratios-wrapper .item{display:grid;grid-template-columns:repeat(2, auto);justify-content:space-between;align-items:center}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .debt-service-ratios .ratios-wrapper .item .item-label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .ratios-wrapper .item .item-label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .debt-service-ratios .ratios-wrapper .item .item-label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .ratios-wrapper .item .item-label{color:var(--ink);font-family:var(--sans);font-size:16px;font-style:normal;font-weight:500;line-height:normal;opacity:.8}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .debt-service-ratios .ratios-wrapper .item .item-value,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .ratios-wrapper .item .item-value,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .debt-service-ratios .ratios-wrapper .item .item-value,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .ratios-wrapper .item .item-value{color:var(--ink);text-align:right;font-family:var(--sans);font-size:16px;font-style:normal;font-weight:500;line-height:normal;opacity:.8}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .debt-service-ratios .ratios,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .ratios,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .debt-service-ratios .ratios,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .ratios{display:grid;grid-template-columns:repeat(2, auto);align-items:center;justify-content:space-around;padding:1rem;border-bottom:1px solid var(--line)}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .debt-service-ratios .ratios .ratio,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .ratios .ratio,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .debt-service-ratios .ratios .ratio,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .ratios .ratio{display:grid;grid-template-columns:auto;align-items:center;justify-items:center;grid-gap:.5rem}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .debt-service-ratios .ratios .ratio .value,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .ratios .ratio .value,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .debt-service-ratios .ratios .ratio .value,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .ratios .ratio .value{color:var(--blue-2);font-family:var(--sans);font-size:30px;font-style:normal;font-weight:500;line-height:normal}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .debt-service-ratios .ratios .ratio .value-label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .ratios .ratio .value-label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .debt-service-ratios .ratios .ratio .value-label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .ratios .ratio .value-label{color:var(--ink);font-family:var(--sans);font-size:16px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:1.6px}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .debt-service-ratios .details,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .details,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .debt-service-ratios .details,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .details{padding:1rem 1rem 3rem 1rem;display:grid;grid-template-columns:1fr;grid-gap:1rem}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .debt-service-ratios .details .st-rate,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .details .st-rate,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .debt-service-ratios .details .st-rate,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .details .st-rate{display:grid;grid-template-columns:repeat(2, auto);align-items:center;justify-content:space-between}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .debt-service-ratios .details .st-rate .st-rate-label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .details .st-rate .st-rate-label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .debt-service-ratios .details .st-rate .st-rate-label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .details .st-rate .st-rate-label{color:var(--ink);font-family:var(--sans);font-size:14px;font-style:normal;font-weight:600;line-height:normal}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .debt-service-ratios .details .st-rate .st-rate-value,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .details .st-rate .st-rate-value,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .debt-service-ratios .details .st-rate .st-rate-value,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .details .st-rate .st-rate-value{color:var(--ink);text-align:right;font-family:var(--sans);font-size:18px;font-style:normal;font-weight:500;line-height:normal}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .debt-service-ratios .details .ratio-tags,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .details .ratio-tags,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .debt-service-ratios .details .ratio-tags,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .details .ratio-tags{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:.5rem;align-items:center;justify-content:start}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .debt-service-ratios .details .ratio-tags .ratio-tag,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .details .ratio-tags .ratio-tag,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .debt-service-ratios .details .ratio-tags .ratio-tag,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .details .ratio-tags .ratio-tag{color:#fff;text-align:center;font-family:var(--sans);font-size:14px;font-style:normal;font-weight:500;line-height:42px;border-radius:5px;box-shadow:0px 8px 20px 0px rgba(0,0,0,.35);height:42px;cursor:pointer;transition:filter .2s ease}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .debt-service-ratios .details .ratio-tags .ratio-tag:hover,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .details .ratio-tags .ratio-tag:hover,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .debt-service-ratios .details .ratio-tags .ratio-tag:hover,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .details .ratio-tags .ratio-tag:hover{filter:brightness(115%)}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .debt-service-ratios .details .ratio-tags .ratio-tag:nth-child(1),.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .details .ratio-tags .ratio-tag:nth-child(1),.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .debt-service-ratios .details .ratio-tags .ratio-tag:nth-child(1),.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .details .ratio-tags .ratio-tag:nth-child(1){background:var(--blue)}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .debt-service-ratios .details .ratio-tags .ratio-tag:nth-child(2),.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .details .ratio-tags .ratio-tag:nth-child(2),.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .debt-service-ratios .details .ratio-tags .ratio-tag:nth-child(2),.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .details .ratio-tags .ratio-tag:nth-child(2){background:var(--blue)}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .debt-service-ratios .details .ratio-tags .ratio-tag:nth-child(3),.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .details .ratio-tags .ratio-tag:nth-child(3),.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .debt-service-ratios .details .ratio-tags .ratio-tag:nth-child(3),.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .details .ratio-tags .ratio-tag:nth-child(3){background:var(--blue)}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .debt-service-ratios .details .debt-service-details,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .details .debt-service-details,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .debt-service-ratios .details .debt-service-details,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .details .debt-service-details{display:grid;grid-template-columns:1fr;grid-gap:.5rem}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .debt-service-ratios .details .debt-service-details .service-detail,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .details .debt-service-details .service-detail,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .debt-service-ratios .details .debt-service-details .service-detail,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .details .debt-service-details .service-detail{display:grid;grid-template-columns:15px 1fr auto;align-items:center;justify-content:start;grid-gap:.5rem}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .debt-service-ratios .details .debt-service-details .service-detail .service-detail-icon,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .details .debt-service-details .service-detail .service-detail-icon,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .debt-service-ratios .details .debt-service-details .service-detail .service-detail-icon,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .details .debt-service-details .service-detail .service-detail-icon{width:12px;height:12px;border-radius:50%}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .debt-service-ratios .details .debt-service-details .service-detail .service-detail-name,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .details .debt-service-details .service-detail .service-detail-name,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .debt-service-ratios .details .debt-service-details .service-detail .service-detail-name,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .details .debt-service-details .service-detail .service-detail-name{color:var(--ink);font-family:var(--sans);font-size:14px;font-style:normal;font-weight:600;line-height:normal}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .debt-service-ratios .details .debt-service-details .service-detail .service-detail-value,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .details .debt-service-details .service-detail .service-detail-value,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .debt-service-ratios .details .debt-service-details .service-detail .service-detail-value,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .details .debt-service-details .service-detail .service-detail-value{color:var(--ink);text-align:right;font-family:var(--sans);font-size:14px;font-style:normal;font-weight:500;line-height:normal}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .debt-service-ratios .details .debt-service-details .service-detail.monthly-mortgage .service-detail-icon,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .details .debt-service-details .service-detail.monthly-mortgage .service-detail-icon,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .debt-service-ratios .details .debt-service-details .service-detail.monthly-mortgage .service-detail-icon,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .details .debt-service-details .service-detail.monthly-mortgage .service-detail-icon{background:var(--blue)}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .debt-service-ratios .details .debt-service-details .service-detail.debt-payment .service-detail-icon,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .details .debt-service-details .service-detail.debt-payment .service-detail-icon,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .debt-service-ratios .details .debt-service-details .service-detail.debt-payment .service-detail-icon,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .details .debt-service-details .service-detail.debt-payment .service-detail-icon{background:#ffc400}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .debt-service-ratios .details .debt-service-details .service-detail.home-expenses .service-detail-icon,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .details .debt-service-details .service-detail.home-expenses .service-detail-icon,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .debt-service-ratios .details .debt-service-details .service-detail.home-expenses .service-detail-icon,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .details .debt-service-details .service-detail.home-expenses .service-detail-icon{background:var(--blue-2)}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .debt-service-ratios .details .debt-service-details .service-detail.cash-left .service-detail-icon,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.debt-service-calculator-results .max-mortgage-results .details .debt-service-details .service-detail.cash-left .service-detail-icon,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .debt-service-ratios .details .debt-service-details .service-detail.cash-left .service-detail-icon,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.max-mortgage-calculator-results .max-mortgage-results .details .debt-service-details .service-detail.cash-left .service-detail-icon{background:#4a5670}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .mortgage-payment{border-radius:12px;border:1px solid var(--line);background:var(--calc-card);box-shadow:0px 8px 20px 0px rgba(0,0,0,.35)}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .mortgage-payment .label{font-size:20px !important}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .mortgage-payment .value{font-size:48px !important}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown{padding:0;border-radius:12px;border:1px solid var(--line);background:var(--calc-sunk)}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-label{font-size:20px !important;padding:1.5rem 1.5rem 0 1.5rem}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper{grid-template-columns:1fr;margin-top:0}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail{padding:1.5rem;display:grid;grid-gap:.5rem}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail .breakdown-bar-container{width:100%;height:.5rem;display:flex;gap:.5rem;overflow:hidden;margin-bottom:.75rem}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail .breakdown-bar-container .breakdown-bar-principal{width:65%;background-color:var(--cyan)}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail .breakdown-bar-container .breakdown-bar-interest{width:35%;background-color:#a99cff}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail .principal-paid,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail .interest-paid{display:grid;grid-template-columns:repeat(2, auto);align-items:center;justify-content:space-between}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail .principal-paid .icon-name-wrapper,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail .interest-paid .icon-name-wrapper{display:grid;grid-template-columns:repeat(2, auto);align-items:center;justify-content:start;grid-gap:.5rem}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail .principal-paid .icon-name-wrapper .detail-icon,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail .interest-paid .icon-name-wrapper .detail-icon{width:14px;height:14px;border-radius:50%}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail .principal-paid .icon-name-wrapper .detail-icon.principal,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail .interest-paid .icon-name-wrapper .detail-icon.principal{background:var(--cyan)}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail .principal-paid .icon-name-wrapper .detail-icon.interest,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail .interest-paid .icon-name-wrapper .detail-icon.interest{background:#a99cff}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail .principal-paid .icon-name-wrapper .detail-name,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail .interest-paid .icon-name-wrapper .detail-name{color:var(--ink);font-family:var(--sans);font-size:16px;font-style:normal;font-weight:600;line-height:normal}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail .principal-paid .value,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-detail .interest-paid .value{color:var(--ink);text-align:right;font-family:var(--sans);font-size:16px;font-style:normal;font-weight:500;line-height:normal}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-total-payment{display:grid;grid-template-columns:repeat(2, auto);align-items:center;justify-content:space-between;padding:1.5rem;border-top:1px solid var(--line)}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-total-payment .label{color:var(--ink);font-family:var(--sans);font-size:16px;font-style:normal;font-weight:600;line-height:normal}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .payment-breakdown .section-wrapper .breakdown-details .breakdown-total-payment .value{color:var(--ink);text-align:right;font-family:var(--sans);font-size:18px;font-style:normal;font-weight:500;line-height:normal}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .balance-amortization{border-radius:12px;border:1px solid var(--line);background:rgba(255,170,80,.08);padding:1.5rem}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .balance-amortization .section-wrapper{display:grid;grid-gap:.5rem}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .balance-amortization .section-wrapper .info-row{display:grid;grid-template-columns:repeat(2, auto);align-items:center;justify-content:space-between}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .balance-amortization .section-wrapper .info-row .label{color:var(--ink);font-family:var(--sans);font-size:16px;font-style:normal;font-weight:500;line-height:normal}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .balance-amortization .section-wrapper .info-row .value{color:var(--ink);text-align:right;font-family:var(--sans);font-size:16px;font-style:normal;font-weight:500;line-height:normal}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .balance-amortization .section-wrapper .info-row.balance .value{color:#ff9a5c}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .balance-amortization .section-wrapper .info-row.duration{grid-template-columns:auto;justify-content:right}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .balance-amortization .section-wrapper .info-row.duration .tag{border-radius:5.205px;border:1.041px solid rgba(95,208,138,.4);background:rgba(95,208,138,.08);box-shadow:0px 15.614px 52.047px 0px rgba(0,0,0,.35);padding:.5rem;color:#5fd08a;font-family:var(--sans);font-size:13.948px;font-style:normal;font-weight:500;line-height:normal}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .five-year-breakdown,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .total-breakdown{border-radius:12px;border:1px solid var(--line);background:var(--calc-card);padding:1.5rem}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .five-year-breakdown.total-breakdown,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .total-breakdown.total-breakdown{border:1px solid rgba(95,208,138,.3);background:rgba(95,208,138,.08)}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .five-year-breakdown .section-wrapper,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .total-breakdown .section-wrapper{display:grid;grid-gap:.5rem}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .five-year-breakdown .section-wrapper .sec-heading,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .total-breakdown .section-wrapper .sec-heading{color:var(--ink);font-family:var(--sans);font-size:20px;font-style:normal;font-weight:500;line-height:normal;opacity:.8}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .five-year-breakdown .section-wrapper .info-row,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .total-breakdown .section-wrapper .info-row{display:grid;grid-template-columns:repeat(2, auto);align-items:center;justify-content:space-between}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .five-year-breakdown .section-wrapper .info-row .label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .total-breakdown .section-wrapper .info-row .label{color:var(--ink);font-family:var(--sans);font-size:16px;font-style:normal;font-weight:500;line-height:normal}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .five-year-breakdown .section-wrapper .info-row .value,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .total-breakdown .section-wrapper .info-row .value{color:var(--ink);text-align:right;font-family:var(--sans);font-size:16px;font-style:normal;font-weight:500;line-height:normal}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .savings-with-accelerated-payments{border-radius:12px;border:1px solid rgba(95,208,138,.3);background:rgba(95,208,138,.08)}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .savings-with-accelerated-payments .section-wrapper .sec-heading{color:var(--ink);text-align:center;font-family:var(--sans);font-size:20px;font-style:normal;font-weight:500;line-height:normal;opacity:.8;padding:1.5rem;border-bottom:1px solid rgba(95,208,138,.3)}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .savings-with-accelerated-payments .section-wrapper .info-wrapper{display:grid;grid-gap:.5rem;padding:1.5rem}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .savings-with-accelerated-payments .section-wrapper .info-wrapper .info-row{display:grid;grid-template-columns:repeat(2, auto);align-items:center;justify-content:space-between}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .savings-with-accelerated-payments .section-wrapper .info-wrapper .info-row .label{color:var(--ink);font-family:var(--sans);font-size:16px;font-style:normal;font-weight:500;line-height:normal}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .savings-with-accelerated-payments .section-wrapper .info-wrapper .info-row .value{color:#5fd08a;text-align:right;font-family:var(--sans);font-size:16px;font-style:normal;font-weight:500;line-height:normal}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .savings-with-accelerated-payments .section-wrapper .info-wrapper .total-money-saved{border-radius:10px;border:1px solid var(--line);background:var(--calc-sunk);display:grid;grid-gap:.25rem;justify-content:center;justify-items:center;padding:1rem;margin-top:.5rem}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .savings-with-accelerated-payments .section-wrapper .info-wrapper .total-money-saved .btn-label{color:var(--ink);text-align:center;font-family:var(--sans);font-size:14px;font-style:normal;font-weight:500;line-height:normal}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results.mortgage-calculator-results .savings-with-accelerated-payments .section-wrapper .info-wrapper .total-money-saved .btn-value{color:#5fd08a;text-align:center;leading-trim:both;text-edge:cap;font-family:var(--sans);font-size:36px;font-style:normal;font-weight:500;line-height:normal}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment{border-radius:20px;border:1px solid var(--line);background:rgba(238,242,250,.07);padding:2rem}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment{border-radius:14px;padding:1rem}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment.total-mortgage-payment,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment.total-mortgage-payment{border:none;background:none}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-payment-wrapper,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-payment-wrapper{display:grid;grid-template-columns:auto;justify-content:center;justify-items:center;align-items:center;grid-gap:.5rem}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-payment-wrapper .label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-payment-wrapper .label{color:var(--ink);font-family:var(--sans);font-size:26px;font-style:normal;font-weight:500;line-height:normal}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-payment-wrapper .label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-payment-wrapper .label{font-size:18px}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-payment-wrapper .value,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-payment-wrapper .value{color:var(--blue-2);font-family:var(--sans);font-size:47px;font-style:normal;font-weight:500;line-height:normal;padding-top:.5rem}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-payment-wrapper .value,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-payment-wrapper .value{font-size:24px;padding-top:.25rem}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-payment-wrapper .frequency,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-payment-wrapper .frequency{color:var(--ink);text-align:center;font-family:var(--sans);font-size:16px;font-style:normal;font-weight:400;line-height:normal;opacity:.8}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-payment-wrapper .frequency,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-payment-wrapper .frequency{font-size:14px}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-amount-insurance,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-amount-insurance{display:grid;grid-template-columns:repeat(2, auto);justify-content:space-between;align-items:center;margin-top:1.5rem;grid-gap:1rem;justify-items:center}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-amount-insurance,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-amount-insurance{margin-top:.75rem;grid-gap:.5rem}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-amount-insurance .mortgage-amount,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-amount-insurance .mortgage-insurance,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-amount-insurance .mortgage-amount,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-amount-insurance .mortgage-insurance{display:grid;grid-gap:.5rem}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-amount-insurance .mortgage-amount .label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-amount-insurance .mortgage-insurance .label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-amount-insurance .mortgage-amount .label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-amount-insurance .mortgage-insurance .label{color:var(--ink);font-family:var(--sans);font-size:16px;font-style:normal;font-weight:400;line-height:normal;opacity:.8}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-amount-insurance .mortgage-amount .label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-amount-insurance .mortgage-insurance .label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-amount-insurance .mortgage-amount .label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-amount-insurance .mortgage-insurance .label{font-size:14px}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-amount-insurance .mortgage-amount .value,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-amount-insurance .mortgage-insurance .value,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-amount-insurance .mortgage-amount .value,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-amount-insurance .mortgage-insurance .value{color:var(--ink);text-align:center;font-family:var(--sans);font-size:21px;font-style:normal;font-weight:500;line-height:normal}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-amount-insurance .mortgage-amount .value,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-payment .mortgage-amount-insurance .mortgage-insurance .value,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-amount-insurance .mortgage-amount .value,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage-payment .mortgage-amount-insurance .mortgage-insurance .value{font-size:18px}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .payment-breakdown,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .extra-payment-impacts{border-radius:20px;border:1px solid var(--line);background:var(--calc-card);padding:2rem}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .payment-breakdown,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .extra-payment-impacts{border-radius:14px;padding:1rem}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .payment-breakdown .section-label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .extra-payment-impacts .section-label{color:var(--ink);font-family:var(--sans);font-size:26px;font-style:normal;font-weight:500;line-height:normal}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .payment-breakdown .section-label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .extra-payment-impacts .section-label{font-size:20px}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .payment-breakdown .section-wrapper,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .extra-payment-impacts .section-wrapper{display:grid;grid-template-columns:repeat(2, auto);align-items:center;grid-gap:2rem;margin-top:1.5rem}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .payment-breakdown .section-wrapper,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .extra-payment-impacts .section-wrapper{grid-gap:1rem;margin-top:.75rem}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .payment-breakdown .section-wrapper .principal,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .payment-breakdown .section-wrapper .interest,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .extra-payment-impacts .section-wrapper .principal,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .extra-payment-impacts .section-wrapper .interest{display:grid;grid-gap:.5rem}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .payment-breakdown .section-wrapper .principal .label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .payment-breakdown .section-wrapper .interest .label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .extra-payment-impacts .section-wrapper .principal .label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .extra-payment-impacts .section-wrapper .interest .label{color:var(--ink);font-family:var(--sans);font-size:16px;font-style:normal;font-weight:400;line-height:normal;opacity:.8}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .payment-breakdown .section-wrapper .principal .label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .payment-breakdown .section-wrapper .interest .label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .extra-payment-impacts .section-wrapper .principal .label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .extra-payment-impacts .section-wrapper .interest .label{font-size:14px}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .payment-breakdown .section-wrapper .principal .value,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .payment-breakdown .section-wrapper .interest .value,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .extra-payment-impacts .section-wrapper .principal .value,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .extra-payment-impacts .section-wrapper .interest .value{color:var(--ink);font-family:var(--sans);font-size:21px;font-style:normal;font-weight:500;line-height:normal}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .payment-breakdown .section-wrapper .principal .value,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .payment-breakdown .section-wrapper .interest .value,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .extra-payment-impacts .section-wrapper .principal .value,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .extra-payment-impacts .section-wrapper .interest .value{font-size:18px}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .term-calculations,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-stress-test{border-radius:20px;border:1px solid var(--line);background:var(--calc-card);padding:2rem;display:grid;grid-gap:1rem}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .term-calculations,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-stress-test{border-radius:14px;padding:1rem;grid-gap:.5rem}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .term-calculations .section-label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage .section-label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-stress-test .section-label{color:var(--ink);font-family:var(--sans);font-size:26px;font-style:normal;font-weight:500;line-height:normal}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .term-calculations .section-label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage .section-label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-stress-test .section-label{font-size:18px}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .term-calculations .section-wrapper,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage .section-wrapper,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-stress-test .section-wrapper{display:grid;grid-gap:.5rem}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .term-calculations .section-wrapper .calculation-row,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage .section-wrapper .calculation-row,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-stress-test .section-wrapper .calculation-row{display:grid;grid-gap:.25rem}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .term-calculations .section-wrapper .calculation-row .label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage .section-wrapper .calculation-row .label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-stress-test .section-wrapper .calculation-row .label{color:var(--ink);font-family:var(--sans);font-size:16px;font-style:normal;font-weight:400;line-height:normal;opacity:.8}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .term-calculations .section-wrapper .calculation-row .label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage .section-wrapper .calculation-row .label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-stress-test .section-wrapper .calculation-row .label{font-size:14px}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .term-calculations .section-wrapper .calculation-row .value,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage .section-wrapper .calculation-row .value,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-stress-test .section-wrapper .calculation-row .value{color:var(--ink);font-family:var(--sans);font-size:21px;font-style:normal;font-weight:500;line-height:normal}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .term-calculations .section-wrapper .calculation-row .value,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage .section-wrapper .calculation-row .value,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-stress-test .section-wrapper .calculation-row .value{font-size:18px}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .term-calculations .section-wrapper .calculation-row .calculation-row-label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage .section-wrapper .calculation-row .calculation-row-label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-stress-test .section-wrapper .calculation-row .calculation-row-label{color:var(--ink);font-family:var(--sans);font-size:21px;font-style:normal;font-weight:500;line-height:normal;padding:.5rem 0}@media(max-width: 991px){.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .term-calculations .section-wrapper .calculation-row .calculation-row-label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage .section-wrapper .calculation-row .calculation-row-label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-stress-test .section-wrapper .calculation-row .calculation-row-label{font-size:18px}}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .term-calculations .section-wrapper .calculation-row .range-label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage .section-wrapper .calculation-row .range-label,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-stress-test .section-wrapper .calculation-row .range-label{display:grid;grid-template-columns:repeat(2, auto);justify-content:space-between}.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .term-calculations .section-wrapper .calculation-row .range-label span,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .total-mortgage .section-wrapper .calculation-row .range-label span,.calcs .mortgage-calculator .tab-layout .tab-content .calculator-results .mortgage-stress-test .section-wrapper .calculation-row .range-label span{color:var(--ink);font-family:var(--sans);font-size:12px;font-style:normal;font-weight:400;line-height:normal;opacity:.6}.calcs .market-trend-videos,.calcs .educational-videos{margin:auto;font-family:var(--sans)}.calcs .market-trend-videos .section-heading,.calcs .educational-videos .section-heading{width:100%;color:var(--ink);text-align:center;font-family:var(--sans);font-size:50px;font-style:normal;font-weight:600;line-height:normal;padding:2rem 0}.calcs .market-trend-videos .section-heading.sticky,.calcs .educational-videos .section-heading.sticky{position:sticky;top:0;z-index:10;background:var(--calc-card);box-shadow:0px 2px 5px rgba(0,0,0,.35)}@media(max-width: 991px){.calcs .market-trend-videos .section-heading,.calcs .educational-videos .section-heading{font-size:26px;font-weight:500;padding:1rem;width:auto}}.calcs .market-trend-videos .filters,.calcs .educational-videos .filters{display:flex;gap:1rem;margin:auto;width:fit-content;padding-bottom:2rem}@media(max-width: 991px){.calcs .market-trend-videos .filters,.calcs .educational-videos .filters{display:grid;gap:.5rem;margin:0 1rem;width:auto}}.calcs .market-trend-videos .filters .filter,.calcs .educational-videos .filters .filter{color:var(--ink-3);text-align:center;font-family:var(--sans);font-size:14px;font-style:normal;font-weight:600;line-height:15px;padding:1rem;border:1px solid var(--line-2);border-radius:10px;cursor:pointer;transition:all .3s ease}.calcs .market-trend-videos .filters .filter.selected,.calcs .market-trend-videos .filters .filter:hover,.calcs .educational-videos .filters .filter.selected,.calcs .educational-videos .filters .filter:hover{background-color:#2a3448;color:#fff}.calcs .market-trend-videos .videos,.calcs .educational-videos .videos{display:grid;grid-template-columns:repeat(3, auto);grid-gap:2rem;padding:0 0 2rem 0;width:fit-content;margin:auto}@media(max-width: 991px){.calcs .market-trend-videos .videos,.calcs .educational-videos .videos{width:auto;margin:auto;grid-template-columns:1fr;justify-items:center;padding:0 1rem}}.calcs .market-trend-videos .videos .video,.calcs .educational-videos .videos .video{width:350px}@media(max-width: 991px){.calcs .market-trend-videos .videos .video,.calcs .educational-videos .videos .video{width:100%}}.calcs .market-trend-videos .videos .video .thumbnail,.calcs .educational-videos .videos .video .thumbnail{border-radius:.75rem;background:var(--calc-track);background-size:cover;background-position:center;background-repeat:no-repeat;width:350px;height:300px}@media(max-width: 991px){.calcs .market-trend-videos .videos .video .thumbnail,.calcs .educational-videos .videos .video .thumbnail{width:100%}}.calcs .market-trend-videos .videos .video .thumbnail .thumbnail-overlay,.calcs .educational-videos .videos .video .thumbnail .thumbnail-overlay{width:100%;height:100%;background:rgba(0,0,0,.55);border-radius:.75rem;display:grid;align-items:center;justify-content:center}.calcs .market-trend-videos .videos .video .thumbnail .thumbnail-overlay .play-icon,.calcs .educational-videos .videos .video .thumbnail .thumbnail-overlay .play-icon{display:grid;background-color:var(--calc-card);width:50px;height:50px;border-radius:50%;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease}.calcs .market-trend-videos .videos .video .thumbnail .thumbnail-overlay .play-icon:hover,.calcs .educational-videos .videos .video .thumbnail .thumbnail-overlay .play-icon:hover{background-color:var(--line-2)}.calcs .market-trend-videos .videos .video .date,.calcs .educational-videos .videos .video .date{color:var(--ink-3);font-family:var(--sans);font-size:16px;font-style:normal;font-weight:500;line-height:30px}@media(max-width: 991px){.calcs .market-trend-videos .videos .video .date,.calcs .educational-videos .videos .video .date{font-weight:400}}.calcs .market-trend-videos .videos .video .title,.calcs .educational-videos .videos .video .title{color:var(--ink);font-family:var(--sans);font-size:24px;font-style:normal;font-weight:500;line-height:30px}.calcs .market-trend-videos .videos .video .source,.calcs .educational-videos .videos .video .source{color:var(--ink-3);font-family:var(--sans);font-size:18px;font-style:normal;font-weight:500;line-height:30px}.calcs .market-trend-videos .videos .video .source span,.calcs .educational-videos .videos .video .source span{color:var(--ink)}@media(max-width: 991px){.calcs .market-trend-videos .videos .video .source,.calcs .educational-videos .videos .video .source{font-size:18px}}.calcs .market-trend-videos .calendar-content,.calcs .educational-videos .calendar-content{display:grid;grid-template-columns:1fr;width:850px;padding-bottom:1.5rem;margin:1.5rem auto}@media(max-width: 991px){.calcs .market-trend-videos .calendar-content,.calcs .educational-videos .calendar-content{width:auto;margin:0 1rem}}.calcs .market-trend-videos .calendar-content .calendar-header,.calcs .educational-videos .calendar-content .calendar-header{display:grid;grid-template-columns:repeat(2, 1fr);align-items:center;justify-items:self-end;grid-gap:1rem;padding:1rem;border:1px solid var(--line);border-top-left-radius:.5rem;border-top-right-radius:.5rem;visibility:hidden}.calcs .market-trend-videos .calendar-content .calendar-header.show,.calcs .educational-videos .calendar-content .calendar-header.show{visibility:visible}.calcs .market-trend-videos .calendar-content .calendar-header.three-col-layout,.calcs .educational-videos .calendar-content .calendar-header.three-col-layout{grid-template-columns:repeat(3, 1fr)}.calcs .market-trend-videos .calendar-content .calendar-header .calendar-header-col,.calcs .educational-videos .calendar-content .calendar-header .calendar-header-col{color:var(--ink);font-family:var(--sans);font-size:18px;font-style:normal;font-weight:600;line-height:normal}.calcs .market-trend-videos .calendar-content .calendar-header .calendar-header-col:first-of-type,.calcs .educational-videos .calendar-content .calendar-header .calendar-header-col:first-of-type{justify-self:self-start}@media(max-width: 991px){.calcs .market-trend-videos .calendar-content .calendar-header .calendar-header-col,.calcs .educational-videos .calendar-content .calendar-header .calendar-header-col{font-size:16px}}.calcs .market-trend-videos .calendar-content .calendar-events,.calcs .educational-videos .calendar-content .calendar-events{background:rgba(238,242,250,.05);border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.calcs .market-trend-videos .calendar-content .calendar-events .calendar-event,.calcs .educational-videos .calendar-content .calendar-events .calendar-event{display:grid;grid-template-columns:repeat(2, 1fr);align-items:center;justify-items:self-end;grid-gap:1rem;padding:1rem;border-bottom:1px solid var(--line)}.calcs .market-trend-videos .calendar-content .calendar-events .calendar-event:last-of-type,.calcs .educational-videos .calendar-content .calendar-events .calendar-event:last-of-type{border-bottom:none}.calcs .market-trend-videos .calendar-content .calendar-events .calendar-event.three-col-layout,.calcs .educational-videos .calendar-content .calendar-events .calendar-event.three-col-layout{grid-template-columns:repeat(3, 1fr)}.calcs .market-trend-videos .calendar-content .calendar-events .calendar-event .calendar-event-col,.calcs .educational-videos .calendar-content .calendar-events .calendar-event .calendar-event-col{color:var(--ink);font-family:var(--sans);font-size:16px;font-style:normal;font-weight:400;line-height:18px;width:fit-content}@media(max-width: 991px){.calcs .market-trend-videos .calendar-content .calendar-events .calendar-event .calendar-event-col,.calcs .educational-videos .calendar-content .calendar-events .calendar-event .calendar-event-col{font-size:14px;line-height:16px}}.calcs .market-trend-videos .calendar-content .calendar-events .calendar-event .calendar-event-col:first-of-type,.calcs .educational-videos .calendar-content .calendar-events .calendar-event .calendar-event-col:first-of-type{justify-self:self-start}.calcs .market-trend-videos .calendar-content .calendar-events .calendar-event .calendar-event-col.date,.calcs .educational-videos .calendar-content .calendar-events .calendar-event .calendar-event-col.date{text-align:center;font-size:14px;font-weight:600;border-radius:1.5rem;border:1px solid var(--line);background:var(--calc-card);padding:.5rem 1rem}@media(max-width: 991px){.calcs .market-trend-videos .calendar-content .calendar-events .calendar-event .calendar-event-col.date,.calcs .educational-videos .calendar-content .calendar-events .calendar-event .calendar-event-col.date{font-size:12px;line-height:14px}}.calcs .slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:5px;background:linear-gradient(to right, var(--blue) 50%, var(--calc-track) 50%);background-size:100% 100%;background-repeat:no-repeat;outline:none;height:2px;background:rgba(61,123,255,.18);margin:.5rem 0}.calcs .slider::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;background:var(--blue);border-radius:50%;cursor:pointer;position:relative;z-index:2}.calcs .slider::-moz-range-thumb{height:16px;width:16px;background:var(--blue);border:none;border-radius:50%;cursor:pointer}.calcs .slider::-moz-range-track{background:rgba(0,0,0,0)}.custom-tooltip{position:absolute;background:var(--calc-card);color:var(--ink);padding:.5rem;border-radius:.25rem;white-space:nowrap;pointer-events:none;z-index:9999;opacity:0;transition:opacity .2s ease-in-out,transform .2s ease-in-out;transform:translateY(-4px);font-family:var(--sans);font-size:14px;font-style:normal;font-weight:400;line-height:normal;border:1px solid var(--line-2);box-shadow:0 4px 12px rgba(0,0,0,.35)}