.card-stepper{display:flex;flex-direction:column;gap:2.5rem;grid-column:grid;--h-align--grid:start;--h-align--flex:flex-start;--h-align--pos:left}.card-stepper__item{align-items:stretch;display:flex;gap:1rem;position:relative;--progress:20}.card-stepper__item:last-child .card-stepper__item__marker:after,.card-stepper__item:last-child .card-stepper__item__marker:before{display:none}.card-stepper__item .card{filter:blur(2px);flex:1 1;opacity:.5;transform:translateY(1.25rem) scale(.9);transform-origin:0 0;transition:opacity .25s ease,filter .25s ease,transform .25s ease}.card-stepper__item.active .card-stepper__item__marker__circle{background:var(--cs__stepper-item__circle--active__bg);color:var(--cs__stepper-item__circle--active)}.card-stepper__item.visible .card{filter:blur(0);opacity:1;transform:translateY(0)}.card-stepper__item__marker{display:flex;justify-content:center;padding-top:1.25rem;position:relative;width:30px}.card-stepper__item__marker:after,.card-stepper__item__marker:before{bottom:-2.5rem;content:"";left:50%;position:absolute;top:4.75rem;transform:translateX(-50%);width:2px;z-index:10}.card-stepper__item__marker:before{background:var(--cs__stepper-item__circle__bg)}.card-stepper__item__marker:after{background:red;background:var(--cs__stepper-item__circle--active__bg);transform:translateX(-50%) scaleY(calc(1%*var(--progress)));transform-origin:center top;z-index:10}.card-stepper__item__marker__circle{align-items:center;background:var(--cs__stepper-item__circle__bg);border-radius:50%;color:var(--cs__stepper-item__circle);display:flex;font-family:Figtree,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:600;height:2.25rem;justify-content:center;margin-inline:-1rem;transition:all .3s ease;width:2.25rem;z-index:1}@media (min-width:480px){.card-stepper__item{gap:2.5rem}}@media (min-width:48rem){.card-stepper__item__marker__circle{font-size:clamp(1rem,.8571428571rem + .2976190476vw,1.125rem)}}@media (min-width:768px){.card-stepper__item__marker{width:60px}}@media (min-width:90rem){.card-stepper__item__marker__circle{font-size:clamp(1.125rem,.7265625rem + .4427083333vw,1.125rem)}}@media (min-width:150rem){.card-stepper__item__marker__circle{font-size:1.125rem}}