@font-face{font-family:PlusJakartaSans;src:url(/assets/PlusJakartaSans-VariableFont_wght-D_DSbd_K.ttf)}html{font-size:16px}body{margin:0;font-size:1rem;font-family:PlusJakartaSans}h1,h2,p{margin:0}.mortgage-calculator{display:flex;flex-direction:column;background-color:#fff}.calculator{padding:20px}.calculator__heading-container{display:flex;flex-direction:column;gap:10px}.calculator__heading{color:#122f3f}.calculator__clear-button{font-size:1rem;text-align:left;text-decoration:underline;border:none;background:none;color:#4e6e7e}form{margin-top:25px;display:flex;flex-direction:column;gap:25px}.form-options-container{display:flex;flex-direction:column;gap:25px}label:not(label[for=repayment],label[for=interest-only]){color:#4e6e7e;display:inline-block;margin-bottom:15px}label[for=repayment],label[for=interest-only]{color:#122f3f;font-weight:700;margin-left:15px}[type=text]{font-size:16px;font-weight:700;color:#122f3f}[type=radio]{accent-color:hsl(61,70%,52%)}.mortgage-amount-container input{display:block;width:100%;padding:15px 15px 15px 20%;box-sizing:border-box;border:1px solid hsl(200,24%,40%);border-radius:5px;font-family:PlusJakartaSans;appearance:none;-webkit-appearance:none;-moz-appearance:textfield}.mortgage-term-container input{display:block;width:100%;padding:15px 35% 15px 15px;box-sizing:border-box;border:1px solid hsl(200,24%,40%);border-radius:5px;font-family:PlusJakartaSans;appearance:none;-webkit-appearance:none;-moz-appearance:textfield}.mortgage-interest-container input{display:block;width:100%;padding:15px 25% 15px 15px;box-sizing:border-box;border:1px solid hsl(200,24%,40%);border-radius:5px;font-family:PlusJakartaSans;appearance:none;-webkit-appearance:none;-moz-appearance:textfield}.text-input-container{position:relative}.input-pounds{width:15%;height:97.5%;position:absolute;top:0;bottom:0;left:1px;margin:auto 0;display:flex;justify-content:center;align-items:center;border-top-left-radius:5px;border-bottom-left-radius:5px;font-weight:700;color:#4e6e7e;background-color:#e3f3fd}.input-years,.input-percent{height:97.5%;position:absolute;top:0;bottom:0;right:1px;margin:auto 0;display:flex;justify-content:center;align-items:center;border-top-right-radius:5px;border-bottom-right-radius:5px;font-weight:700;color:#4e6e7e;background-color:#e3f3fd}.input-years{width:30%}.input-percent{width:20%}.input-logo-error{color:#fff;background-color:#d73328}[type=text].input-focused{border:1px solid yellow;outline:none}.input-logo-focused{color:#122f3f;background-color:#d7da2f}.mortgage-amount-container .input-error,.mortgage-term-container .input-error,.mortgage-interest-container .input-error{border:1px solid hsl(4,69%,50%)}.mortgage-type-options-container{width:100%;display:flex;flex-direction:column;gap:15px}.mortgage-option{width:100%;height:49px;padding:15px 22.5px;box-sizing:border-box;border:1px solid hsl(200,24%,40%);border-radius:7.5px}.highlighted-option{border:2px solid hsla(61,70%,52%,.5);background-color:#d7da2f40}button[type=submit]{width:100%;border:none;padding:20px;border-radius:50px;font-family:PlusJakartaSans;font-size:1rem;font-weight:700;color:#122f3f;background-color:#d7da2f;background-repeat:no-repeat}button[type=submit] span:before{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20fill='none'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23133041'%20d='M18.75%202.25H5.25a1.5%201.5%200%200%200-1.5%201.5v16.5a1.5%201.5%200%200%200%201.5%201.5h13.5a1.5%201.5%200%200%200%201.5-1.5V3.75a1.5%201.5%200%200%200-1.5-1.5Zm-10.5%2016.5a1.125%201.125%200%201%201%200-2.25%201.125%201.125%200%200%201%200%202.25Zm0-3.75a1.125%201.125%200%201%201%200-2.25%201.125%201.125%200%200%201%200%202.25ZM12%2018.75a1.125%201.125%200%201%201%200-2.25%201.125%201.125%200%200%201%200%202.25ZM12%2015a1.125%201.125%200%201%201%200-2.25A1.125%201.125%200%200%201%2012%2015Zm3.75%203.75a1.125%201.125%200%201%201%200-2.25%201.125%201.125%200%200%201%200%202.25Zm0-3.75a1.125%201.125%200%201%201%200-2.25%201.125%201.125%200%200%201%200%202.25Zm1.5-5.25a.75.75%200%200%201-.75.75h-9a.75.75%200%200%201-.75-.75V6a.75.75%200%200%201%20.75-.75h9a.75.75%200%200%201%20.75.75v3.75Z'/%3e%3c/svg%3e");position:relative;top:5px;right:10px}.error-text{margin-top:10px;color:#d73328}.result-container{padding:20px;display:flex;flex-direction:column;gap:20px;background-color:#122f3f}img[alt^="empty result"]{width:192px}.result__heading{color:#e3f3fd}.result__title{color:#9abed5}.result{border-top:3px solid hsl(61,70%,52%);padding:0 20px;border-radius:5px;background-color:#0d2330}.result__group{padding:20px 0;display:flex;flex-direction:column;gap:10px}.result__text{color:#6b94a8}.result__monthly{color:#d7da2f;font-size:42px}.result__term{color:#fff}.line{border-bottom:.5px solid hsl(200,24%,40%)}.empty-result{background-color:#122f3f;display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px}.empty-result__heading{color:#e3f3fd;text-align:center}.empty-result__title{color:#9abed5;text-align:center}@media screen and (min-width: 980px){body{background-color:#e3f3fd}.mortgage-calculator{width:100%;height:fit-content;flex-direction:row;max-width:980px;position:absolute;inset:0;margin:auto;border-radius:20px}.calculator{width:50%;padding:30px;box-sizing:border-box;border-top-left-radius:20px;border-bottom-left-radius:20px}.calculator__heading-container{flex-direction:row;justify-content:space-between;align-items:center}.form-options-container{flex-direction:row;gap:20px}.empty-result,.result-container{width:50%;padding:30px;box-sizing:border-box;border-top-right-radius:20px;border-bottom-left-radius:75px;border-bottom-right-radius:20px}.empty-result{justify-content:center}.result{padding:0 25px}.result__group{padding:25px 0}button[type=submit]{width:75%}.calculator__text:hover,.mortgage-option:hover,.mortgage-option label:hover,input:hover,button{cursor:pointer}input[type=text]:hover{border:1px solid hsl(202,55%,16%)}.mortgage-option:hover{border:2px solid hsla(61,70%,52%,.5)}button[type=submit]:hover{background-color:#d7da2f80}}