.component_rate-comparison{display:grid;font-family:Montserrat,system-ui,Arial,Helvetica,sans-serif,"sans-serif";gap:calc(1.1111rem*var(--remRatio))}@media screen and (min-width:820px){.component_rate-comparison{gap:calc(1.6666rem*var(--remRatio));grid-template-areas:"form chart" "button chart" "button chart" "button text";grid-template-columns:calc(20rem*var(--remRatio)) 1fr}}.component_rate-comparison .rate-comparison-tabs{display:flex;margin:calc(1.6666rem*var(--remRatio)) 0}.component_rate-comparison .rate-comparison-tabs .rate-comparison-tab{background-color:#fff;border:none;border-bottom:1px solid #f2f2f2;color:var(--set_text);cursor:pointer;font-family:Montserrat,system-ui,Arial,Helvetica,sans-serif,"sans-serif";font-size:calc(.7777rem*var(--remRatio));font-weight:400;line-height:calc(1rem*var(--remRatio));padding:calc(.4444rem*var(--remRatio)) calc(1.3333rem*var(--remRatio)) calc(.3888rem*var(--remRatio));width:50%}.component_rate-comparison .rate-comparison-tabs .rate-comparison-tab:hover{color:var(--color_blue)}.component_rate-comparison .rate-comparison-tabs .rate-comparison-tab.active{border-bottom:2px solid var(--color_blue);color:var(--color_blue);font-weight:700;padding-bottom:calc(.3333rem*var(--remRatio))}.component_rate-comparison .rate-comparison-form.hide{display:none}@media screen and (min-width:820px){.component_rate-comparison .rate-comparison-form{grid-area:form;width:calc(20rem*var(--remRatio))}}.component_rate-comparison .rate-comparison-form .rate-comparison-inputs-container{display:grid;gap:18px}.component_rate-comparison .rate-comparison-form .input-container{border:1px solid #f2f2f2;border-radius:calc(.4444rem*var(--remRatio));box-sizing:border-box;min-height:calc(3.1111rem*var(--remRatio));position:relative}.component_rate-comparison .rate-comparison-form .input-container .snippet_range_ui,.component_rate-comparison .rate-comparison-form .input-container input,.component_rate-comparison .rate-comparison-form .input-container select{-webkit-appearance:none;appearance:none;background-color:#fff;border:none;font-family:Montserrat,system-ui,Arial,Helvetica,sans-serif,"sans-serif";font-size:calc(.8888rem*var(--remRatio));font-weight:400;line-height:calc(1.1111rem*var(--remRatio));padding:calc(1.3333rem*var(--remRatio)) calc(.8333rem*var(--remRatio)) calc(.5555rem*var(--remRatio));width:100%}.component_rate-comparison .rate-comparison-form .input-container select{padding-right:calc(2.2222rem*var(--remRatio))}.component_rate-comparison .rate-comparison-form .input-container label{font-size:calc(.5333rem*var(--remRatio));font-weight:500;font-weight:400;line-height:calc(.6666rem*var(--remRatio))}.component_rate-comparison .rate-comparison-form .input-container .snippet_range_label,.component_rate-comparison .rate-comparison-form .input-container label{display:block!important;left:calc(.8333rem*var(--remRatio));position:absolute;top:calc(.5555rem*var(--remRatio))}.component_rate-comparison .rate-comparison-form .input-container .snippet_range_label label{left:0;top:0}.component_rate-comparison .rate-comparison-form .input-container .icon-arrow{position:absolute;right:calc(.8333rem*var(--remRatio));top:calc(50% - 5px)}.component_rate-comparison .rate-comparison-form .input-container #rate-comparison-mortgage-amount .rate-comparison-mortgage-amount-slider .row{position:relative;width:100%}.component_rate-comparison .rate-comparison-form .input-container #rate-comparison-mortgage-amount .rate-comparison-mortgage-amount-slider .row .col.snippet_range_ui{background-color:#0000}.component_rate-comparison .rate-comparison-form .input-container #rate-comparison-mortgage-amount .rate-comparison-mortgage-amount-slider .row .col.snippet_range_ui .row{padding:0}.component_rate-comparison .rate-comparison-form .input-container #rate-comparison-mortgage-amount .rate-comparison-mortgage-amount-slider .row .col.snippet_range_ui .row .col{flex-grow:2}.component_rate-comparison .rate-comparison-form .input-container #rate-comparison-mortgage-amount .rate-comparison-mortgage-amount-slider .row .col.snippet_range_ui .row .col.snippet_range_value{flex-grow:1}.component_rate-comparison .rate-comparison-form .input-container #rate-comparison-mortgage-amount .rate-comparison-mortgage-amount-slider .row .col.snippet_range_ui .row .snippet_range_slider,.component_rate-comparison .rate-comparison-form .input-container #rate-comparison-mortgage-amount .rate-comparison-mortgage-amount-slider .row .col.snippet_range_ui .row .snippet_range_slider_handle,.component_rate-comparison .rate-comparison-form .input-container #rate-comparison-mortgage-amount .rate-comparison-mortgage-amount-slider .row .col.snippet_range_ui .row .snippet_range_slider_progress{height:calc(1.1111rem*var(--remRatio))}.component_rate-comparison .rate-comparison-form .input-container #rate-comparison-mortgage-amount .rate-comparison-mortgage-amount-slider .row .col.snippet_range_ui .row .snippet_range_slider_handle{width:calc(1.1111rem*var(--remRatio))}.component_rate-comparison .rate-comparison-form .input-container #rate-comparison-mortgage-amount .rate-comparison-mortgage-amount-slider .row .col.snippet_range_ui .row input{border:none;height:auto;padding:0;text-align:left}.component_rate-comparison .rate-comparison-results{position:relative}.component_rate-comparison .rate-comparison-results .rate-comparison-chart-container{height:414px}.component_rate-comparison .rate-comparison-results .rate-comparison-chart-container .rate-comparison-chart-inner-container{height:344px}.component_rate-comparison .rate-comparison-results .rate-comparison-chart-container .rate-comparison-chart-inner-container canvas{height:344px!important;width:100%!important}.component_rate-comparison .rate-comparison-results .rate-comparison-chart-loading{align-items:center;background-color:var(--color_almost_white);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.component_rate-comparison .rate-comparison-results .rate-comparison-chart-loading svg{fill:var(--color_gray)}@media screen and (min-width:820px){.component_rate-comparison .rate-comparison-results{grid-area:chart}}.component_rate-comparison .rate-comparison-button{margin-bottom:calc(1.1111rem*var(--remRatio))}@media screen and (min-width:820px){.component_rate-comparison .rate-comparison-button{grid-area:button}}.component_rate-comparison .rate-comparison-button .btn{justify-content:center;width:100%}.component_rate-comparison .rate-comparison-button .btn svg{margin-left:0}.component_rate-comparison .rate-comparison-text{height:0;margin:calc(1.1111rem*var(--remRatio)) 0 0;transition:height .3s}@media screen and (min-width:820px){.component_rate-comparison .rate-comparison-text{grid-area:text;margin:0 0 calc(1.1111rem*var(--remRatio))}.component_rate-comparison .rate-comparison-form{-ms-grid-column:1;-ms-grid-row:1}.component_rate-comparison .rate-comparison-results{-ms-grid-row-span:5;-ms-grid-column:3;-ms-grid-row:1}.component_rate-comparison .rate-comparison-button{-ms-grid-row-span:5;-ms-grid-column:1;-ms-grid-row:3}.component_rate-comparison .rate-comparison-text{-ms-grid-column:3;-ms-grid-row:7}}.component_rate-comparison .rate-comparison-text p{margin:0;opacity:0;transition:opacity .3s}