.mata-custom__how-it-works .how-it-works__steps{width:100%}.mata-custom__how-it-works .how-it-works__steps-inner{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}@media print,screen and (min-width:64em){.mata-custom__how-it-works .how-it-works__steps-inner{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}}.mata-custom__how-it-works .how-it-works__step{position:relative;width:75%;padding:0 1.25rem 9.0625rem}@media print,screen and (min-width:64em){.mata-custom__how-it-works .how-it-works__step{padding:0 2.5rem;width:25%}}.mata-custom__how-it-works .how-it-works__step-inner{position:relative;--step-background:#f2efef;width:100%;background-color:var(--step-background);padding:.75rem;-moz-border-radius:.625rem;-o-border-radius:.625rem;-ms-border-radius:.625rem;-webkit-border-radius:.625rem;border-radius:.625rem}.mata-custom__how-it-works .how-it-works__step-image{position:relative;width:100%;aspect-ratio:1/1;box-shadow:0 0 8px 0 rgba(29,26,30,.15) inset;-moz-border-radius:.3125rem;-o-border-radius:.3125rem;-ms-border-radius:.3125rem;-webkit-border-radius:.3125rem;border-radius:.3125rem}.mata-custom__how-it-works .how-it-works__step-image img,.mata-custom__how-it-works .how-it-works__step-image svg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.mata-custom__how-it-works .how-it-works__step-text{position:absolute;left:1.25rem;bottom:7.8125rem;font-size:var(--paragraph-xsmall-font-size-mobile)}@media print,screen and (min-width:64em){.mata-custom__how-it-works .how-it-works__step-text{font-size:var(--paragraph-xsmall-font-size-desktop)}}.mata-custom__how-it-works .how-it-works__step-text{line-height:.875rem;letter-spacing:.0625rem;font-weight:500;margin:0}@media print,screen and (min-width:64em){.mata-custom__how-it-works .how-it-works__step-text{left:2.5rem;bottom:-1.25rem}}.mata-custom__how-it-works .how-it-works__step-arrow{position:absolute;left:50%;bottom:.3125rem;width:.4375rem}@media print,screen and (min-width:64em){.mata-custom__how-it-works .how-it-works__step-arrow{left:auto;right:-2.1875rem;top:50%;width:4.375rem}}.mata-custom__how-it-works .how-it-works__step-arrow svg{width:100%;height:auto;display:block}
/*# sourceMappingURL=mata-custom__how-it-works.css.map */