.MarketoMultiStepBlock{--block-margin:0 0 var(--spacing-small);--block-gap:var(--2x)}.MarketoMultiStepBlock .MarketoBlock-header h2{--text-transform:none;font-family:var(--font-family-inter);font-size:32px;letter-spacing:var(--letter-spacing-base);line-height:1.2;margin-block:var(--2x)}@media(max-width:779px){.MarketoMultiStepBlock .MarketoBlock-header h2{font-size:24px}}.MarketoMultiStepBlock .MarketoBlock-header .progress{background-color:var(--color-lighter-gray);height:4px;margin-block:8px;width:100%}.MarketoMultiStepBlock .MarketoBlock-header .progress-indicator{background-color:var(--color-violet);height:100%;transform:scaleX(calc(var(--progress-value)/100));transform-origin:left center;transition:transform .3s ease-in;width:var(--progress-value)}.MarketoMultiStepBlock .MarketoBlock-continue .Button{background-color:var(--block-button-color,var(--color-violet));border-radius:52px;height:52px;transition:all .3s ease-out;width:100%}.MarketoMultiStepBlock .MarketoBlock-continue .Button:focus{border-color:var(--color-violet);box-shadow:0 0 4px 0 rgba(104,62,178,.5),inset 0 0 4px 0 rgba(104,62,178,.5)}.MarketoMultiStepBlock .MarketoBlock-steps.options{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-block-end:var(--6x);min-height:20rem;width:100%}.MarketoMultiStepBlock .MarketoBlock-steps.options.is-invisible{height:0;opacity:0;visibility:hidden}.MarketoMultiStepBlock .MarketoBlock-steps.options .option{align-items:center;background-color:var(--color-white);border:1px solid var(--color-gray);border-radius:var(--border-radius-normal);color:var(--color-black);cursor:pointer;display:flex;font-family:var(--font-family-inter);font-weight:400;justify-content:center;line-height:1.1;min-height:96px;position:relative;text-align:center}.MarketoMultiStepBlock .MarketoBlock-steps.options .option.is-active,.MarketoMultiStepBlock .MarketoBlock-steps.options .option:active,.MarketoMultiStepBlock .MarketoBlock-steps.options .option:checked,.MarketoMultiStepBlock .MarketoBlock-steps.options .option:focus,.MarketoMultiStepBlock .MarketoBlock-steps.options .option:hover{background-color:var(--color-lavender-10);border-color:var(--color-violet);font-weight:700}.MarketoMultiStepBlock .MarketoBlock-steps.options .option.is-active:after{content:url(../../images/icons/icon-checkmark-circle-violet.svg);display:block;height:20px;position:absolute;right:6px;top:6px;width:20px}