.stepbystep{overflow:hidden;container:stepbystep/inline-size}.stepbystep--image-size-regular img{aspect-ratio:16/9;object-fit:cover;width:100%}.stepbystep--image-size-small img{width:auto;max-height:5rem}.stepbystep--image-size-extra-small img{width:auto;max-height:3rem}.stepbystep--expanded{width:100cqw;padding:0 var(--gutter-x);margin-left:-50cqw;position:relative;left:50%}.stepbystep div.line{--gap-count:calc(var(--count) - 1);--step-width:calc((100cqw - var(--gap-count) * var(--gap-x)) / var(--count));--gradient-line-height:.75rem;position:relative}.stepbystep div.line .gradient-line{clip-path:polygon(0 0,24px 0,30px 9px,36px 0,100% 0,100% 2px,37px 2px,30.5px 12px,30px 12px,29.5px 12px,23px 2px,0 2px);display:block}.stepbystep div.line .gradient-line:after{--transform-distance:calc(var(--step-width) * var(--step) + var(--gap-x) * var(--step));transform:translateX(calc(-1 * var(--transform-distance)));background:var(--stepbystep-gradient);width:100cqw;height:var(--gradient-line-height);content:"";display:block;position:absolute}.stepbystep div.line .gap-line{--line-height:2px;width:var(--gap-x);height:var(--line-height);position:absolute;top:0;left:100%;overflow:hidden}.stepbystep div.line .gap-line:after{--transform-distance:calc(var(--step-width) * (var(--step) + 1) + var(--gap-x) * var(--step));transform:translateX(calc(-1 * var(--transform-distance)));opacity:.2;background:var(--stepbystep-gradient);width:100cqw;height:var(--line-height);content:"";display:block}.stepbystep div.line:not(:has(+.image)){margin-bottom:1rem}.stepbystep .headline{margin-bottom:.75rem}.stepbystep .image{z-index:-1;display:flex}.stepbystep .image img{clip-path:polygon(0 0,24px 0,30px 9px,36px 0,100% 0,100% 100%,0 100%)}@media (max-width:991.98px){.stepbystep .image:has(+.text){margin-bottom:calc(var(--spacing-y-small) * .25)}.stepbystep .text{margin-bottom:var(--spacing-y-small)}.stepbystep .image:not(:has(+.text)){margin-bottom:var(--spacing-y-small)}}@media (min-width:992px){.stepbystep{--gap-x:4rem;grid-gap:0 var(--gap-x);grid-template-columns:repeat(var(--count), 1fr);display:grid}.stepbystep .headline[data-step="0"]{grid-area:1/1/1/1}.stepbystep .line[data-step="0"]{grid-area:2/1/2/1}.stepbystep .image[data-step="0"]{grid-area:3/1/3/1}.stepbystep p[data-step="0"]{grid-area:4/1/4/1}.stepbystep .headline[data-step="1"]{grid-area:1/2/1/2}.stepbystep .line[data-step="1"]{grid-area:2/2/2/2}.stepbystep .image[data-step="1"]{grid-area:3/2/3/2}.stepbystep p[data-step="1"]{grid-area:4/2/4/2}.stepbystep .headline[data-step="2"]{grid-area:1/3/1/3}.stepbystep .line[data-step="2"]{grid-area:2/3/2/3}.stepbystep .image[data-step="2"]{grid-area:3/3/3/3}.stepbystep p[data-step="2"]{grid-area:4/3/4/3}.stepbystep .headline[data-step="3"]{grid-area:1/4/1/4}.stepbystep .line[data-step="3"]{grid-area:2/4/2/4}.stepbystep .image[data-step="3"]{grid-area:3/4/3/4}.stepbystep p[data-step="3"]{grid-area:4/4/4/4}.stepbystep .headline[data-step="4"]{grid-area:1/5/1/5}.stepbystep .line[data-step="4"]{grid-area:2/5/2/5}.stepbystep .image[data-step="4"]{grid-area:3/5/3/5}.stepbystep p[data-step="4"]{grid-area:4/5/4/5}}.stepbystep{--stepbystep-gradient-base:color-mix(in srgb, var(--color-contrast) 10%, transparent);--stepbystep-gradient:linear-gradient(to right, var(--color-secondary), var(--color-primary))}
/*# sourceMappingURL=step_by_step.min.css.map */