aside{background-color:#122f3f;border-radius:0 0 .625rem .625rem;padding:0 1.875rem 1.875rem}.aside__img{padding-block-start:1.875rem;display:block;margin-inline:auto}.aside__title{color:#fff;text-align:center;font-size:1.375rem;font-weight:500;padding-block-start:1.5625rem}.aside__description{margin-inline:auto;padding-inline:1.875rem;padding-block-end:1.875rem;text-align:center;color:#9abed5cc;font-weight:400;line-height:1.375rem;font-size:.96875rem;max-width:42ch}.left{text-align:left;margin-block-end:.9375rem;padding-inline:0;margin-inline:0}.aside__money{border-top:4px solid hsl(61,70%,52%);background-color:#14252f;padding:1.875rem 1.875rem .9375rem;border-radius:.5rem}.aside__info{color:#e2f3fd99}.aside__payment-month{display:block;font-size:clamp(2.375rem,2.102rem + 1.364vw,3.125rem);color:#d7da2f;font-weight:800;margin-block:.625rem 1.875rem}.aside__hr{border:1px solid rgba(255,255,255,.1);margin-block-end:1.25rem}.aside__payment-total{display:block;color:#fff;font-weight:800;font-size:1.375rem;margin-block:.625rem}@media (min-width: 48rem){aside{position:relative;display:grid;place-items:center;border-radius:0 1.5625rem 1.5625rem 5rem}aside:after{content:"";position:absolute;bottom:0;left:0;z-index:-1;background-color:#fff;width:6.25rem;height:6.25rem}.aside__title{margin-block-end:1.25rem}}*{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}body,input,button,select,textarea{font-family:Plus Jakarta Sans,sans-serif;font-size:1rem}body{display:grid;place-items:center;height:100vh;background-color:#e3f3fd}#root{width:100%;max-width:50rem}main{background-color:#fff;padding:1.25rem;border-radius:.625rem .625rem 0 0}.main__intro{margin-block-end:1.25rem}.main__title{font-size:1.25rem;color:#122f3f;margin-block-end:.625rem}.main__clear{color:#4e6e7e;font-size:.875rem;border-bottom:1px solid hsl(200,24%,40%);cursor:pointer}.main__label{display:block;color:#4e6e7e;font-size:.8125rem;font-weight:600;margin-block-end:.625rem}.main__mortgage-div{position:relative;display:flex;align-items:center;border:1px solid hsl(200,24%,40%);border-radius:.3125rem}.main__mortgage-div.error{border-color:#d73328}.main__mortgage-div.error .main__mortgage-span{background-color:#d73328;color:#fff}.main__mortgage-div:has(input:focus):not(.error){border-color:#d7da2f}.main__mortgage-div:has(input:focus):not(.error) .main__mortgage-span{background-color:#d7da2f}.main__mortgage-span{position:absolute;background-color:#e3f3fd;padding:.625rem .75rem;border-radius:.3125rem 0 0 .3125rem;height:100%;font-size:1rem;color:#122f3f;font-weight:600;pointer-events:none}.formErrors{margin-block:.625rem 1.25rem;font-size:.875rem;color:#d73328;font-weight:500}.main__input[type=number]::-webkit-outer-spin-button,.main__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.main__input[type=number]{-moz-appearance:textfield;-webkit-appearance:none;appearance:none}.main__input{padding-inline-start:3.125rem;font-weight:700;border-radius:.3125rem;border:none;height:2.8125rem;width:100%;outline:none}.right{border-radius:.3125rem;right:0;padding-inline-start:.625rem}.main__fieldset-radio{display:flex;align-items:center;border:1px solid hsl(200,24%,40%);padding:.625rem;font-weight:bolder;border-radius:.3125rem;color:#122f3f;margin-block-end:.625rem}.main__fieldset-radio:hover{border-color:#d7da2f}.main__fieldset-radio>label{cursor:pointer}.main__fieldset-radio:has(.main__radio:checked){border-color:#d7da2f;background-color:#d7da2f1a}.main__radio{margin-inline-end:.625rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;width:1.125rem;height:1.125rem;border:1.5px solid rgba(32,24,107,.7);position:relative;cursor:pointer}.main__radio:checked{border:1px solid hsl(61,70%,52%)}.main__radio:before{content:"";width:.625rem;height:.625rem;background-color:transparent;border-radius:50%;position:absolute;bottom:50%;left:-.125rem;transform:translate(50%,50%)}.main__radio:checked:before{background-color:#d7da2f}.btn{display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;height:2.9375rem;border-radius:3.125rem;border:none;background-color:#d7da2f;font-weight:bolder;font-size:.9375rem;color:#122f3f;padding-inline:2.5rem;cursor:pointer;margin-block:1.25rem .625rem;transition:background-color .4s ease-in-out}.btn:hover{background-color:#888a19;transition:background-color .4s ease-in-out}@media (min-width: 48rem){#root{display:grid;grid-template-columns:repeat(2,1fr)}main{border-radius:1.25rem 0 0 1.25rem;padding:2.5rem 2.5rem 1.875rem}.main__intro{display:flex;align-items:center;justify-content:space-between}.btn{margin-block-start:2.5rem}}@media (min-width: 75rem){#root{max-width:77.5rem}}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;src:url(/mortgage-repayment-calculator/assets/plus-jakarta-sans-v8-latin-regular-BEreAzRs.woff2) format("woff2")}@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-v8-latin-500-QJgU3aHP.woff2) format("woff2")}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;src:url(/mortgage-repayment-calculator/assets/plus-jakarta-sans-v8-latin-600-DZHTH_YQ.woff2) format("woff2")}@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-v8-latin-700-ByV-LENh.woff2) format("woff2")}