.blockStepper{container:stepper-block / inline-size;counter-reset:stepperCounter 0;}.stepper-block{display:flex;flex-direction:column;}.stepper-block .seperator:first-child{display:none;}.stepper-item{counter-increment:stepperCounter;}.stepper-item:before{content:counter(stepperCounter);margin-bottom:25px;display:inline-flex;}@container stepper-block ( width > 720px){.stepper-block{flex-direction:row;}}:root .blockStepper,:host .blockStepper{--component-color:var(--color-primary);--component-color-inverse:var(--color-primary-inverse);--line-width:1px;}.separator{display:none;}.stepper-item{flex-grow:1;flex-basis:0;position:relative;padding-left:45px;padding-top:3px;padding-right:32px;}.stepper-item:before{background-color:var(--component-color);color:var(--component-color-inverse);border-radius:100%;aspect-ratio:1/1;width:30px;justify-content:center;align-items:center;position:absolute;left:0;top:0;z-index:5;}.stepper-item:after{content:'';background-color:var(--component-color);width:var(--line-width);right:0;position:absolute;top:15px;z-index:1;left:15px;bottom:0;}.stepper-block .stepper-item:last-child:after{display:none;}@container stepper-block ( width > 720px){.stepper-item{padding-left:0;}.stepper-item:before{position:relative;margin-left:0;}.stepper-item:after{position:absolute;top:17px;left:15px;right:0;height:var(--line-width);width:initial;}}.stepper-item:before{width:40px;}.stepper-item:after{top:24px;left:20px;}