@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;src:url(/mortgage-repayment-calculator/assets/plus-jakarta-sans-v11-latin-500-Bf-nb4oT.woff2) format("woff2"),url(/mortgage-repayment-calculator/assets/plus-jakarta-sans-v11-latin-500-CSBZm3pA.ttf) format("truetype")}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;src:url(/mortgage-repayment-calculator/assets/plus-jakarta-sans-v11-latin-700-CfpNZvy6.woff2) format("woff2"),url(/mortgage-repayment-calculator/assets/plus-jakarta-sans-v11-latin-700-3jZhhbCO.ttf) format("truetype")}:root{--color-lime-700:#d7da2f;--color-lime-100:rgba(215,218,47,.15);--color-lime-500:rgba(215,218,47,.5);--color-red:#d73328;--color-white:#fff;--color-slate-100:#e3f3fd;--color-slate-300:#9abed5;--color-slate-500:#6b94a8;--color-slate-700:#4e6e7e;--color-slate-900:#122f3f;--color-black-pearl:#0d2330;--shadow-sm:-10px 20px 50px -6px rgba(0,0,0,.1);--font-main:"Plus Jakarta Sans",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;--font-medium:500;--font-bold:700;--text-sm:.875rem;--text-md:1rem;--text-2md:1.125rem;--text-lg:1.5rem;--text-xl:2.5rem;--text-2xl:3.5rem;--leading-none:1;--rounded-full:9999px;--rounded-xs:.25rem;--rounded-sm:.5rem;--rounded-lg:1rem;--rounded-xl:1.5rem;--space-base:.25rem;--pixel:1px;--focus-outline-offset:4px;--focus-outline-width:2px;--focus-outline-color:var(--color-black-pearl);--focus-outline-style:dashed}*,:after,:before{box-sizing:border-box;margin:0}body{background-color:#e3f3fd;background-color:var(--color-slate-100);font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-family:var(--font-main);font-size:1rem;font-size:var(--text-md);font-weight:500;font-weight:var(--font-medium);line-height:1;line-height:var(--leading-none);min-height:100vh}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{color:inherit;font:inherit}h1,h2,h3,h4,h5,h6,p{word-wrap:break-word}@supports selector(:focus-visible){button:focus{outline:none}button:focus-visible{outline-color:#0d2330;outline-color:var(--focus-outline-color);outline-offset:4px;outline-offset:var(--focus-outline-offset);outline-style:dashed;outline-style:var(--focus-outline-style);outline-width:2px;outline-width:var(--focus-outline-width)}}.radio-field{border:none;outline:none;padding:0}.radio-field__title{margin-bottom:.9375rem;margin-bottom:calc(var(--space-base)*3.75);padding:0}.radio-field__option-wrapper{display:grid;grid-gap:.625rem;grid-gap:calc(var(--space-base)*2.5);gap:.625rem;gap:calc(var(--space-base)*2.5)}.radio-field__option{align-items:center;color:#122f3f;color:var(--color-slate-900);cursor:pointer;display:flex;font-size:1.125rem;font-size:var(--text-2md);font-weight:700;font-weight:var(--font-bold);padding:.9375rem 1.125rem;padding:calc(var(--space-base)*3.75) calc(var(--space-base)*4.5);position:relative;width:100%}.radio-field__input{position:absolute;z-index:-999}.radio-field__circle{align-items:center;border:2px solid #4e6e7e;border:2px solid var(--color-slate-700);border-radius:9999px;border-radius:var(--rounded-full);display:flex;height:1.25rem;justify-content:center;position:relative;transition:border-color .2s ease;width:1.25rem;z-index:100;--circle-opacity:0}.radio-field__circle:before{background-color:#d7da2f;background-color:var(--color-lime-700);border-radius:inherit;content:"";height:.75rem;opacity:var(--circle-opacity);transition:background-color .2s ease;width:.75rem}.radio-field__label{margin-left:1.125rem;margin-left:calc(var(--space-base)*4.5);z-index:100}.radio-field__overlay{border:1px solid #122f3f;border:1px solid var(--color-slate-900);border-radius:.25rem;border-radius:var(--rounded-xs);bottom:0;left:0;position:absolute;right:0;top:0;transition-duration:.2s;transition-property:background-color;transition-timing-function:ease}.radio-field__hint{color:#d73328;color:var(--color-red);display:none;font-size:.875rem;font-size:var(--text-sm);margin-top:1rem;margin-top:calc(var(--space-base)*4)}.radio-field__input:checked~.radio-field__circle{border-color:#d7da2f;border-color:var(--color-lime-700);--circle-opacity:1}.radio-field__input:checked~.radio-field__overlay{background-color:#d7da2f26;background-color:var(--color-lime-100);border-color:#d7da2f;border-color:var(--color-lime-700)}.radio-field[aria-invalid=true] .radio-field__hint{display:block}.radio-field[aria-invalid=true] .radio-field__overlay{border-color:#d73328;border-color:var(--color-red)}.radio-field__input:focus~.radio-field__overlay{outline-color:#0d2330;outline-color:var(--focus-outline-color);outline-offset:4px;outline-offset:var(--focus-outline-offset);outline-style:dashed;outline-style:var(--focus-outline-style);outline-width:2px;outline-width:var(--focus-outline-width)}.text-field__input-wrapper{display:flex;font-size:1.125rem;font-size:var(--text-2md);font-weight:700;font-weight:var(--font-bold);height:3.125rem;margin-top:.9375rem;margin-top:calc(var(--space-base)*3.75);position:relative}.text-field__input{border:none;color:#122f3f;color:var(--color-slate-900);order:1;padding:.8125rem 1rem;padding:calc(var(--space-base)*3.25) calc(var(--space-base)*4);width:100%}.text-field__adornment{align-items:center;background-color:#e3f3fd;background-color:var(--color-slate-100);display:flex;padding-left:1rem;padding-left:calc(var(--space-base)*4);padding-right:1rem;padding-right:calc(var(--space-base)*4);transition:background-color .2s ease}.text-field__adornment--before{border-bottom-left-radius:.25rem;border-bottom-left-radius:var(--rounded-xs);border-top-left-radius:.25rem;border-top-left-radius:var(--rounded-xs);order:0}.text-field__adornment--after{border-bottom-right-radius:.25rem;border-bottom-right-radius:var(--rounded-xs);border-top-right-radius:.25rem;border-top-right-radius:var(--rounded-xs);order:3}.text-field__overlay{border:1px solid #6b94a8;border:1px solid var(--color-slate-500);border-radius:.25rem;border-radius:var(--rounded-xs);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;transition-duration:.2s;transition-property:border-color;transition-timing-function:ease}.text-field__hint{color:#d73328;color:var(--color-red);display:none;font-size:.875rem;font-size:var(--text-sm);line-height:1.25rem;line-height:calc(var(--space-base)*5);margin-top:1rem;margin-top:calc(var(--space-base)*4)}.text-field[aria-invalid=true] .text-field__adornment{background-color:#d73328;background-color:var(--color-red);color:#fff;color:var(--color-white)}.text-field[aria-invalid=true] .text-field__overlay{border-color:#d73328;border-color:var(--color-red)}.text-field[aria-invalid=true] .text-field__hint{display:block}.text-field__input:focus{outline:0}.text-field__input:focus+.text-field__overlay{border-color:#d7da2f;border-color:var(--color-lime-700);outline-offset:4px;outline-offset:var(--focus-outline-offset);outline-style:dashed;outline-style:var(--focus-outline-style);outline-width:2px;outline-width:var(--focus-outline-width)}.text-field__input:focus~.text-field__append,.text-field__input:focus~.text-field__prepend{background-color:#d7da2f;background-color:var(--color-lime-700)}.calculator{background-color:#fff;background-color:var(--color-white)}.calculator__form{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.6875rem 1.5rem;grid-gap:calc(var(--space-base)*6.75) calc(var(--space-base)*6);color:#4e6e7e;color:var(--color-slate-700);gap:1.6875rem 1.5rem;gap:calc(var(--space-base)*6.75) calc(var(--space-base)*6);padding:2.1875rem 1.5rem 2rem;padding:calc(var(--space-base)*8.75) calc(var(--space-base)*6) calc(var(--space-base)*8)}.calculator__form-hint{height:.1rem;opacity:0;position:absolute;width:.1rem}.calculator__header{grid-column:1/-1;margin-bottom:.3125rem;margin-bottom:calc(var(--space-base)*1.25)}.calculator__title{color:#122f3f;color:var(--color-slate-900);font-size:1.5rem;font-size:var(--text-lg);font-weight:700;font-weight:var(--font-bold);margin-bottom:1rem;margin-bottom:calc(var(--space-base)*4)}.calculator__reset-btn{background-color:transparent;border:0;cursor:pointer;padding:0;-webkit-text-decoration:underline;text-decoration:underline;transition-duration:.2s;transition-property:color;transition-timing-function:ease}.calculator__reset-btn:active{transform:scale(.98)}.calculator__submit-btn{align-items:center;background-color:#d7da2f;background-color:var(--color-lime-700);border:none;border-radius:9999px;border-radius:var(--rounded-full);color:#122f3f;color:var(--color-slate-900);cursor:pointer;display:flex;font-size:1.125rem;font-size:var(--text-2md);font-weight:700;font-weight:var(--font-bold);grid-column:1/-1;justify-content:center;padding-bottom:1rem;padding-bottom:calc(var(--space-base)*4);padding-left:0;padding-right:0;padding-top:1rem;padding-top:calc(var(--space-base)*4);transition-duration:.2s;transition-property:background-color,transform;transition-timing-function:ease;width:100%}.calculator__submit-btn:active{transform:scale(.98)}.calculator__submit-btn--icon{margin-left:.75rem;margin-left:calc(var(--space-base)*3);margin-right:.125rem;margin-right:calc(var(--space-base)*.5)}.calculator__mortgage-amount,.calculator__mortgage-interest-rate,.calculator__mortgage-term,.calculator__mortgage-type{grid-column:1/-1}.result{background-color:#122f3f;background-color:var(--color-slate-900);color:#6b94a8;color:var(--color-slate-500);padding:2rem 1.5rem;padding:calc(var(--space-base)*8) calc(var(--space-base)*6)}.result__empty{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.result__empty-title{color:#fff;color:var(--color-white);margin-bottom:1.1875rem;margin-bottom:calc(var(--space-base)*4.75);margin-top:1.1875rem;margin-top:calc(var(--space-base)*4.75)}.result__empty-description{line-height:1.5rem;line-height:calc(var(--space-base)*6)}.result__content{display:none}.result[data-show] .result__content{display:inline;display:initial}.result[data-show] .result__empty{display:none}.result__title{color:#fff;color:var(--color-white);margin-bottom:1.1875rem;margin-bottom:calc(var(--space-base)*4.75);margin-top:.1875rem;margin-top:calc(var(--space-base)*.75)}.result__description{line-height:1.5rem;line-height:calc(var(--space-base)*6);margin-bottom:1.5rem;margin-bottom:calc(var(--space-base)*6)}.result__stats{background-color:#0d2330;background-color:var(--color-black-pearl);border-radius:.5rem;border-radius:var(--rounded-sm);border-top:4px solid #d7da2f;border-top:4px solid var(--color-lime-700);overflow:hidden;padding:1.5rem 1rem;padding:calc(var(--space-base)*6) calc(var(--space-base)*4)}.result__stats-divider{background-color:#4e6e7e;background-color:var(--color-slate-700);display:block;height:1px;height:var(--pixel);margin-bottom:1.25rem;margin-bottom:calc(var(--space-base)*5);margin-top:1.3125rem;margin-top:calc(var(--space-base)*5.25);width:100%}.result__monthly--description{display:block;margin-bottom:1.0625rem;margin-bottom:calc(var(--space-base)*4.25)}.result__monthly--value{color:#d7da2f;color:var(--color-lime-700);font-size:2.5rem;font-size:var(--text-xl);font-weight:700;font-weight:var(--font-bold)}.result__total--description{display:block;margin-bottom:.9375rem;margin-bottom:calc(var(--space-base)*3.75)}.result__total--value{color:#fff;color:var(--color-white);display:block;font-size:1.5rem;font-size:var(--text-lg);font-weight:700;font-weight:var(--font-bold);margin-bottom:.1875rem;margin-bottom:calc(var(--space-base)*.75)}.main{align-items:center;display:flex;justify-content:center;min-height:100vh}@media (min-width:40em){.calculator{border-radius:1.5rem;border-radius:var(--rounded-xl);box-shadow:-10px 20px 50px -6px #0000001a;box-shadow:var(--shadow-sm);max-width:63rem;overflow:hidden}.calculator__form{padding:2.6875rem 2.5rem 2.5rem;padding:calc(var(--space-base)*10.75) calc(var(--space-base)*10) calc(var(--space-base)*10)}.calculator__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem;margin-bottom:calc(var(--space-base)*5)}.calculator__title{margin-bottom:0}.calculator__submit-btn{margin-top:.75rem;margin-top:calc(var(--space-base)*3);padding:1rem 2.4375rem 1rem 2.5rem;padding:calc(var(--space-base)*4) calc(var(--space-base)*9.75) calc(var(--space-base)*4) calc(var(--space-base)*10);width:auto}.calculator__mortgage-interest-rate,.calculator__mortgage-term{grid-column:initial}.result .result__stats{padding:2rem;padding:calc(var(--space-base)*8)}.result .result__description{margin-bottom:2.5rem;margin-bottom:calc(var(--space-base)*10)}.result .result__monthly--description{margin-bottom:1.25rem;margin-bottom:calc(var(--space-base)*5)}.result .result__monthly--value{font-size:3.5rem;font-size:var(--text-2xl)}.result .result__stats-divider{margin-bottom:2.3125rem;margin-bottom:calc(var(--space-base)*9.25);margin-top:2.375rem;margin-top:calc(var(--space-base)*9.5)}.main{padding:2.5rem;padding:calc(var(--space-base)*10)}}@media (min-width:64em){.calculator{display:flex}.calculator>*{width:50%}.result{border-bottom-left-radius:5rem;padding:2.5rem;padding:calc(var(--space-base)*10)}}@media (hover:hover){.radio-field__option:hover .radio-field__overlay{border-color:#d7da2f;border-color:var(--color-lime-700)}.text-field__input-wrapper:hover .text-field__overlay{border-color:#0d2330;border-color:var(--color-black-pearl)}.calculator__submit-btn:hover{background-color:#d7da2f80;background-color:var(--color-lime-500)}}@media (prefers-reduced-motion:reduce){.calculator__reset-btn,.calculator__submit-btn,.radio-field__circle,.radio-field__circle:before,.radio-field__overlay,.text-field__adornment,.text-field__overlay{transition:none}}