.inflation-calc{margin-top:24px}
.inflation-calc .inflation-calc-title .title-comp{font-size:38px;font-family:"knilebold",sans-serif;line-height:48px;font-weight:700;color:#5a287d}
.inflation-calc .inflation-description{font-size:18px;line-height:26px;font-family:"RNHouseSansRegular",sans-serif;margin-bottom:24px;margin-top:24px}
.input-container-color{background-color:#f2eaf9}
.inflation-input-container{display:grid}
.inflation-input-container .input-label{padding-top:32px;margin-bottom:8px;font-size:16px}
.inflation-input-container .input-label p{margin:0}
.inflation-input-container .input-group{padding-bottom:32px}
.inflation-input-container .focus .input-group-text{border:1px solid #5e10b1;border-right:0}
.inflation-input-container .focus input{border:1px solid #5e10b1;box-shadow:none;border-left:0}
.inflation-input-container .input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-weight:400;line-height:1.5;text-align:center;white-space:nowrap;border-radius:.25rem}
.inflation-input-container .input-group-text{font-size:18px;background-color:#fff;border-radius:0;border-right:0;padding:0 8px;color:#646068;padding-left:20px;border-top-left-radius:8px;border-bottom-left-radius:8px}
.inflation-input-container #savings{border-left:0;padding:0;padding-right:15px;height:64px;max-width:450px;font-size:18px;color:#646068;border-top-right-radius:8px;border-bottom-right-radius:8px}
.inflation-result-table{overflow-x:auto}
.inflation-result{width:100%;margin-top:32px;margin-bottom:24px}
.inflation-result th{color:#333;font-weight:700;font-family:"RNHouseSansBold",sans-serif;font-size:14px;line-height:18px;padding-top:20px;padding-bottom:22px;text-align:center}
.inflation-result tr{border-bottom:1px solid #cccfd0}
.inflation-result td{text-align:center;padding-top:16px;padding-bottom:16px;font-size:18px;line-height:26px;color:#646068;font-weight:400;font-family:"RNHouseSansRegular",sans-serif}
.inflation-result td,.inflation-result th{padding-left:8px;padding-right:8px}
.inflation-result .side-header{color:#5a287d}
.inflation-result #impact0,.inflation-result #impact1{color:#cf223f;white-space:nowrap}
.inflation-compliance{margin-bottom:24px}
@media(min-width:768px) and (max-width:1023px){.inflation-calc{margin-top:32px}
.inflation-calc .inflation-description{margin-bottom:32px}
.inflation-result th,.inflation-result td{padding-left:12px;padding-right:12px}
}
@media(min-width:1024px){.inflation-calc{margin-top:32px}
.inflation-calc .inflation-description{margin-bottom:32px}
.inflation-result th{font-size:16px;line-height:26px}
.inflation-result td{font-size:22px;line-height:32px}
.inflation-result th,.inflation-result td{padding-left:12px;padding-right:12px}
.inflation-input-container .input-label{padding-top:48px}
.inflation-input-container .input-group{padding-bottom:48px}
}
@media(min-width:1256px){.inflation-calc .inflation-calc-title .title-comp{font-size:40px;line-height:50px}
}