.cls1-6191295046 { /*!*/ }
.cls2-4002176327 {

padding: 0 1rem 1rem;
}
.cls1-5899878388 { /*!*/ }
.cls2-6935249137 {

white-space: nowrap;
}
.cls1-9704544874 { /*!*/ }
.cls2-5322986651 {

padding: 0.5rem 0;
margin-bottom: 1rem;
}
.cls1-8288064421 { /*!*/ }
.cls2-5456264607 {

display: block;
margin-bottom: 1.5rem;
position: relative;
}
.cls1-5976019544 { /*!*/ }
.cls2-6041586373 {

display: block;
color: var(--gray-color);
font-size: 1.1em;
margin-bottom: 1rem;
line-height: 1.5rem;
}
.cls1-6780628677 { /*!*/ }
.cls2-3863500057 {

background-color: transparent;
border: none;
border-bottom: 1px solid rgba(171, 180, 189, .3);
display: block;
padding: 0.75rem 0;
margin: 0 0 2rem;
font-size: 1rem;
width: 100%;
}
.cls1-2718230830 { /*!*/ }
.cls2-4409068269 {

display: flex;
flex-direction: column;
margin: auto;
}
.cls1-1343593076 { /*!*/ }
.cls2-1315816072 {

border: none !important;
color: var(--gray-color) !important;
margin-top: 10px !important;
}
.cls2-5155015588:hover {
background-color: white !important;
border: none !important;
color: var(--gray-color) !important;
}
.cls1-7141178850 { /*!*/ }
.cls2-5263838024 {

position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.75);
z-index: 1000;
}
.cls1-4132904590 { /*!*/ }
.cls2-7212237955 {

height: auto;
width: 350px;
padding: 1rem 2rem;
left: 50%;
position: fixed;
border-radius: 12px;
top: 50%;
background-color: white;
transform: translate(-50%, -50%);
box-shadow: 0px 14px 59px rgba(36, 47, 94, 0.12),
0px 21px 28px rgba(89, 114, 215, 0.18);
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-content: center;
text-align: center;
z-index: 1004;
}
.cls2-2306712765 span {
font-size: 1.2em;
padding: 0.25rem;
}
.cls2-8995068547 input {
margin: auto;
}
.cls2-3135532797 a {
cursor: pointer;
margin: 0.5rem;
}
.casl-5663353462 {
		font-size: 0.85em;
		color: #999;
		display: block;
		margin-bottom: 1rem;
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;
		line-height: 1.25em;
	}
.cls1-2971867989 { /*!*/ }
.cls2-9176177975 {

font-size: 1.1em;
width: 100%;
cursor: pointer;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M0%207.33l2.829-2.83%209.175%209.339%209.167-9.339%202.829%202.83-11.996%2012.17z%22%2F%3E%3C%2Fsvg%3E");
background-position: right 16px center;
background-size: 12px;
background-repeat: no-repeat;
position: relative;
-webkit-appearance: none;
   -moz-appearance: none;
        appearance: none;
}
.cls1-2169747342 { /*!*/ }
.cls2-5225546629 {

display: flex;
flex-direction: column;
margin: auto;
}
.cls1-1983166858 { /*!*/ }
.cls2-3399759395 {

border: none !important;
color: var(--gray-color) !important;
}
.cls2-4258757870:hover {
background-color: white !important;
border: none !important;
color: var(--gray-color) !important;
}
.cls1-534764787 { /*!*/ }
.cls2-6254015866 {

position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.75);
z-index: 1000;
}
.cls1-7985364319 { /*!*/ }
.cls2-6348632518 {

align-content: center;
background-color: white;
border-radius: 12px;
box-shadow: 0px 14px 59px rgba(36, 47, 94, 0.12), 0px 21px 28px rgba(89, 114, 215, 0.18);
display: flex;
flex-direction: column;
height: auto;
justify-content: space-evenly;
left: 50%;
padding: 1rem 2rem;
position: fixed;
text-align: center;
top: 50%;
transform: translate(-50%, -50%);
width: 350px;
z-index: 1004;
}
.cls2-9399183534 span {
font-size: 1.2em;
padding: 0.25rem;
}
.cls2-9075842771 input {
margin: auto;
}
.cls2-3041595616 a {
cursor: pointer;
margin: 0.5rem;
}
.cls2-2557037943 button {
cursor: pointer;
margin: 0.5rem;
}
.cls2-5262100147 button:disabled {
cursor: default;
text-shadow: none;
filter: none;
}
.casl-3498337696 {
		font-size: 0.85em;
		color: #999;
		display: block;
		margin-bottom: 1rem;
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;
		line-height: 1.25em;
	}
.bottomcta-826922828 {
		text-align: center;
		margin: 0 0 2rem 0;
	}
