.vertical-stepper-component{display:flex;flex-direction:column;max-width:var(--max-width, 24.8rem);position:relative}.vertical-stepper-step{align-items:flex-start;display:flex;flex-direction:column;opacity:0;position:relative;transition:opacity var(--circle-duration) var(--motion-ease-in-gentle)}.vertical-stepper-step:last-child{margin-bottom:0}.vertical-stepper-step.vertical-stepper-visible{opacity:1}.vertical-stepper-step-content{align-items:flex-start;display:flex;gap:var(--space-24);margin-bottom:var(--space-24);width:100%}.vertical-stepper-step:last-child .vertical-stepper-step-content{margin-bottom:var(--space-12)}.vertical-stepper-step-text{display:flex;flex:1;flex-direction:column;gap:var(--space-8);opacity:0;padding-top:1rem;transition:opacity var(--line-text-duration) var(--motion-ease-in-out-strong)}.vertical-stepper-step-text.vertical-stepper-text-visible{opacity:1}.vertical-stepper-step-title{color:var(--color-text-boldest);font-feature-settings:"liga" off}.vertical-stepper-step-description{color:var(--color-text-default)}.vertical-stepper-circle{align-items:center;background:transparent;border:var(--border-3) solid var(--color-gray-200);border-radius:50%;display:flex;flex-shrink:0;gap:1rem;height:3.8rem;justify-content:center;position:relative;transition:border-color var(--motion-steady) var(--motion-ease-out-gentle);width:3.8rem;z-index:2}.vertical-stepper-circle-completed{border-color:var(--color-green-300);padding:.3rem}.vertical-stepper-circle-pending{border-color:var(--color-gray-600);padding:0}.vertical-stepper-circle-inner{align-items:center;background:transparent;border-radius:50%;display:flex;height:2.4rem;justify-content:center;width:2.4rem}.vertical-stepper-circle-inner-completed{background-color:var(--color-green-300)}.vertical-stepper-circle-inner-pending{background-color:transparent}.vertical-stepper-icon-completed{color:var(--color-icon-boldest)}.vertical-stepper-icon-pending{color:var(--color-gray-600)}.vertical-stepper-line{height:0;position:absolute;top:3.8rem;transition:height var(--line-text-duration) var(--motion-ease-in-out-strong);width:.3rem;z-index:1}[dir=ltr] .vertical-stepper-line{left:1.9rem;transform:translate(-50%)}[dir=rtl] .vertical-stepper-line{right:1.9rem;transform:translate(50%)}.vertical-stepper-line.vertical-stepper-animated{height:calc(100% - 3.8rem)}.vertical-stepper-line-completed{background-color:var(--color-green-300)}.vertical-stepper-line-pending{background-color:var(--color-gray-600)}.vertical-stepper-line-gradient{background:linear-gradient(to bottom,var(--color-green-300),var(--color-gray-600))}