.roi-form{--input-color-grey:#ccc;--input-color-greyLight:#dfdfdf;--input-color-teal:#00c3a9;--input-color-tealLight:#d6fffa;--input-icon-size:60px;--input-icon-color:#b0b0b0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:2em}.roi-form>*{-webkit-box-flex:1;-ms-flex:1;flex:1}.roi-form .roi-inputs{--space:2em;padding-block:1em}.roi-form label{width:auto;margin:0;padding:0;float:none;font-weight:400;font-size:1.1em}.roi-form .slider-field{display:grid;grid-template-columns:var(--input-icon-size) 3fr 1fr;grid-template-areas:"icon label  label" "icon slider value" "icon details details" "icon extra extra"}.roi-form .slider-field>i,.roi-form .slider-field>svg{grid-area:icon;color:var(--input-icon-color);font-size:1.8em}.roi-form .slider-field label{grid-area:label}.roi-form .slider-field input[type=range]{grid-area:slider}.roi-form .slider-field .input-value{grid-area:value;padding-inline:.5em;color:var(--input-color-teal);font-size:.85em;font-weight:700;text-transform:uppercase}.roi-form .slider-field .input-value:not(.currency):after{content:attr(data-unit);margin-left:.5ch}.roi-form .slider-field .input-value.currency:before{content:attr(data-unit)}.roi-form .input-unit{opacity:.5;padding-inline:.5em;font-size:.9em}.roi-form .roi-help{color:#65bef6;font-size:.85em;-webkit-margin-start:.25em;margin-inline-start:.25em}.roi-form .details{-webkit-margin-before:1em;margin-block-start:1em;position:relative}.roi-form .details label{font-size:.9em;color:#777}.roi-form input[type=range]{-webkit-appearance:none;width:100%;background:transparent}.roi-form input[type=range]:focus{outline:none}.roi-form input[type=range]::-ms-track{background:transparent;border-color:transparent;color:transparent}.roi-form input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:18px;width:18px;border-radius:50%;background:var(--input-color-teal);cursor:pointer;-webkit-margin-before:-6px;margin-block-start:-6px;border:2px solid #fff}.roi-form input[type=range]::-moz-range-thumb{height:16px;width:16px;border-radius:8px;background:var(--input-color-teal);cursor:pointer}.roi-form input[type=range]::-ms-thumb{height:16px;width:16px;border-radius:8px;background:var(--input-color-teal);cursor:pointer}.roi-form input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:var(--input-color-greyLight);border-radius:3px}.roi-form input[type=range]::-moz-range-track{width:100%;height:8px;cursor:pointer;background:var(--input-color-grey);border-radius:4px}.roi-form input[type=range]::-ms-track{width:100%;height:8px;cursor:pointer;background:var(--input-color-grey);border-radius:4px}.roi-results{background-color:#ebf7ff;border-radius:1em;padding:2em}@media screen and (min-width:600px){.roi-results{background:#ebf7ff url(/mgs_assets/images/v4/backgrounds/bg-mountains-with-goat.svg) 210px 100%/80% no-repeat}}.output-field h4{font-size:1em;font-weight:700;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.25em}.output-value:not(.currency):after{content:attr(data-unit);margin-left:.25ch}.roi-results-large{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1em}.roi-results-large>:first-child{-webkit-box-flex:2;-ms-flex:2;flex:2}.roi-results-large>:nth-child(2){-webkit-box-flex:1;-ms-flex:1;flex:1}.roi-results-large .output-value{font-size:2.25em;font-weight:700}.roi-results-stack{padding-block:1em}.roi-results-stack>*{border-top:2px solid #fff}.roi-results-stack .output-field{display:-webkit-box;display:-ms-flexbox;display:flex;padding-block:.5em}.roi-results-stack .output-field h4{-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:400;font-size:1em;color:#555}.roi-results-stack .output-field .output-value{font-weight:700;text-align:right}
/*# sourceMappingURL=../maps/pages/roi-calculator.css.map */