.input_form_container{max-width:400px;margin-right:100px}.mortgage_stress_calculator_container{display:flex;justify-content:center;color:#000572;font-size:20px;line-height:24px;padding-top:48px;border-top:1px solid #ccd1da}.mortgage_stress_calculator_container .input_form{display:flex;flex-direction:column;grid-row-gap:24px;gap:24px}.mortgage_stress_calculator_container .input_label{color:#8398c2}.mortgage_stress_calculator_container .form_group input{height:32px;width:100%;border-color:#dee4ef !important;border-style:solid;border-width:0 0 1px !important;color:#000572 !important;font-size:20px}.mortgage_stress_calculator_container .form_group .error_message{font-size:16px;color:#dc0c48 !important}#morgage_stress_calc_form button{background:#0074d9;color:#fff !important;font-size:20px !important;font-family:"Ciutadella - 500",sans-serif;height:60px;border-radius:30px;width:200px;border:none !important;cursor:pointer;padding:15px 40px}.stats_containers{display:flex;justify-content:space-between;column-gap:26px;font-size:20px;color:#000572;padding-bottom:20px;text-align:center}.stats_display.second_row_row .monthly_income_container,.stats_display.second_row .monthly_repayment_container,.stats_display.second_row .monthly_balance_container{display:flex;flex-direction:column;justify-content:space-between;width:200px}.figures_display{font-family:"Ciutadella - 500";font-size:24px;text-align:center}#mortgage_stress_calculator .stats_display.first_row{display:none;opacity:0;transition:opacity .4s}.stats_display.first_row.visible{opacity:1 !important}.statement{display:flex;justify-content:center;margin-bottom:46px;font-size:24px;line-height:35px !important}#mortgage_stress_calculator .stats_display.first_row .statement p{padding-bottom:0}.mortage_percentage{margin-left:10px;margin-right:10px;font-size:38px !important;font-family:"Ciutadella - 500"}.stats_display.first_row.visible p:nth-child(3){text-align:left}.results_container{display:flex;flex-direction:column;max-width:700px;width:100%}#mortgage_stress_calculator .stats_slider{display:grid;position:relative;padding-top:40px;grid-template-areas:"text1 text2 text3" "slider1 slider2 slider3" "axis1 axis2 axis3";grid-template-columns:33% 17% 50%;grid-template-rows:14px 14px 2fr;grid-row-gap:12px;row-gap:12px;font-size:16px;color:#001848;margin-bottom:70px}.stress_zone{text-align:center;color:#001848 !important}.stress_zone.two{border-left:1px solid;border-right:1px solid}.stress_zone p{margin-top:0}.stress_green_zone{border-radius:20px 0 0 20px;background-color:#03cea4;opacity:.3}.stress_yellow_zone{background-color:#feca58;opacity:.6}.stress_red_zone{border-radius:0 20px 20px 0;background-color:#dc0c48;opacity:.3}#mortgage_stress_calculator .stress_axis{display:flex;flex-direction:row;list-style-type:none !important;margin-bottom:0;margin-top:0}.stress_axis .part_one{grid-area:axis1}.stress_axis .part_two{grid-area:axis2}.stress_axis .part_three{grid-area:axis3}#mortgage_stress_calculator .stress_axis.part_one li,#mortgage_stress_calculator .stress_axis.part_two li,#mortgage_stress_calculator .stress_axis.part_three li{width:100%;text-align:right;font-size:16px}.dot{z-index:1;height:20px;width:20px;border-radius:50%;position:absolute;bottom:-3px;right:0;background-color:#03cea4;border:2px solid #fff;transition:.5s left .25s ease}.ruler{z-index:0;height:14px;width:18px;border-radius:20px;position:absolute;top:40px;left:0;background-color:#0000;transition:.5s width .25s ease}#mortgage_stress_calculator .results_description{text-align:center;line-height:32px}#mortgage_stress_calculator .results_description .first_row{font-size:24px;padding-bottom:0 !important}#mortgage_stress_calculator .results_description .second_row{font-size:40px;line-height:35px !important;font-family:"DM Serif Display";padding-bottom:26px !important}.emoji_container{height:72px}.mb_mortgage_stress_emoji{position:relative;height:100%;margin-left:auto;margin-right:auto;display:none}.emoji_container.happy .mb_mortgage_stress_emoji.happy,.emoji_container.neutral .mb_mortgage_stress_emoji.neutral,.emoji_container.sad .mb_mortgage_stress_emoji.sad{display:block;animation:heartBeat 1s}.results_description_container{text-align:center}.results_description .third_row{color:#001848;font-size:18px;line-height:24px}.monthly_income_container,.monthly_repayment_container,.monthly_balance_container{background-color:#f1f1fb;padding:10px 14px;border-radius:4px}.monthly_income_container p,.monthly_repayment_container p,.monthly_balance_container p{padding-bottom:16px}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.repayment_type_container{position:relative;background-color:#edeff2;color:#001848;display:flex;justify-content:space-between;align-items:center;height:48px;border-radius:48px;margin-top:8px}.repayment_freq_switch_container{position:relative;flex-basis:calc(100% / 3);height:100%;display:flex;justify-content:center;align-items:center}.repayment_freq_switch{display:none}.repayment_freq_switch_labels{position:relative;display:flex;align-items:center;justify-content:center;height:100%;width:100%;text-align:center;border-radius:48px;cursor:pointer;font-family:"Ciutadella - 500",sans-serif;font-size:16px;color:#000572;transition:all .1s}.repayment_freq_switch:checked+.repayment_freq_switch_labels{background-color:#0074d9;color:#fff}@media (max-width:1124px){.mortgage_stress_calculator_container{flex-direction:column;align-items:center}.input_form_container{margin-right:auto;margin-left:auto;margin-bottom:40px;max-width:100%;width:90%}#morgage_stress_calc_form button{margin-left:auto;margin-right:auto}}@media (max-width:834px){.secondary_container{padding:20px}.mortgage_stress_calculator_container{padding:0;border-top:none}.mortgage_stress_calculator_container .input_form{grid-column-gap:0;grid-row-gap:0;column-gap:0;row-gap:0}.mortgage_stress_calculator_container .form_group{padding-bottom:20px}#morgage_stress_calc_form button{height:40px;padding:10px}.results_container{grid-row-gap:16px;row-gap:16px}.stress_axis .hidden_list_item{display:none}.stats_display.first_row{flex-direction:row;padding-bottom:0}.stats_display.first_row .monthly_income_container,.stats_display.first_row .monthly_repayment_container,.stats_display.first_row .monthly_balance_container{font-size:14px;line-height:20px !important;padding-bottom:16px}#mortgage_stress_calculator .stats_display.second_row{padding-top:6px;justify-content:flex-start}#mortgage_stress_calculator .stats_display.second_row.visible p{font-size:20px;line-height:24px !important;margin-bottom:0}.stats_display.second_row p:nth-child(2){font-size:30px;margin-left:12px;margin-right:12px}.stress_zone{display:flex;flex-direction:column;justify-content:center;font-size:12px;line-height:16px;margin-top:4px}.stress_zone p{padding-bottom:0}}@media (max-width:667px){#mortgage_stress_calculator .results_description .first_row{font-size:20px;line-height:28px}#mortgage_stress_calculator .results_description .second_row{font-size:24px !important;line-height:30px !important;padding-bottom:10px !important}.emoji_container{height:auto}#mortgage_stress_calculator .stats_slider{padding-top:40px}.stats_slider{margin-bottom:32px !important}.secondary_container{padding:0;grid-row-gap:0px;row-gap:0px}.stats_containers{flex-direction:column}.stats_display.first_row .monthly_repayment_container{margin-top:16px;margin-bottom:16px}.statement{flex-direction:column;align-items:center;margin-bottom:24px;font-size:20px}}