.bottomcta-3405651770 p {
			margin-bottom: 0.5rem;
		}
.bottomcta-9914866387 a {
			margin: 0.5rem;
			cursor: pointer;
		}
.cls1-4212829532 { /*!*/ }
.cls2-3594160858 {


}
.text-960156705 {
		font-size: 0.8em;
		color: #666;
	}

	.help-switch-7258940168 {
		display: inline-block;
		height: 30px;
		vertical-align: middle;
		margin-left: 8px;
	}

	.switch-1485918198 {
		display: none;
	}

	.switch-8983184668 + .switch-btn-7418757072 {
		outline: 0;
		display: block;
		width: 3rem;
		height: 1.5rem;
		position: relative;
		cursor: pointer;
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;
		background: #ddd;
		border-radius: 2em;
		padding: 2px;
		transition: all 0.4s ease;
	}

	.switch-6833492475 + .switch-btn-3559813835:after,
	.switch-7568133121 + .switch-btn-795330473:before {
		position: relative;
		display: block;
		content: '';
		width: 50%;
		height: 100%;
	}

	.switch-9963193139 + .switch-btn-4783155401:after {
		left: 0;
		border-radius: 50%;
		background: #fff;
		transition: all 0.2s ease;
	}

	.switch-6835093700 + .switch-btn-7019529823:before {
		display: none;
	}

	.switch-853302518:checked + .switch-btn-463119361:after {
		left: 50%;
	}

	.switch-8200063481:checked + .switch-btn-4619388191 {
		background: var(--secondary-color);
	}
.cls1-1042928774 { /*!*/ }
.cls2-6631583983 {


}
.cls1-499925234 { /*!*/ }
.cls2-6533370206 {

width: 100%;
}
.rate-6570588419 {
		width: 100%;
		margin-bottom: 0.5rem;
	}

	.province-3520084734 {
		width: 28%;
		margin-right: 1%;
	}

	.province-rate-5281416723 {
		margin-left: 1%;
		width: 70%;
		font-size: 0.95rem;
		padding-left: 0.85rem;
	}
.cls1-9107400489 { /*!*/ }
.cls2-9717785970 {

width: 100%;
}
.cls1-1907159808 { /*!*/ }
.cls2-9772868413 {

width: 100%;
}
.cls1-5510937323 { /*!*/ }
.cls2-31303220 {

width: 100%;
}
.cls1-3095782364 { /*!*/ }
.cls2-6053060934 {

width: 100%;
}
.down-payment-toggle-190273952 {
		position: relative;
	}
	.toggle-1793218127 {
		position: absolute;
		top: 4px;
		right: 0;
		font-size: 0.8em;
		color: #666;
		-webkit-text-decoration: underline;
		text-decoration: underline;
		cursor: pointer;
		z-index: 1;
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;
	}
.remove-scenario-40072302 {
		position: absolute;
		right: 0.5rem;
		cursor: pointer;
	}
