.component.compare-your-loans-calculator .calculator-form-wrapper{display:grid;grid-gap:32px}
.component.compare-your-loans-calculator .calculator-legend{display:grid;grid-gap:24px;border-left:2px solid var(--line-default)}
.component.compare-your-loans-calculator .calculator-legend .loan-with-us-legend .label b{color:var(--text-brand)}
.component.compare-your-loans-calculator .calculator-legend .current-loan-legend .label,.component.compare-your-loans-calculator .calculator-legend .loan-with-us-legend .label{padding:0 8px;margin-top:4px}
.component.compare-your-loans-calculator .calculator-legend .current-loan-legend{padding-top:8px}
.component.compare-your-loans-calculator .calculator-legend .loan-with-us-legend{padding-bottom:8px}
.component.compare-your-loans-calculator .calculator-legend .current-loan-bar,.component.compare-your-loans-calculator .calculator-legend .loan-with-us-bar{width:100%;height:24px;position:relative}
.component.compare-your-loans-calculator .calculator-legend .current-loan-bar{background-color:var(--dataVisualisation-categorical-2)}
.component.compare-your-loans-calculator .calculator-legend .loan-with-us-bar{background-color:var(--dataVisualisation-categorical-1)}
@media screen and (min-width:37.5em){.layout-container .container-component .block-d .component.compare-your-loans-calculator .calculator-form-wrapper,.layout-container .container-component .block-c .component.compare-your-loans-calculator .calculator-form-wrapper{grid-template-columns:unset !important}
.layout-container .container-component .block-d .component.compare-your-loans-calculator .calculator-legend,.layout-container .container-component .block-c .component.compare-your-loans-calculator .calculator-legend{padding:unset}
}
@media screen and (min-width:56.5625em){.component.compare-your-loans-calculator .calculator-form-wrapper{max-width:702px;width:100%;margin-right:auto;margin-left:auto;grid-template-columns:auto 280px}
.component.compare-your-loans-calculator .calculator-form-wrapper .calculator-form{width:100%}
.component.compare-your-loans-calculator .calculator-legend{padding:62px 0;height:calc(280px - 62px * 2)}
}