.fade-enter-active,.fade-leave-active{transition:opacity .3s ease-out,transform .5s ease-out;transform:translate3d(0,0,0)}
.fade-enter,.fade-leave-to{opacity:0}
.calculator[v-cloak],.vue-app-loading{display:none}
.calculator[v-cloak] + .vue-app-loading{display:block}
.error-text{border-radius:5px;color:#fff;margin-top:16px;width:fit-content}
.error-text:not(:empty){padding:8px 16px}
.calculator-questionnaire{background:#002663;min-height:85vh;min-height:calc(100vh - 48px - 71px);position:relative}
@media(min-width:768px){.calculator-questionnaire{min-height:600px;min-height:60vh}
}
@media(min-width:1880px){.calculator-questionnaire{min-height:600px}
}
.calculator-questionnaire .question{color:#fff;font-size:1.5rem;line-height:1.25em;font-family:'NunitoSansLight','NunitoSansRegular',sans-serif;margin-bottom:0}
@media(min-width:1024px){.calculator-questionnaire .question{font-size:1.9995rem}
}
.calculator-questionnaire .question-description{color:#fff;font-size:.875rem;line-height:1.7em;margin-bottom:0}
.calculator-questionnaire .input-group{margin-top:16px}
.calculator-questionnaire .input-group-label,.calculator-questionnaire .input-group-field{background:0;border:0;border-bottom:1px solid #fff;color:#fff;font-size:1.5rem;line-height:1.25em;font-family:'NunitoSansLight','NunitoSansRegular',sans-serif}
@media(min-width:1024px){.calculator-questionnaire .input-group-label,.calculator-questionnaire .input-group-field{font-size:1.9995rem}
}
.calculator-questionnaire .input-group-button{border-bottom:1px solid #fff;padding:8px 16px}
.calculator-questionnaire .input-group-button .button:after{content:'';position:relative;top:-2px;display:inline-flex;margin-left:16px;width:16px;height:16px;border-bottom:solid 1px;border-right:solid 1px}
.calculator-questionnaire input:focus{border-color:#fff;box-shadow:none}
.calculator-questionnaire .isFocused .input-group{border-color:#0e75d5;box-shadow:0 0 5px #0e75d5}
.calculator-questionnaire .error-text{border-radius:5px;color:#fff;margin-top:16px;width:fit-content}
.calculator-questionnaire .error-text:not(:empty){padding:8px 16px}
.calculator-questionnaire .question-stage{position:absolute;top:50%;left:50%;width:100%;padding:0 16px;transform:translate3d(-50%,-50%,0);max-width:500px}
@media(min-width:480px){.calculator-questionnaire .question-stage{width:75%}
}
@media(min-width:768px){.calculator-questionnaire .question-stage{width:60%}
}
@media(min-width:1024px){.calculator-questionnaire .question-stage{left:35%;width:50%}
}
.calculator-questionnaire .question-stage.fade-enter{transform:translate3d(-50%,75%,0)}
.calculator-questionnaire .question-stage.fade-leave-to{transform:translate3d(-50%,-100%,0)}
.calculator-decoration{position:absolute;bottom:0;right:0;pointer-events:none;max-width:50%;max-height:100%}
.calculator-decoration img{max-height:100%}
.calculator-promo{position:absolute;bottom:0;left:50%;width:100%;padding:0 32px;transform:translate3d(-50%,0,0);max-width:500px}
@media(min-width:480px){.calculator-promo{width:75%}
}
@media(min-width:768px){.calculator-promo{width:60%}
}
@media(min-width:1024px){.calculator-promo{left:35%;width:50%}
}
.calculator-promo a.button.button-full{border-bottom-right-radius:0;border-bottom-left-radius:0}
@media(min-width:1024px){.calculator-promo a.button.button-full{width:100%}
}
.is-stuck{background:#fff;margin-top:0}
.payment-price{font-family:'NunitoSansLight';font-size:4.5rem;line-height:1.22em;color:#002663}
.payment-price sup{font-size:2rem;top:-1.5rem;font-weight:normal}
.payment-price sub{font-size:2rem;bottom:.15em;font-weight:normal}
.calculator-results .grid-container>.grid-x{justify-content:center}
@media(min-width:1024px){.calculator-results .grid-container>.grid-x{justify-content:left}
}
.calculator-results fieldset.cell{padding-top:0;padding-bottom:0}
.calculator-results fieldset.cell legend{text-transform:uppercase;font-family:'NunitoSansSemibold'}
.calculator-results .toggle-field label{color:#0e75d5;border-color:#0e75d5;margin:0;margin-right:16px}
.calculator-results .toggle-field input[type="radio"]:checked + label,.calculator-results .toggle-field input[type="checkbox"]:checked + label{border-color:#0e75d5;background:#0e75d5;box-shadow:none}
.calculator-results .toggle-field input[type="radio"]:checked + label .term,.calculator-results .toggle-field input[type="checkbox"]:checked + label .term{color:#fff}
.calculator-results .enter-own-rate{padding-top:0}
.calculator-results .rates-input label{text-transform:uppercase;color:#000}
.calculator-results .rates-input label select,.calculator-results .rates-input label input{background-color:transparent;border:transparent;font-size:1rem;border-bottom:1px solid #000}
.calculator-results .interest-container{padding:16px 32px}
.calculator-results .interest-container strong.float-right sup{padding-right:4px}
.calculator-results .interest-container p{margin:0}
.calculator-results .interest-container .interest-subtext{line-height:1em}
@media(min-width:1024px){.calculator-results .interest-container .interest-subtext{width:65%}
}
.calculator-results .card{background-color:transparent}
.calculator-results .card .card-section{margin-top:16px}
@media(min-width:1024px){.calculator-results .card .card-section{margin-top:0}
}
.calculator-results .card .card-section .card-title{padding:0}
.calculator-results .card .card-section .card-description{margin-bottom:0}
.calculator-results .error-text{color:#fff}
.calculator-results .label{text-transform:uppercase;color:#000}
.calculator-results .label input{background:transparent;border-color:transparent;border-bottom-color:inherit}
.calculator-results .results-numbers{align-items:flex-end}
.margin-none{margin:0 !important}
.aem-AuthorLayer-Edit .calculator-questionnaire,.aem-AuthorLayer-Layouting .calculator-questionnaire{min-height:600px !important}