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