.sg-step{position:relative;flex-shrink:1}.sg-step:last-of-type .sg-step__line{display:none}.sg-step:last-of-type.is-flex{flex-basis:auto!important;flex-shrink:0;flex-grow:0}.sg-step:last-of-type .sg-step__description,.sg-step:last-of-type .sg-step__main{padding-right:0}.sg-step__head{display:flex;width:100%;align-items:center}.sg-step__head.is-process{color:var(--sg-text-color-primary);border-color:var(--sg-text-color-primary)}.sg-step__head.is-process .sg-step__icon.is-text{background-color:var(--sg-color-primary)}.sg-step__head.is-process .sg-step__icon-wrap.is-text{background-color:var(--sg-color-primary)}.sg-step__head.is-process .sg-step__icon-wrap.is-icon{color:var(--sg-color-primary)}.sg-step__head.is-wait{color:var(--sg-text-color-placeholder);border-color:var(--sg-text-color-placeholder)}.sg-step__head.is-wait .sg-step__icon.is-text{background-color:var(--sg-text-color-placeholder)}.sg-step__head.is-success{color:var(--sg-color-success);border-color:var(--sg-color-success)}.sg-step__head.is-success .sg-step__icon.is-text{background-color:var(--sg-color-success)}.sg-step__head.is-success .sg-step__icon.is-icon{color:var(--sg-color-success)}.sg-step__head.is-error{color:var(--sg-color-danger);border-color:var(--sg-color-danger)}.sg-step__head.is-error .sg-step__icon.is-text{background-color:var(--sg-color-danger)}.sg-step__head.is-error .sg-step__icon.is-icon{color:var(--sg-color-danger)}.sg-step__head.is-finish{color:var(--sg-color-primary);border-color:var(--sg-color-primary)}.sg-step__head.is-finish .sg-step__icon.is-text{background-color:var(--sg-color-primary)}.sg-step__icon{position:relative;z-index:1;display:inline-flex;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;box-sizing:border-box;background:#fff;transition:.15s ease-out}.sg-step__icon.is-text{border-radius:50%;border:3px solid;color:#fff}.sg-step__icon-wrap{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:inline-flex;justify-content:center;align-items:center}.sg-step__icon-inner{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;font-weight:700;line-height:1;color:inherit}.sg-step__icon-inner[class*=sg-icon]:not(.is-status){font-size:25px;font-weight:400}.sg-step__icon-inner.is-status{transform:translateY(1px)}.sg-step__line{border-color:inherit;background-color:var(--sg-text-color-placeholder)}.sg-step__line-inner{display:block;border-width:1px;border-style:solid;border-color:inherit;transition:.15s ease-out;box-sizing:border-box;width:0;height:0}.sg-step__main{white-space:normal;text-align:left}.sg-step__title{font-size:16px;line-height:38px}.sg-step__title.is-process{font-weight:700;color:var(--sg-text-color-primary)}.sg-step__title.is-wait{color:var(--sg-text-color-placeholder)}.sg-step__title.is-success{color:var(--sg-color-success)}.sg-step__title.is-error{color:var(--sg-color-danger)}.sg-step__title.is-finish{color:var(--sg-color-primary)}.sg-step__description{padding-right:10%;margin-top:-5px;font-size:12px;line-height:20px;font-weight:400}.sg-step__description.is-process{color:var(--sg-text-color-primary)}.sg-step__description.is-wait{color:var(--sg-text-color-placeholder)}.sg-step__description.is-success{color:var(--sg-color-success)}.sg-step__description.is-error{color:var(--sg-color-danger)}.sg-step__description.is-finish{color:var(--sg-color-primary)}.sg-step.is-horizontal{display:inline-block}.sg-step.is-horizontal .sg-step__head{flex-direction:row}.sg-step.is-horizontal .sg-step__head .sg-step__title{margin-left:6px}.sg-step.is-horizontal .sg-step__line{width:100%;margin:0 6px}.sg-step.is-vertical{display:flex}.sg-step.is-vertical .sg-step__head{flex-grow:0;width:24px;flex-direction:column}.sg-step.is-vertical .sg-step__main{padding-left:10px;flex-grow:1}.sg-step.is-vertical .sg-step__title{line-height:24px;padding-bottom:8px}.sg-step.is-vertical .sg-step__line{height:100%;margin:6px 0}.sg-step.is-vertical .sg-step__icon.is-icon{width:24px}.sg-step.is-center .sg-step__head{margin-left:50%;transform:translateX(-13px)}.sg-step.is-center .sg-step__main{text-align:center}.sg-step.is-center .sg-step__description{padding-left:20%;padding-right:20%}.sg-step.is-center .sg-step__line{left:50%;right:-50%}.sg-step.is-simple{display:flex;align-items:center}.sg-step.is-simple .sg-step__head{width:auto;font-size:0;padding-right:10px}.sg-step.is-simple .sg-step__head.is-process .sg-step__icon-wrap.is-text{background-color:transparent}.sg-step.is-simple .sg-step__head.is-process .sg-step__icon.is-text{background-color:var(--sg-color-primary)}.sg-step.is-simple .sg-step__icon{background:0 0;width:16px;height:16px;font-size:12px}.sg-step.is-simple .sg-step__icon-inner[class*=sg-icon]:not(.is-status){font-size:18px}.sg-step.is-simple .sg-step__icon-inner.is-status{transform:scale(.8) translateY(1px)}.sg-step.is-simple .sg-step__main{position:relative;display:flex;align-items:stretch;flex-grow:1}.sg-step.is-simple .sg-step__title{font-size:16px;line-height:20px}.sg-step.is-simple:not(:last-of-type) .sg-step__title{max-width:50%;word-break:break-all}.sg-step.is-simple .sg-step__arrow{flex-grow:1;display:flex;align-items:center;justify-content:center}.sg-step.is-simple .sg-step__arrow::after,.sg-step.is-simple .sg-step__arrow::before{content:"";display:inline-block;position:absolute;height:15px;width:1px;background:var(--sg-text-color-placeholder)}.sg-step.is-simple .sg-step__arrow::before{transform:rotate(-45deg) translateY(-4px);transform-origin:0 0}.sg-step.is-simple .sg-step__arrow::after{transform:rotate(45deg) translateY(4px);transform-origin:100% 100%}.sg-step.is-simple:last-of-type .sg-step__arrow{display:none}