.ui-stepper{display:flex;flex-direction:column;gap:var(--spacing-6);width:100%}.ui-stepper__body{display:flex;flex-direction:column;justify-content:space-between}.ui-stepper__step{--step-num-size: 26px;display:flex;flex-direction:column}.ui-stepper__step__header{display:flex;flex-direction:column;gap:var(--spacing-2);cursor:not-allowed}.ui-stepper__step__header__content{display:flex;align-items:center;gap:var(--spacing-3)}.ui-stepper__step__header__content__num{width:var(--step-num-size);min-width:var(--step-num-size);height:var(--step-num-size);min-height:var(--step-num-size);border:2px solid;border-color:var(--color-gray-400);background-color:var(--color-base-white);padding:1px;box-sizing:border-box;border-radius:50%}.ui-stepper__step__header__content__num:before{content:attr(data-num);display:flex;width:100%;height:100%;align-items:center;justify-content:center;background-color:var(--color-gray-300);color:var(--color-gray-500);font-size:var(--font-size-secondary);font-weight:var(--font-weight-semibold);border-radius:50%}.ui-stepper__step__header__content__label{font-size:var(--font-size-secondary);font-weight:var(--font-weight-medium);font-family:var(--font-primary);color:var(--color-gray-500)}.ui-stepper__step__content{padding:var(--spacing-5) 0;padding-left:var(--spacing-8)}.ui-stepper__step:not(:last-child){position:relative}.ui-stepper__step:not(:last-child):before,.ui-stepper__step:not(:last-child):after{content:"";position:absolute;left:calc(var(--step-num-size) / 2);top:calc(var(--step-num-size) + var(--spacing-2));height:calc(100% - (var(--step-num-size) + var(--spacing-4)));width:2px;background-color:var(--color-gray-400)}.ui-stepper__step:not(:last-child):after{height:0;transition:height .2s linear;background-color:var(--color-primary-500)}.ui-stepper__step--active .ui-stepper__step__header__content__num,.ui-stepper__step--done .ui-stepper__step__header__content__num{border-color:var(--color-primary-500)}.ui-stepper__step--active .ui-stepper__step__header__content__num:before,.ui-stepper__step--done .ui-stepper__step__header__content__num:before{background-color:var(--color-primary-500);color:var(--color-base-white)}.ui-stepper__step--active .ui-stepper__step__header__content__label,.ui-stepper__step--done .ui-stepper__step__header__content__label{color:var(--color-primary-500)}.ui-stepper__step--done:not(:last-child):after{height:calc(100% - (var(--step-num-size) + var(--spacing-4)))}.ui-stepper__step--done .ui-stepper__step__header{cursor:pointer}