.taroify-step{-webkit-box-flex:1;color:var(--step-color,var(--gray-6,#969799));-webkit-flex:1;-ms-flex:1;flex:1;font-size:var(--step-font-size,var(--font-size-md,28px));position:relative}.taroify-step__circle{background:var(--step-circle-background-color,var(--gray-6,#969799));border-radius:var(--step-circle-border-radius,50%);display:block;height:var(--step-circle-height,var(--step-circle-size,5PX));margin:var(--step-circle-margin,6px);width:var(--step-circle-width,var(--step-circle-size,5PX))}.taroify-step__line{background:var(--step-line-background-color,var(--border-color,var(--gray-3,#ebedf0)));position:absolute;-webkit-transition:background-color var(--step-line-transition-duration,var(--animation-duration-base,.3s));-o-transition:background-color var(--step-line-transition-duration,var(--animation-duration-base,.3s));transition:background-color var(--step-line-transition-duration,var(--animation-duration-base,.3s))}.taroify-step--horizontal{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.taroify-step--horizontal:last-child .taroify-step__line{width:0}.taroify-step--horizontal .taroify-step__circle-container{background:#fff;margin-top:16px;padding:0 var(--padding-xs,16px);z-index:2}.taroify-step--horizontal .taroify-step__circle{bottom:1px;position:relative}.taroify-step--horizontal .taroify-step__label{display:inline-block;font-size:var(--step-horizontal-title-font-size,var(--font-size-sm,24px))}@media(max-width:321px){.taroify-step--horizontal .taroify-step__label{font-size:var(--step-horizontal-title-font-size,var(--step-horizontal-title-font-size,var(--font-size-sm,24px)))-2px}}.taroify-step--horizontal .taroify-step__line{bottom:11px;height:2px;left:50%;width:100%}.taroify-step--horizontal .taroify-step__icon{display:block;font-size:var(--step-icon-font-size,24px)}.taroify-step--horizontal .taroify-step--process{color:var(--step-process-color,var(--text-color,var(--gray-8,#323233)))}.taroify-step--alternative-label{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.taroify-step--alternative-label .taroify-step__circle-container{margin-top:0}.taroify-step--alternative-label .taroify-step__circle{bottom:0}.taroify-step--alternative-label .taroify-step__label{margin-top:16px}.taroify-step--alternative-label .taroify-step__line{bottom:0;top:11px}.taroify-step--vertical{display:block;float:none;line-height:var(--step-vertical-line-height,var(--line-height-sm,36px));padding:var(--step-vertical-padding,20px 20px 20px 0)}.taroify-step--vertical:not(:last-child):after{border-bottom-width:2px}.taroify-step--vertical:first-child:before{background:var(--white,#fff);content:"";height:40px;left:-32px;position:absolute;top:0;width:2px;z-index:1}.taroify-step--vertical .taroify-step__circle-container{font-size:var(--step-icon-font-size,24px);left:-32px;line-height:1;position:absolute;top:38px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2}.taroify-step--vertical .taroify-step__line{height:100%;left:-32px;top:32px;width:2px}.taroify-step--vertical:last-child .taroify-step__line{width:0}.taroify-step--completed{color:var(--step-completed-color,var(--text-color,var(--gray-8,#323233)))}.taroify-step--completed .taroify-step__circle,.taroify-step--completed .taroify-step__line{background:var(--step-completed-line-background-color,var(--green,#07c160))}.taroify-step--completed .taroify-step__icon{color:var(--step-active-color,var(--green,#07c160))}.taroify-step--active{color:var(--step-completed-color,var(--text-color,var(--gray-8,#323233)))}.taroify-step--active .taroify-step__circle{background:var(--step-active-color,var(--green,#07c160))}.taroify-step--active .taroify-step__icon,.taroify-step--active .taroify-step__label{color:var(--step-active-color,var(--green,#07c160))}.taroify-step__icon,.taroify-step__label{-webkit-transition:color .3s;-o-transition:color .3s;transition:color .3s}.taroify-steps{background:var(--steps-background-color,var(--white,#fff));overflow:hidden}.taroify-steps--horizontal{padding:var(--steps-horizontal-padding,20px 0)}.taroify-steps--horizontal .taroify-steps__items{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative}.taroify-steps--vertical{padding:var(--steps-vertical-padding,0 0 0 var(--padding-xl,64px))}
/*# sourceMappingURL=index.css.map */