html ul:where(.sunp-steps){list-style-type:none;margin:0;padding:0}html ul:where(.sunp-steps-horizontal){align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:stretch}html ul:where(.sunp-steps-vertical){align-items:stretch;display:flex;flex-direction:column;justify-content:stretch}html li:where(.sunp-step){box-sizing:border-box;margin:0;padding:0;position:relative}html li:where(.sunp-step) .sunp-step__indicator{position:relative}html li:where(.sunp-step) .sunp-step__indicator{box-sizing:border-box}html li:where(.sunp-step) .sunp-step__indicator{flex:none}html li:where(.sunp-step) .sunp-step__indicator .sunp-step__handle{display:flex}html li:where(.sunp-step) .sunp-step__indicator .sunp-step__handle{align-items:center}html li:where(.sunp-step) .sunp-step__indicator .sunp-step__handle{justify-content:center}html li:where(.sunp-step) .sunp-step__indicator .sunp-step__handle{height:var(--sunp-size,24px);width:var(--sunp-size,24px)}html li:where(.sunp-step) .sunp-step__indicator .sunp-step__point{position:relative}html li:where(.sunp-step) .sunp-step__indicator .sunp-step__point{margin:.5rem}html li:where(.sunp-step) .sunp-step__indicator .sunp-step__point{display:inline-block}html li:where(.sunp-step) .sunp-step__indicator .sunp-step__point{border-radius:9999px}html li:where(.sunp-step) .sunp-step__indicator .sunp-step__point{padding:.25rem}html li:where(.sunp-step) .sunp-step__indicator .sunp-step__point{color:var(--sunp-color-white);line-height:0;z-index:1}html li:where(.sunp-step) .sunp-step__content{flex:1 1 auto}html li:where(.sunp-step) .sunp-step__content{font-size:.875rem;line-height:1.25rem}html li:where(.sunp-step) .sunp-step__content{color:#9ca3af}html li:where(.sunp-step-wait) .sunp-step__indicator .sunp-step__point{background-color:var(--sunp-color-border)}html li:where(.sunp-step-wait) .sunp-step__indicator:after{background-color:var(--sunp-color-box)}html li:where(.sunp-step-process) .sunp-step__indicator .sunp-step__point{background-color:var(--sunp-color-primary)}html li:where(.sunp-step-process) .sunp-step__indicator:after{background-color:var(--sunp-color-box)}html li:where(.sunp-step-process) .sunp-step__header{color:var(--sunp-color-primary)}html li:where(.sunp-step-finish) .sunp-step__indicator .sunp-step__point{background-color:var(--sunp-color-primary)}html li:where(.sunp-step-finish) .sunp-step__indicator:after{background-color:var(--sunp-color-primary)}html li:where(.sunp-step-finish) .sunp-step__header{color:var(--sunp-color-text)}html li:where(.sunp-step-error) .sunp-step__indicator .sunp-step__point{background-color:var(--sunp-color-danger)}html li:where(.sunp-step-error) .sunp-step__indicator:after{background-color:var(--sunp-color-box)}html li:where(.sunp-step-error) .sunp-step__header{color:var(--sunp-color-danger)}html li:where(.sunp-step-skip) .sunp-step__indicator .sunp-step__point{background-color:var(--sunp-color-border)}html li:where(.sunp-step-skip) .sunp-step__indicator:after{background-color:var(--sunp-color-primary)}html li:where(.sunp-step-skip) .sunp-step__header{color:var(--sunp-color-text)}html ul:where(.sunp-steps-horizontal) li:where(.sunp-step){align-items:stretch;display:flex;flex:1 1 0%;flex-direction:column;justify-content:stretch}html ul:where(.sunp-steps-horizontal) li:where(.sunp-step) .sunp-step__indicator{display:flex}html ul:where(.sunp-steps-horizontal) li:where(.sunp-step) .sunp-step__indicator{width:100%}html ul:where(.sunp-steps-horizontal) li:where(.sunp-step) .sunp-step__indicator{align-items:center}html ul:where(.sunp-steps-horizontal) li:where(.sunp-step) .sunp-step__indicator{justify-content:center}html ul:where(.sunp-steps-horizontal) li:where(.sunp-step) .sunp-step__indicator:after{position:absolute}html ul:where(.sunp-steps-horizontal) li:where(.sunp-step) .sunp-step__indicator:after{left:50%}html ul:where(.sunp-steps-horizontal) li:where(.sunp-step) .sunp-step__indicator:after{top:50%}html ul:where(.sunp-steps-horizontal) li:where(.sunp-step) .sunp-step__indicator:after{content:"";height:2px;translate:0 -50%;width:100%}html ul:where(.sunp-steps-horizontal) li:where(.sunp-step):last-of-type .sunp-step__indicator:after{content:none}html ul:where(.sunp-steps-horizontal) li:where(.sunp-step) .sunp-step__content{margin-top:.5rem}html ul:where(.sunp-steps-horizontal) li:where(.sunp-step) .sunp-step__content{display:flex}html ul:where(.sunp-steps-horizontal) li:where(.sunp-step) .sunp-step__content{flex-direction:column}html ul:where(.sunp-steps-horizontal) li:where(.sunp-step) .sunp-step__content{align-items:center}html ul:where(.sunp-steps-horizontal) li:where(.sunp-step) .sunp-step__content{justify-content:stretch}html ul:where(.sunp-steps-vertical) li:where(.sunp-step){align-items:stretch;display:flex;flex-direction:row;justify-content:stretch}html ul:where(.sunp-steps-vertical) li:where(.sunp-step) .sunp-step__indicator{width:var(--sunp-size,24px)}html ul:where(.sunp-steps-vertical) li:where(.sunp-step) .sunp-step__indicator:after{position:absolute}html ul:where(.sunp-steps-vertical) li:where(.sunp-step) .sunp-step__indicator:after{left:50%}html ul:where(.sunp-steps-vertical) li:where(.sunp-step) .sunp-step__indicator:after{content:"";height:100%;top:calc(var(--sunp-size, 24px) / 2);translate:-50% 0;width:2px}html ul:where(.sunp-steps-vertical) li:where(.sunp-step):last-of-type .sunp-step__indicator:after{content:none}html ul:where(.sunp-steps-vertical) li:where(.sunp-step) .sunp-step__content{margin-left:.5rem}html ul:where(.sunp-steps-vertical) li:where(.sunp-step) .sunp-step__content .sunp-step__header{display:flex}html ul:where(.sunp-steps-vertical) li:where(.sunp-step) .sunp-step__content .sunp-step__header{align-items:center}html ul:where(.sunp-steps-vertical) li:where(.sunp-step) .sunp-step__content .sunp-step__header{height:var(--sunp-size,24px)}