.mortgage-results{padding:2rem 1.5rem;background-color:#133041;border-radius:0 0 0 5rem}@media (min-width: 48rem){.mortgage-results{padding:2.5rem}}.mortgage-results__empty{display:grid;justify-items:center;gap:1rem}@media (min-width: 70rem){.mortgage-results__empty{align-content:center;height:100%}}.mortgage-results__filled{display:grid;gap:2.5rem;align-self:flex-start}.mortgage-results__header{display:grid;gap:1rem}.mortgage-results__results-containter{display:grid;gap:2rem;background-color:#00000040;border-top:4px solid #D8DB2F;border-radius:.5rem;padding:1.5rem 1rem}.mortgage-results__text{display:grid;gap:.5rem}.mortgage-results__divider{border-color:#9abed540}.form__field-set{all:unset;display:contents}.button{all:unset;display:inline-flex;justify-content:center;align-items:center;font-weight:700;border-radius:50rem;cursor:pointer;gap:.75rem}.button--lime{color:#133041;background-color:#d8db2f}.button--lime:hover{background-color:#ebed97}.button--med{padding:1rem 2.5rem}@media (min-width: 48rem){.button--med{justify-self:flex-start}}.text-input{display:grid;gap:.75rem}.text-input__input-container{display:flex;align-items:center;border:1px solid #4E6E7E;border-radius:.25rem;font-weight:700;overflow:hidden;transition:border .2s}.text-input__input-container:hover{border-color:#133041}.text-input__input-container:focus-within{border-color:#d8db2f}.text-input__input-container:focus-within .text-input__unit{color:#133041;background-color:#d8db2f}.text-input__input-container--error{border-color:#d73328}.text-input__input-container--error .text-input__unit{color:#fff;background-color:#d73328}.text-input__input{flex:1;border:none;padding:.75rem 1rem;width:100%;outline:none;font-weight:inherit;font-size:inherit}.text-input__unit{display:flex;align-items:center;justify-content:center;padding:0 .75rem;color:#4e6e7e;background-color:#e4f4fd;height:100%;white-space:nowrap;transition:background-color .2s,color .2s}.text-input__error{color:#d73328;font-size:.875rem}.radio,.radio__group{display:grid;gap:.75rem}.radio__label{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:1rem;padding:1rem;font-weight:700;border:2px solid #6B94A8;border-radius:.5rem;transition:border-color .2s ease,background-color .2s ease}.radio__label:hover{border:2px solid #D8DB2F}.radio__label:has(.radio__input:checked){border:2px solid #D8DB2F;background-color:#d8db2f26}.radio__input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.15rem;height:1.15rem;border:2px solid #4E6E7E;border-radius:50%;display:grid;place-content:center;transition:border-color .2s ease}.radio__input[type=radio]:checked{border:2px solid #D8DB2F}.radio__input[type=radio]:before{content:"";width:.65em;height:.65em;border-radius:50%;transform:scale(0);transition:transform .12s ease-in-out;box-shadow:inset 1em 1em #d8db2f}.radio__input[type=radio]:checked:before{transform:scale(1)}.mortgage-form{display:grid;align-content:flex-start;gap:1.5rem;padding:2rem 1.5rem}@media (min-width: 48rem){.mortgage-form{gap:2.5rem;padding:2.5rem}}.mortgage-form__form{display:grid;gap:1.5rem}.mortgage-form__form-row{display:contents}@media (min-width: 70rem){.mortgage-form__form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}}.mortgage-form__header{display:flex;justify-content:space-between;align-items:center}.mortgage-form__clear-all{color:#4e6e7e;font-weight:500;text-decoration:underline;text-underline-position:from-font}.mortgage-form__clear-all:hover{color:#133041;cursor:pointer}.mortgage-repayment-calculator{min-height:100vh;background-color:#e4f4fd}.mortgage-repayment-calculator__content{grid-column:1/-1!important;display:grid;grid-template-rows:1fr max-content;width:100%;min-height:100vh;background-color:#fff}@media (min-width: 48rem){.mortgage-repayment-calculator__content{grid-column:2!important;grid-template-rows:unset;place-self:center;max-width:38rem;min-height:unset;border-radius:1.5rem;overflow:hidden}}@media (min-width: 70rem){.mortgage-repayment-calculator__content{grid-template-columns:1fr 1fr;max-width:unset}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}body{min-height:100vh;-webkit-font-smoothing:antialiased}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:has(:target){scroll-behavior:smooth;scroll-padding-top:3rem}@font-face{font-family:Plus Jakarta Sans;src:url(/mortgage-repayment-calculator-main/fonts/PlusJakartaSans-VariableFont_wght.ttf)}*{font-family:Plus Jakarta Sans,sans-serif;color:#133041}.heading-lg{font-size:2.5rem;line-height:1.25}@media (min-width: 48rem){.heading-lg{font-size:3.5rem}}.heading-md{font-size:1.5rem;line-height:1.25}.text-lg{font-size:1.125rem;line-height:1.25}.text-md{font-size:1rem;line-height:1.5}.bold{font-weight:700}.semi-bold{font-weight:600}.medium{font-weight:500}.normal{font-weight:400}.light{font-weight:300}.italic{font-style:italic}.normal{font-style:normal}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.sr-only:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.grid-bleed{display:grid;grid-template-columns:1fr calc(100% - 3rem) 1fr}@media (min-width: 48rem){.grid-bleed{grid-template-columns:1fr calc(100% - 5rem) 1fr}}@media (min-width: 70rem){.grid-bleed{grid-template-columns:1fr min(100% - 10rem,70rem) 1fr}}.grid-bleed>*{grid-column:2}.grid-auto-fit--sml{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.grid-auto-fit--med{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}.grid-auto-fit--lrg{display:grid;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr))}.text-lime{color:#d8db2f}.text-slate-700{color:#4e6e7e}.text-slate-300{color:#9abed5}.text-white{color:#fff}
