.calculator .calculator_left{padding:0 1.5625rem;background-color:#fff}.calculator .calculator_left header .calculator_title{color:#122f3f;font-size:1.5rem;padding-top:1.25rem}.calculator .calculator_left header .calculator_clear{border:none;text-decoration:underline;background-color:transparent;color:#4e6e7e;font-size:1rem;margin-top:.625rem;cursor:pointer}.calculator .calculator_left header .calculator_clear:hover{color:#122f3f}.calculator .calculator_left form{color:#4e6e7e;margin-top:1.625rem}.calculator .calculator_left form input{display:inline-block;height:100%;width:100%;padding-left:1.0625rem;font-family:PlusJakartaSans;color:#122f3f;font-size:1.125rem;font-weight:600;flex:1;border:none;cursor:pointer}.calculator .calculator_left form input:focus{outline:none;box-shadow:none;border-color:transparent}.calculator .calculator_left form .inp_icon{height:3.125rem;width:100%;margin:.875rem 0 1.5625rem;border:.0625rem solid #6b94a8;border-radius:.3125rem;display:flex;padding:.0625rem}.calculator .calculator_left form .inp_icon:hover{border:.0625rem solid #122f3f}.calculator .calculator_left form .inp_icon:focus-within{border:.0625rem solid #d7da2f;padding:0}.calculator .calculator_left form .inp_icon:focus-within .icon_f,.calculator .calculator_left form .inp_icon:focus-within .icon_money,.calculator .calculator_left form .inp_icon:focus-within .icon_years{background-color:#d7da2f}.calculator .calculator_left form .inp_icon .icon_money{display:inline-block;width:2.8125rem;height:100%;background-color:#e3f3fd;display:flex;align-items:center;justify-content:center;font-weight:700}.calculator .calculator_left form .inp_icon .icon_years{width:5rem;display:flex;justify-content:center;align-items:center;background-color:#e3f3fd;font-weight:700}.calculator .calculator_left form .inp_icon .icon_f{width:3.125rem;display:flex;justify-content:center;align-items:center;background-color:#e3f3fd;font-weight:700}.calculator .calculator_left form .inp_error{color:#d73328;border:.0625rem solid #d73328;padding:0}.calculator .calculator_left form .inp_error .icon_f,.calculator .calculator_left form .inp_error .icon_money,.calculator .calculator_left form .inp_error .icon_years{background-color:#d73328;color:#fff}.calculator .calculator_left form fieldset{border:none;padding:0;margin:0}.calculator .calculator_left form fieldset .inp_box{display:flex;height:3.125rem;width:100%;margin:.875rem 0 1.5625rem;border:.0625rem solid #6b94a8;border-radius:.3125rem;padding:.0625rem .0625rem .0625rem 1.1875rem;align-items:center}.calculator .calculator_left form fieldset .inp_box:hover{border:.0625rem solid #d7da2f}.calculator .calculator_left form fieldset .inp_box input{width:1.25rem;height:1.25rem;flex:none}.calculator .calculator_left form fieldset .inp_box input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;height:1.25rem;border:.125rem solid #6b94a8;border-radius:50%;outline:none;cursor:pointer;position:relative}.calculator .calculator_left form fieldset .inp_box input[type=radio]:checked{border-color:#d7da2f}.calculator .calculator_left form fieldset .inp_box input[type=radio]:checked:before{content:"";position:absolute;top:.1875rem;left:.1875rem;width:.625rem;height:.625rem;background-color:#d7da2f;border-radius:50%}.calculator .calculator_left form fieldset .inp_box label{margin-left:1.1875rem;cursor:pointer;display:inline-block;width:100%;height:90%;line-height:2.5625rem}.calculator .calculator_left form fieldset .active{border:.0625rem solid #d7da2f;background-color:rgba(215,218,47,.1)}.calculator .calculator_left form .submit_btn{width:100%;height:3.5625rem;margin-bottom:2.0625rem;border-radius:1.75rem;border:none;background-color:#d7da2f;font-size:1.125rem;font-weight:600;color:#122f3f;position:relative;padding-left:2.5rem;cursor:pointer}.calculator .calculator_left form .submit_btn:before{content:"";position:absolute;top:1rem;left:3.1875rem;width:1.5rem;height:1.5rem;background:url(/mortgage-repayment-calculator/img/icon-calculator.790ae2fc.svg)}.calculator .calculator_left form .submit_btn:hover{opacity:.7}.calculator .calculator_right{background-color:#122f3f;padding:2.0625rem 1.5rem;color:#9abed5}.calculator .calculator_right h2{color:#fff}.calculator .calculator_right .empty{text-align:center}.calculator .calculator_right .calculator_result .result_context,.calculator .calculator_right .empty .empty_context{margin-top:1.125rem}.calculator .calculator_right .calculator_result .calculator_repay{background-color:#0e2431;padding:1.125rem;border-top:.3125rem solid #d7da2f;border-radius:.625rem;margin-top:1.5625rem}.calculator .calculator_right .calculator_result .calculator_repay li h3{font-size:1rem;font-weight:400}.calculator .calculator_right .calculator_result .calculator_repay li .monthly{font-size:2.5rem;font-weight:700;color:#d7da2f;margin:.5rem 0 1.125rem;padding-bottom:1.0625rem;border-bottom:.0625rem solid #4e6e7e}.calculator .calculator_right .calculator_result .calculator_repay li .total{font-size:1.5rem;font-weight:600;color:#fff;margin-top:.625rem}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.error{position:relative;top:-1.125rem;color:#d73328;font-size:.875rem}@media (min-width:992px){.calculator{display:flex;max-width:63.125rem;position:relative;left:50%;top:50%;transform:translate(-50%,-50%)}.calculator .calculator_left{width:31.5625rem;border-radius:1.25rem 0 0 1.25rem;padding:0 2.5rem;position:relative}.calculator .calculator_left:after{content:"";position:absolute;right:-5rem;top:0;height:100%;width:5rem;background-color:#fff;z-index:-1;border-radius:0 1.25rem 1.25rem 0}.calculator .calculator_left header{margin-top:2.5rem;display:flex;justify-content:space-between;align-items:flex-end}.calculator .calculator_left header .calculator_clear,.calculator .calculator_left header .calculator_title{margin:0}.calculator .calculator_left form .term_rate{display:flex}.calculator .calculator_left form .term_rate section:first-child{margin-right:1.375rem}.calculator .calculator_left form .submit_btn{width:19.6875rem}.calculator .calculator_right{flex:1;border-radius:0 1.25rem 1.25rem 5rem;display:flex;align-items:center;padding:2.5rem;position:relative}.calculator .calculator_right .calculator_result{position:absolute;top:2.5rem;width:26.5625rem}.calculator .calculator_right .calculator_result .result_context{line-height:1.5625rem}.calculator .calculator_right .calculator_result .calculator_repay li h3{margin-top:.75rem}.calculator .calculator_right .calculator_result .calculator_repay li .monthly{font-size:3.4375rem;margin-bottom:2.6875rem}}*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:PlusJakartaSans;src:url(/mortgage-repayment-calculator/fonts/PlusJakartaSans-VariableFont_wght.db00448b.ttf)}body,html{height:100%}body{font-family:PlusJakartaSans;background-color:#e3f3fd}li{list-style:none}