.cls1-3543386193 { /*!*/ }
.cls2-3391463437 {

color: #999;
text-transform: uppercase;
font-weight: bold;
font-size: 0.75em;
padding: 0.5rem 1rem 0;
position: relative;
}
.cls1-3537823157 { /*!*/ }
.cls2-1809672603 {

min-height: 225px;
}
.cls1-8221892713 { /*!*/ }
.cls2-7528112767 {

padding: 0.5rem 0;
margin-bottom: 1rem;
}
.wrap-402160879 {
		width: 100%;
	}
	.top-3014241630 {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	@media screen and (min-width: 992px) {
	.top-2487769689 {
			flex-direction: row;
	}
		}
	@media screen and (min-width: 992px) {
	.top-6608453819 > div {
			width: 50%;
	}
		}
	.controls-9517287486 {
		margin-bottom: 1rem;
	}
	.add-scenario-3082367276 {
		display: block;
		background: none;
		border: none;
		outline: none;
		position: relative;
		padding: 0.5rem;
		padding-left: 1.5rem;
		font-size: 0.95rem;
		font-weight: bold;
		color: var(--accent-color);
	}
	.add-scenario-7356276517 > svg {
			color: #666;
			left: 0;
			top: 9px;
			position: absolute;
		}
	.scenarios-9386127008 {
		margin: 0 -0.5rem;
		display: flex;
		flex-direction: column;
	}
	@media screen and (min-width: 992px) {
	.scenarios-7785524778 {
			flex-direction: row;
	}
		}
	@media screen and (min-width: 992px) {
	.scenarios-307843912[data-count='1'] {
			justify-content: center;
	}
		}
	.scenarios-3408902398 > div {
		width: 100%;
		margin: 0.5rem;
	}
	.scenarios-7678119634[data-count='1'] > div {
		width: 100%;
	}
	@media screen and (min-width: 992px) {
	.scenarios-2026556284[data-count='1'] > div {
			max-width: 42%;
	}
		}
.down-payment-toggle-8601970067 {
		position: relative;
	}
	.toggle-9887004502 {
		position: absolute;
		top: 4px;
		right: 0;
		font-size: 0.8em;
		color: #666;
		-webkit-text-decoration: underline;
		text-decoration: underline;
		cursor: pointer;
	}
	.invest-switch-4628472734 {
		display: inline-block;
		height: 30px;
		vertical-align: middle;
		margin-left: 8px;
	}
	.switch-8435944749 {
		display: none;
	}
	.switch-3593895423 + .switch-btn-7552692045 {
		outline: 0;
		display: block;
		width: 3rem;
		height: 1.5rem;
		position: relative;
		cursor: pointer;
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;
		background: #ddd;
		border-radius: 2em;
		padding: 2px;
		transition: all 0.4s ease;
	}
	.switch-5142225171 + .switch-btn-9988561557:after,
	.switch-9407392203 + .switch-btn-9154120558:before {
		position: relative;
		display: block;
		content: '';
		width: 50%;
		height: 100%;
	}
	.switch-983666198 + .switch-btn-9142269014:after {
		left: 0;
		border-radius: 50%;
		background: #fff;
		transition: all 0.2s ease;
	}
	.switch-588754397 + .switch-btn-6788155179:before {
		display: none;
	}
	.switch-8613310448:checked + .switch-btn-4793134168:after {
		left: 50%;
	}
	.switch-92876428:checked + .switch-btn-9135012110 {
		background: #759994;
	}
	.collapsible-4942588308 {
		position: relative;
		cursor: pointer;
		display: flex;
	}
	.collapsible-5107367140 > i {
		position: absolute;
		right: 20px;
		top: 15%;
		transform: translate(0, -15%);
	}
.cls1-4366124140 { /*!*/ }
.cls2-1122051652 {

font-size: 1.2em;
font-weight: bold;
margin-bottom: 1rem;
padding-bottom: 1rem;
border-bottom: 1px solid #eee;
-webkit-user-select: none;
   -moz-user-select: none;
        user-select: none;
}
.table-info-icon-2785324096 {
		font-size: 1em;
		display: inline-block;
		margin-left: 0.25em;
		vertical-align: middle;
		position: relative;
	}
	.table-info-icon-4273549232 svg {
		opacity: 0.5;
	}
	.table-info-tooltip-4924935494 {
		visibility: hidden;
		width: 295px;
		background-color: white;
		border: 1px solid #ccc;
		font-size: 0.9rem;
		line-height: 1.4rem;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
		text-align: center;
		padding: 1rem;
		border-radius: 6px;
		position: absolute;
		z-index: 1;
		left: -5em;
		top: 2em;
	}
	.table-info-icon-4098730662:hover .table-info-tooltip-6321658749 {
		visibility: visible;
	}
.cls1-6492898011 { /*!*/ }
.cls2-2680383964 {

margin-bottom: 2rem;
font-size: 0.9em;
}
.cls2-1691395984 th {
font-weight: bold;
}
.cls2-7148504074 td {
line-height: 1.25em;
}
.cls1-8509970110 { /*!*/ }
.cls2-7611250024 {

border-top: 1px solid #eee;
}
.cls1-2233552858 { /*!*/ }
.cls2-8255722874 {

border-top: 1px solid #999;
}
.cls2-9209200151 td {
font-weight: bold;
}
.cls1-7257619618 { /*!*/ }
.cls2-1703824490 {

padding: 2rem;
}
.cls1-7022027527 { /*!*/ }
.cls2-7798877604 {

margin-top: 1rem;
margin-bottom: 0;
font-size: 0.8em;
color: #666;
}
.cls1-106079182 { /*!*/ }
.cls2-6271587086 {

margin-top: 2rem;
display: block;
}
.wrap-3834734640 {
    display: flex;
    flex-direction: column;
  }
  @media screen and (min-width: 768px) {
  .wrap-1912056927 {
      flex-direction: row;
  }
    }
  .inputs-4165316513 {
    width: 100%;
  }
  @media screen and (min-width: 768px) {
  .inputs-1674308275 {
      width: 40%;
  }
    }
  .outputs-5912235785 {
    border-top: 1px solid #eee;
    padding-top: 2rem;
    margin-top: 1rem;
    width: 100%;
  }
  @media screen and (min-width: 768px) {
  .outputs-3833067266 {
            border-top: 0;
            padding-top: 0;
            margin-top: 0;
      margin-left: 4rem;
      width: 60%;
  }
    }
.cls1-1695950495 { /*!*/ }
.cls2-91206154 {

font-size: 1.2em;
font-weight: bold;
margin-bottom: 1rem;
}
.cls1-2107058897 { /*!*/ }
.cls2-1311751707 {

font: inherit;
font-size: 1.2em;
font-weight: bold;
margin-bottom: 1rem;
background: none;
border: none;
border-top: 1px solid #ebecf0;
padding-top: 1rem;
width: 100%;
text-align: left;
padding-left: 0;
}
.cls1-8730607199 { /*!*/ }
.cls2-3279326030 {

padding: 1rem 2rem;
}
.cls1-5232515266 { /*!*/ }
.cls2-1785030989 {

margin-top: 2rem;
display: block;
}
.cls1-4510642690 { /*!*/ }
.cls2-3322429172 {

padding: 0 1rem 1rem;
}
.cls1-6496546074 { /*!*/ }
.cls2-5204926334 {

white-space: nowrap;
}
.cls1-1006306269 { /*!*/ }
.cls2-6542060192 {

padding: 0.5rem 0;
margin-bottom: 1rem;
}
.remove-scenario-1709345747 {
		position: absolute;
		right: 0.5rem;
		cursor: pointer;
	}
.cls1-1460126928 { /*!*/ }
.cls2-4282744573 {

color: #999;
text-transform: uppercase;
font-weight: bold;
font-size: 0.75em;
padding: 0.5rem 1rem 0;
position: relative;
}
.cls1-9967951092 { /*!*/ }
.cls2-9406522682 {

min-height: 225px;
}
.cls1-1237610847 { /*!*/ }
.cls2-6737951575 {

padding: 0.5rem 0;
margin-bottom: 1rem;
}
.wrap-9293235663 {
		width: 100%;
	}
	.top-4446889981 {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	@media screen and (min-width: 992px) {
	.top-2834445036 {
			flex-direction: row;
	}
		}
	@media screen and (min-width: 992px) {
	.top-9851233686 > div {
			width: 50%;
	}
		}
	.help-8245057350 {
	}
	.ctas-6385068 {
	}
	.controls-3379480269 {
		margin-bottom: 1rem;
	}
	.add-scenario-5463330584 {
		display: block;
		background: none;
		border: none;
		outline: none;
		position: relative;
		padding: 0.5rem;
		padding-left: 1.5rem;
		font-size: 0.95rem;
		font-weight: bold;
		color: var(--accent-color);
	}
	.add-scenario-2375584699 > svg {
			color: #666;
			left: 0;
			top: 9px;
			position: absolute;
		}
	.scenarios-4218152598 {
		margin: 0 -0.5rem;
		display: flex;
		flex-direction: column;
	}
	@media screen and (min-width: 992px) {
	.scenarios-8947488899 {
			flex-direction: row;
	}
		}
	@media screen and (min-width: 992px) {
	.scenarios-6486658048[data-count='1'] {
			justify-content: center;
	}
		}
	.scenarios-2875226785 > div {
		width: 100%;
		margin: 0.5rem;
	}
	.scenarios-4302591689[data-count='1'] > div {
		width: 100%;
	}
	@media screen and (min-width: 992px) {
	.scenarios-4102369913[data-count='1'] > div {
			max-width: 42%;
	}
		}
.cls1-9035856620 { /*!*/ }
.cls2-7547128480 {

font-size: 1.2em;
font-weight: bold;
margin-bottom: 1rem;
}
.down-payment-toggle-6768425339 {
		position: relative;
	}
	.toggle-9795433911 {
		position: absolute;
		top: 4px;
		right: 0;
		font-size: 0.8em;
		color: #666;
		-webkit-text-decoration: underline;
		text-decoration: underline;
		cursor: pointer;
		z-index: 1;
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;
	}
.cls1-8115568052 { /*!*/ }
.cls2-8145333571 {

padding: 1rem 2rem;
}
.cls1-1916493814 { /*!*/ }
.cls2-877739391 {

margin-top: 2rem;
display: block;
}
.totalWrap-955134348 {
		display: flex;
		flex-direction: column;
	}

	.valuesBox-6409176102 {
		width: 100%;
	}

	.totalBox-7100698992 {
		text-align: center;
		margin: 0 auto auto auto;
		padding: 1rem 2rem;
		border-radius: 12px;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
	}

	.totalBox-486358542 span {
			line-height: 2rem;
		}
.cls1-3287415392 { /*!*/ }
.cls2-1686788590 {

padding: 0.5rem 2rem;
line-height: 2rem;
}
.cls1-819238738 { /*!*/ }
.cls2-1033364479 {

margin-top: 2rem;
display: block;
}
.cls1-832993287 { /*!*/ }
.cls2-3036338630 {

line-height: 2rem;
max-height: 300px;
padding: 0.5rem 2rem;
}