.processbar{align-items:flex-start;display:inline-flex;flex-direction:column;gap:5px;position:relative}.processbar .process-bar{align-self:stretch;border-radius:var(--base-radius-full);height:4px;position:relative;width:100%}.processbar .checkbox-button{align-items:center;display:inline-flex;flex:0 0 auto;gap:8px;justify-content:center;position:relative}.processbar .checkbox-button.error{color:var(--states-destructive)}.processbar .checkbox-button.disabled,.processbar .checkbox-button.success{color:var(--icon-secondary)}.processbar .checkbox-button.in-progress{color:var(--base-color-primary)}.processbar .instance-node{height:16px;position:relative;width:16px}.processbar .step-name,.processbar .text-wrapper{margin-top:-.5px;position:relative;text-align:center;width:-moz-fit-content;width:fit-content}.processbar .text-wrapper{color:var(--icon-secondary)}.processbar .div{color:var(--states-destructive);margin-top:-.5px;position:relative;text-align:center;width:-moz-fit-content;width:fit-content}.processbar.disabled{opacity:.3}.step-inactive{opacity:.4;cursor:default!important}.processbar.in-progress .process-bar{background-color:var(--surface-primary)}.processbar.disabled .process-bar{background-color:var(--icon-secondary)}.processbar.error .process-bar{background-color:var(--states-destructive)}.processbar.success .process-bar{background-color:var(--icon-secondary)}.processbar.in-progress .step-name{color:var(--base-color-secondary-300)}.processbar.disabled .step-name,.processbar.success .step-name{color:var(--icon-secondary)}.stepper-container{align-items:flex-start;display:flex;flex-direction:column;position:relative;width:100%}.stepper-container .frame{background-color:var(--surface-fill-background);border-radius:var(--base-radius-half) var(--base-radius-small);flex:0 0 auto;flex-direction:column;gap:24px;padding:32px;box-sizing:border-box}.stepper-container .frame,.stepper-container .frame .steps{align-items:flex-start;align-self:stretch;display:flex;position:relative;width:100%}.stepper-container .frame .steps{flex:0 0 auto;gap:8px;flex-wrap:wrap}.stepper-container .processbar{display:flex!important;cursor:pointer;flex:1 1 auto!important;min-width:120px}.stepper-container>.frame>.content{align-self:stretch;position:relative;width:100%}@media(max-width:768px){.stepper-container .frame{padding:16px;gap:16px}.stepper-container .frame .steps{flex-direction:column;gap:12px}.stepper-container .processbar{display:none!important}}