.loan-calculator{display:flex}@media (max-width:980px){.loan-calculator{display:block}}.loan-calculator .calculator{--loanCalculatorFormWidth:504px;display:flex;flex-wrap:wrap;gap:32px;margin-bottom:0}.loan-calculator .calculator__form{width:100%;max-width:var(--loanCalculatorFormWidth,100%)}.loan-calculator .calculator__form fieldset label p,.loan-calculator .calculator__form fieldset label span{width:80%;font-size:18px;font-weight:400;line-height:26px}.loan-calculator .calculator__form fieldset label span{font-size:22px;font-weight:600;line-height:28px;margin-bottom:2rem}.loan-calculator .calculator__form .field-group .budget{width:230px;margin-top:16px}.loan-calculator .results{max-width:504px}.loan-calculator .results .resultsDisplay{background:var(--themeUiProductSecondaryColour)}@media (max-width:980px){.loan-calculator .results .resultsDisplay{display:block}}.loan-calculator .results .resultsDisplay h1,.loan-calculator .results .resultsDisplay p{margin:0}.loan-calculator .results .resultsDisplay p{font-size:18px;font-weight:400;line-height:26px}.loan-calculator .results .resultsDisplay .titleDisplay{background:var(--themeUiProductColour);padding:32px 32px 16px 32px}.loan-calculator .results .resultsDisplay .generalDisplay{padding:16px 32px 32px 32px}.loan-calculator .results .resultsDisplay .generalDisplay .compareLoanQuotesButton p{font-size:14px;font-weight:600;line-height:20px;max-width:323px;margin-bottom:8px}.input-shell--option{margin-bottom:16px;margin-top:16px}.input-shell--option input[type=radio]+label{max-width:360px;width:100%;font-size:18px;font-weight:600;line-height:26px;text-align:left}.exactAPR{margin-bottom:16px;margin-top:1rem;width:355px}.exactAPR .exactAPR-content{display:none}.exactAPR .exactAPR-content.active{margin-top:1rem;display:block;border-left:4px solid #494949;color:#494949;padding-left:15px}.help{margin-bottom:16px;margin-top:1rem;max-width:355px}.help .help-link{font-size:18px;font-weight:400;line-height:26px;text-decoration:underline}.help .help-link::before{display:inline-block;content:" >";margin-right:8px}.help .help-link.active::before{transform:rotate(90deg)}.help .help-content{display:none}.help .help-content.active{margin-top:1rem;display:block;border-left:4px solid #494949;color:#494949;padding-left:15px}.year-list{display:flex;gap:20px;margin-top:16px}.year-list input[type=radio]{display:none}.year-list label{display:inline-block;cursor:pointer;padding:10px 15px;border-radius:0;border:2px solid var(--subThemeColour);color:var(--subThemeColour);font-weight:600}.year-list input[type=radio]:checked+label{outline:3px solid var(--subThemeColour);background-color:var(--themeUiProductColour)}