@opentiny/vue-theme/steps/index.css

An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.

.tiny-steps,.tiny-timeline{--tv-Steps-font-size:var(--tv-font-size-default, 14px);--tv-Steps-text-color:var(--tv-color-text, #191919);--tv-Steps-node-bg-color-active:var(--tv-color-bg-primary, #191919);--tv-Steps-disabled-icon-color:var(--tv-color-text-disabled, #c2c2c2);--tv-Steps-node-desc-text-color:var(--tv-color-text-weaken, #808080);--tv-Steps-node-circle-size:var(--tv-size-height-md, 32px);--tv-Steps-node-circle-size-lg:var(--tv-size-height-lg, 40px);--tv-Steps-node-done-border-color:var(--tv-color-border-active, #191919);--tv-Steps-node-done-bg-color:var(--tv-color-bg-active-dark, #191919);--tv-Steps-advance-li-text-color:var(--tv-color-text-inverse, #fff);--tv-Steps-node-title-text-color-hover:var(--tv-color-text, #191919);--tv-Steps-icon-size:var(--tv-size-height-md, 32px);--tv-Steps-line-height:var(--tv-border-width, 1px);--tv-Steps-line-margin-horizontal:var(--tv-space-md, 8px);--tv-Steps-text-margin-left:var(--tv-space-md, 8px);--tv-Steps-advance-active-border-color:var(--tv-color-border-active, #191919);--tv-Steps-advance-active-text-color:var(--tv-color-text, #191919);--tv-Steps-done-text-color:var(--tv-color-text, #191919);--tv-Steps-done-text-color-black:var(--tv-color-text-inverse-black, #191919);--tv-Steps-line-active-bg-color:var(--tv-color-bg-active-primary, #191919);--tv-Steps-done-icon-color:var(--tv-color-icon-active, #191919);--tv-Steps-line-bg-color:var(--tv-color-border-divider, #f0f0f0);--tv-Steps-node-icon-bg-color:var(--tv-color-bg-dark, #ffffff);--tv-Steps-unselected-icon-color:var(--tv-color-text, #191919);--tv-Steps-node-border-color:var(--tv-color-border-divider-short, #dbdbdb);--tv-Steps-timeline-date-time-text-color:var(--tv-color-text, #191919);--tv-Steps-error-icon-bg-color:var(--tv-color-bg-secondary, #ffffff);--tv-Steps-error-icon-color:var(--tv-color-error-icon, #f23030);--tv-Steps-error-border-color:var(--tv-color-error-border, #f23030);--tv-Steps-error-text-color:var(--tv-color-error-text, #f23030);--tv-Steps-disabled-icon-bg-color:var(--tv-color-bg-disabled, #f0f0f0);--tv-Steps-disabled-border-color:var(--tv-color-border-disabled, #dbdbdb);--tv-Steps-disabled-text-color:var(--tv-color-text-disabled, #c2c2c2);--tv-Steps-mini-icon-size:var(--tv-icon-size, 16px);--tv-Steps-mini-number-font-size:var(--tv-font-size-sm, 12px);--tv-Steps-icon-small-size:24px;--tv-Steps-small-number-font-size:var(--tv-font-size-default, 14px);--tv-Steps-advance-node-bg-color:var(--tv-color-bg-active-dark, #f5f5f5);--tv-Steps-advance-node-bg-color-hover:var(--tv-color-bg-hover, #f5f5f5);--tv-Steps-advance-node-active-bg-color-hover:var(--tv-color-bg-hover-primary, #595959);--tv-Steps-advance-node-done-bg-color:var(--tv-color-bg-active-dark, #f0f0f0);--tv-Steps-advance-node-done-bg-color-hover:var(--tv-color-bg-disabled, #f0f0f0);--tv-Steps-advance-node-doing-bg-color:var(--tv-color-bg-active-dark, #f5f5f5);--tv-Steps-advance-node-doing-bg-color-hover:var(--tv-color-bg-3, #f0f0f0);--tv-Steps-advance-node-error-bg-color:var(--tv-color-error-bg-light, #fce3e1);--tv-Steps-advance-node-error-bg-color-hover:var(--tv-color-error-bg-light, #fce3e1);--tv-Steps-advance-node-error-bg-color-active:#de504e;--tv-Steps-advance-error-icon-color:var(--tv-color-error-icon, #f23030);--tv-Steps-advance-node-disable-icon-color:var(--tv-color-icon, #808080);--tv-Steps-advance-node-disable-bg-color:var(--tv-color-bg-disabled-control-unactive, #dbdbdb);--tv-Steps-advance-node-disable-bg-color-hover:var(--tv-color-bg-disabled-control-unactive, #dbdbdb);--tv-Steps-advance-node-disable-bg-color-active:var(--tv-color-bg-disabled-control-unactive, #dbdbdb);--tv-Steps-line-number-border-color-hover:var(--tv-color-border-hover, #191919);--tv-Steps-line-number-text-color-hover:var(--tv-color-text, #191919);--tv-Steps-line-number-bg-color-hover:var(--tv-color-bg-secondary, #ffffff);--tv-Steps-line-number-active-bg-color-disabled:var(--tv-color-bg-disabled, #f0f0f0);--tv-Steps-line-number-active-text-color-disabled:var(--tv-color-text-disabled, #c2c2c2);--tv-Steps-line-desc-text-color-active:var(--tv-color-text-weaken, #808080);--tv-Steps-line-title-text-color-disabled:var(--tv-color-text-disabled, #c2c2c2);--tv-Steps-line-error-icon-bg-color-hover:var(--tv-color-error-bg-light, #fce3e1);--tv-Steps-line-doing-icon-bg-color:var(--tv-color-act-primary-bg-white-active, #ffffff);--tv-Steps-doing-border-color:var(--tv-color-border-active, #191919);--tv-Steps-line-doing-icon-color:var(--tv-color-text, #191919);--tv-Steps-line-doing-border-color-hover:var(--tv-color-act-primary-border-hover, #595959);--tv-Steps-line-doing-border-color:var(--tv-color-border, #808080);--tv-Steps-line-doing-active-icon-color:var(--tv-color-icon-inverse-tint, #fff);--tv-Steps-line-done-border-color-hover:var(--tv-color-border-secondary, #595959);--tv-Steps-line-vertical-title-margin-top:var(--tv-space-md, 8px);--tv-Steps-line-vertical-desc-margin-top:var(--tv-space-md, 8px);--tv-Steps-advance-line-height:var(--tv-size-height-sm, 28px);--tv-Steps-advance-li-bg-color:var(--tv-color-bg-active-dark, #f5f5f5);--tv-Steps-advance-link-font-size:var(--tv-font-size-sm, 12px);--tv-Steps-advance-border-color:var(--tv-color-border, #c2c2c2);--tv-Steps-advance-text-color:var(--tv-color-text-inverse, #191919);--tv-Steps-advance-li-hover-bg-color:var(--tv-color-bg-header, #f0f0f0);--tv-Steps-advance-li-hover-text-color:var(--tv-color-text-secondary, #595959);--tv-Steps-advance-border-radius:3px;--tv-Steps-advance-dot-height:var(--tv-space-lg, 12px);--tv-Steps-advance-dot-width:var(--tv-space-lg, 12px);--tv-Steps-advance-count-font-size:var(--tv-font-size-sm, 12px);--tv-Steps-advance-count-height:calc(var(--tv-size-base, 4px) * 4);--tv-Steps-advance-count-border-radius:10px;--tv-Steps-advance-count-bg-color:var(--tv-color-error-bg, #f23030);--tv-Steps-dot-vertical-current-bg-color:var(--tv-color-border-active, #191919);--tv-Steps-dot-vertical-undo-border-color:var(--tv-color-border-disabled, #c2c2c2);--tv-Steps-dot-vertical-undo-dot-color:var(--tv-color-bg-4, #c2c2c2);--tv-Steps-dot-title-undo-text-color:var(--tv-color-text-secondary, #595959);--tv-Steps-number-font-size:var(--tv-font-size-default, 14px);--tv-Steps-icon-border-width:var(--tv-border-width, 1px);--tv-Steps-custom-icon-bg-color:var(--tv-color-bg-secondary, #ffffff);--tv-Steps-warning-icon-bg-color:var(--tv-color-warn-bg, #ff8800);--tv-Steps-warning-icon-color:var(--tv-color-icon-inverse, #ffffff);--tv-Steps-custom-icon-size:calc(var(--tv-size-base, 4px) * 5);--tv-Steps-time-font-size:var(--tv-font-size-default, 14px);--tv-Steps-time-text-color:var(--tv-color-text-weaken, #808080);--tv-Steps-done-icon-size:var(--tv-font-size-default, 14px);--tv-Steps-error-bg-color:transparent;--tv-Steps-error-icon-size:var(--tv-font-size-heading-xs, 16px);--tv-Steps-content-font-weight-hover:var(--tv-font-weight-bold, 600);--tv-Steps-name-margin-right:0;--tv-Steps-content-margin-top:var(--tv-space-md, 8px);--tv-Steps-active-font-weight:var(--tv-font-weight-bold, 600);--tv-Steps-bottom-divider-margin-top:25px;--tv-Steps-bottom-divider-height:var(--tv-border-width, 1px);--tv-Steps-bottom-divider-bg-color:var(--tv-color-border-divider, #f0f0f0);--tv-Steps-timeline-name-font-size:var(--tv-font-size-default, 14px);--tv-Steps-timeline-line-margin-vertical:var(--tv-space-base, 4px);--tv-Steps-timeline-vertical-line-bg-color:var(--tv-color-bg-header, #f0f0f0);--tv-Steps-timeline-shape-dot-content-margin-left:var(--tv-space-xl, 16px);--tv-Steps-timeline-dot-primary-bg-color:var(--tv-color-bg-4, #c2c2c2);--tv-Steps-timeline-dot-success-bg-color:var(--tv-color-success-bg, #5cb300);--tv-Steps-timeline-dot-warning-bg-color:var(--tv-color-warn-bg, #ff8800);--tv-Steps-timeline-dot-danger-bg-color:var(--tv-color-error-bg, #f23030);--tv-Steps-timeline-dot-info-bg-color:var(--tv-color-info-bg, #1476ff);--tv-Steps-timeline-item-title-margin-bottom:var(--tv-space-base, 4px);--tv-Steps-timeline-item-secondary-text-font-size:var(--tv-font-size-sm, 12px);--tv-Steps-timeline-item-secondary-text-color:var(--tv-color-text-weaken, #808080);--tv-Steps-timeline-vertical-line-margin-left:var(--tv-space-xl, 16px);--tv-Steps-timeline-item-padding-bottom:var(--tv-space-xxl, 24px);--tv-Steps-timeline-dot-width:8px;--tv-Steps-timeline-dot-border-color:var(--tv-color-border, #c2c2c2);--tv-Steps-timeline-dot-bg-color:var(--tv-color-bg-secondary, #ffffff);--tv-Steps-timeline-vertical-line-margin-right:var(--tv-Steps-timeline-vertical-line-margin-left, 16px);--tv-Steps-mini-font-size-base:var(--tv-font-size-sm, 12px);--tv-Steps-advance-mark-bg-color:var(--tv-color-bg-active-dark, #f5f5f5)}.tiny-steps-senior{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:var(--tv-Steps-font-size);line-height:16px;color:var(--tv-Steps-text-color)}.tiny-steps-senior .tiny-steps-slide-bar{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-steps-senior .tiny-steps-slide-bar .slide-main{-webkit-box-flex:1;-ms-flex:auto;flex:auto;overflow:auto}.tiny-steps-senior .tiny-steps-slide-bar .slide-main>div{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-steps-senior .tiny-steps-slide-bar .slide-main>div>div{background-color:var(--tv-Steps-advance-node-done-bg-color)}.tiny-steps-senior .tiny-steps-slide-bar .slide-main>div>div:first-child .tiny-steps-block:before{display:none}.tiny-steps-senior .tiny-steps-slide-bar .slide-main>div>div:last-child .tiny-steps-block{border-right:solid 1px var(--tv-Steps-advance-border-color)}.tiny-steps-senior .tiny-steps-slide-bar .slide-main>div>div:last-child .tiny-steps-block:before{background:inherit}.tiny-steps-senior .tiny-steps-slide-bar .slide-main>div>div:last-child .tiny-steps-block:after{display:none}.tiny-steps-senior .tiny-steps-slide-bar .slide-main::-webkit-scrollbar{width:0;height:0}.tiny-steps-senior .tiny-steps-slide-bar .more-button{display:none;-webkit-box-flex:0;-ms-flex:none;flex:none;height:32px;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tiny-steps-senior .tiny-steps-slide-bar .more-button.display-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-steps-senior .tiny-steps-slide-bar .more-button .content{width:16px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#f5f6f8}.tiny-steps-senior .tiny-steps-slide-bar .more-button .icon{height:12px;width:12px}.tiny-steps-senior .tiny-steps-slide-bar .more-button.left .content{margin-right:6px}.tiny-steps-senior .tiny-steps-slide-bar .more-button.right .content{margin-left:6px}.tiny-steps-senior .more-button-con{width:16px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:6px;border:1px solid var(--tv-Steps-advance-node-disable-bg-color)}.tiny-steps-senior .more-button-con.left{margin-right:6px}.tiny-steps-senior .more-button-con.right{margin-left:6px}.tiny-steps-senior .more-button-con.bar-visible{color:#161e26}.tiny-steps-senior .more-button-con.bar-visible:hover{background-color:var(--tv-Steps-advance-node-disable-bg-color)}.tiny-steps-senior .more-button-con .icon{width:12px;height:12px;fill:var(--tv-Steps-text-color)}.tiny-steps-senior .tiny-steps-block{position:relative;border:solid 1px var(--tv-Steps-advance-border-color);border-right:none;text-align:center;text-decoration:none;white-space:nowrap;background-color:var(--tv-Steps-node-done-bg-color)}.tiny-steps-senior .tiny-steps-block:after{content:'';position:absolute;right:0;top:0;-webkit-transform:translateX(100%);transform:translateX(100%);border-top:16px solid transparent;border-bottom:16px solid transparent;border-left:9px solid var(--tv-Steps-advance-mark-bg-color);z-index:1}.tiny-steps-senior .tiny-steps-block:before{content:'';position:absolute;left:0;top:0;border-top:16px solid transparent;border-bottom:16px solid transparent;border-left:9px solid var(--tv-color-border)}.tiny-steps-senior .tiny-steps-block.active{background-color:var(--tv-Steps-node-bg-color-active)}.tiny-steps-senior .tiny-steps-block.active:hover{background-color:var(--tv-Steps-advance-node-active-bg-color-hover)}.tiny-steps-senior .tiny-steps-block.not-flex{width:176px}.tiny-steps-senior .tiny-steps-block.done{background-color:var(--tv-Steps-advance-node-done-bg-color)}.tiny-steps-senior .tiny-steps-block.done:after{border-left:9px solid var(--tv-Steps-advance-node-done-bg-color)}.tiny-steps-senior .tiny-steps-block.done:hover{background-color:var(--tv-Steps-advance-node-bg-color-hover)}.tiny-steps-senior .tiny-steps-block.done:hover:after{border-left:9px solid var(--tv-Steps-advance-node-bg-color-hover)}.tiny-steps-senior .tiny-steps-block.done.active{background-color:var(--tv-Steps-node-bg-color-active)}.tiny-steps-senior .tiny-steps-block.done.active:after{border-left:9px solid var(--tv-Steps-node-bg-color-active)}.tiny-steps-senior .tiny-steps-block.done.active:hover{background-color:var(--tv-Steps-node-bg-color-active)}.tiny-steps-senior .tiny-steps-block.doing{background-color:var(--tv-Steps-advance-node-done-bg-color)}.tiny-steps-senior .tiny-steps-block.doing:after{border-left:9px solid var(--tv-Steps-advance-node-done-bg-color)}.tiny-steps-senior .tiny-steps-block.doing:hover{background-color:var(--tv-Steps-advance-node-doing-bg-color-hover)}.tiny-steps-senior .tiny-steps-block.doing:hover:after{border-left:9px solid var(--tv-Steps-advance-node-doing-bg-color-hover)}.tiny-steps-senior .tiny-steps-block.doing.active{background-color:var(--tv-Steps-node-bg-color-active)}.tiny-steps-senior .tiny-steps-block.doing.active:after{border-left:9px solid var(--tv-Steps-node-bg-color-active)}.tiny-steps-senior .tiny-steps-block.doing.active:hover{background-color:var(--tv-Steps-node-bg-color-active)}.tiny-steps-senior .tiny-steps-block.fault{background-color:var(--tv-Steps-advance-node-error-bg-color);color:var(--tv-Steps-advance-error-icon-color)}.tiny-steps-senior .tiny-steps-block.fault:after{border-left:9px solid var(--tv-Steps-advance-node-error-bg-color)}.tiny-steps-senior .tiny-steps-block.fault:hover{background-color:var(--tv-Steps-advance-node-error-bg-color-hover)}.tiny-steps-senior .tiny-steps-block.fault:hover:after{border-left:9px solid var(--tv-Steps-advance-node-error-bg-color-hover)}.tiny-steps-senior .tiny-steps-block.fault.active{background-color:var(--tv-Steps-advance-node-error-bg-color)}.tiny-steps-senior .tiny-steps-block.fault.active:after{border-left:9px solid var(--tv-Steps-advance-node-error-bg-color)}.tiny-steps-senior .tiny-steps-block.fault.active:hover{background-color:var(--tv-Steps-advance-node-error-bg-color)}.tiny-steps-senior .tiny-steps-block.fault .tiny-steps-text-name{color:var(--tv-Steps-advance-error-icon-color)}.tiny-steps-senior .tiny-steps-block.disabled{cursor:not-allowed;color:var(--tv-Steps-advance-node-disable-icon-color);background-color:var(--tv-Steps-advance-node-disable-bg-color)}.tiny-steps-senior .tiny-steps-block.disabled:after{border-left:9px solid var(--tv-Steps-advance-node-disable-bg-color)}.tiny-steps-senior .tiny-steps-block.disabled:hover{background-color:var(--tv-Steps-advance-node-disable-bg-color-hover)}.tiny-steps-senior .tiny-steps-block.disabled:hover:after{border-left:9px solid var(--tv-Steps-advance-node-disable-bg-color-hover)}.tiny-steps-senior .tiny-steps-block.disabled.active{background-color:var(--tv-Steps-advance-node-disable-bg-color-active)}.tiny-steps-senior .tiny-steps-block.disabled.active:after{border-left:9px solid var(--tv-Steps-advance-node-disable-bg-color-active)}.tiny-steps-senior .tiny-steps-block.disabled.active:hover{background-color:var(--tv-Steps-advance-node-disable-bg-color-active)}.tiny-steps-senior .tiny-steps-block.disabled .tiny-steps-icon{border:1px solid var(--tv-Steps-advance-node-disable-icon-color)}.tiny-steps-senior .tiny-steps-content{-webkit-box-flex:1;-ms-flex:auto;flex:auto;height:32px;max-width:100%;padding:0 24px;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.tiny-steps-senior .tiny-steps-content:hover .tiny-steps-icon.doing{background-color:#fff;color:var(--tv-Steps-advance-li-hover-text-color)}.tiny-steps-senior .tiny-steps-content .tiny-steps-icon{width:16px;height:16px;margin-right:8px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;border:1px solid var(--tv-Steps-node-done-border-color)}.tiny-steps-senior .tiny-steps-content .tiny-steps-icon.doing,.tiny-steps-senior .tiny-steps-content .tiny-steps-icon.done{background-color:var(--tv-Steps-node-done-bg-color);border:1px solid var(--tv-Steps-node-done-border-color)}.tiny-steps-senior .tiny-steps-content .tiny-steps-icon.active:not(.disabled){color:var(--tv-Steps-done-text-color-black);background-color:#fff;border:1px solid var(--tv-Steps-done-text-color-black)}.tiny-steps-senior .tiny-steps-content .tiny-steps-icon.active:not(.disabled) .icon-finish{fill:var(--tv-Steps-done-text-color-black)}.tiny-steps-senior .tiny-steps-content .tiny-steps-icon.fault{background-color:inherit;color:var(--tv-Steps-advance-error-icon-color);border:1px solid var(--tv-Steps-advance-error-icon-color)}.tiny-steps-senior .tiny-steps-content .tiny-steps-icon.fault .icon{fill:var(--tv-Steps-advance-error-icon-color)}.tiny-steps-senior .tiny-steps-content .tiny-steps-icon.fault.active{color:var(--tv-Steps-error-icon-color);background-color:inherit;border:1px solid var(--tv-Steps-error-icon-color)}.tiny-steps-senior .tiny-steps-content .tiny-steps-icon .fault.tiny-steps-text.active{color:var(--tv-Steps-error-icon-color)}.tiny-steps-senior .tiny-steps-content .tiny-steps-icon .icon{width:10px;height:10px;fill:var(--tv-Steps-done-icon-color)}.tiny-steps-senior .tiny-steps-content .tiny-steps-prefixslot{-webkit-box-flex:0;-ms-flex:none;flex:none}.tiny-steps-senior .tiny-steps-content .tiny-steps-prefixslot .prefix{margin-right:-8px}.tiny-steps-senior .tiny-steps-content .tiny-steps-text{-webkit-box-flex:1;-ms-flex:auto;flex:auto;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-steps-senior .tiny-steps-content .tiny-steps-text.active:not(.disabled){color:var(--tv-Steps-line-doing-active-icon-color)}.tiny-steps-senior .tiny-steps-content .tiny-steps-text .tiny-steps-text-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-steps-senior .tiny-steps-content .tiny-steps-text .tiny-steps-text-description{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-steps-senior .tiny-steps-content .tiny-steps-text.content-center{-webkit-box-flex:0;-ms-flex:none;flex:none}.tiny-steps-senior.large .more-button{height:48px}.tiny-steps-senior.large .tiny-steps-block{height:48px}.tiny-steps-senior.large .tiny-steps-block:after{border-top-width:23px;border-bottom-width:23px}.tiny-steps-senior.large .tiny-steps-block:before{border-top-width:23px;border-bottom-width:23px}.tiny-steps-senior.large .tiny-steps-block .tiny-steps-content{height:48px}.tiny-steps-senior.large .tiny-steps-block .tiny-steps-content .tiny-steps-icon{width:24px;height:24px;margin-right:12px}.tiny-steps-senior.large .tiny-steps-block .tiny-steps-content .tiny-steps-icon .icon{width:var(--tv-Steps-node-circle-size-lg);height:var(--tv-Steps-node-circle-size-lg)}.tiny-steps-senior.large .tiny-steps-block:not(.active):not(:hover).doing .tiny-steps-text-description,.tiny-steps-senior.large .tiny-steps-block:not(.active):not(:hover).done .tiny-steps-text-description{color:var(--tv-Steps-node-desc-text-color)}.tiny-steps-line{display:-webkit-box;display:-ms-flexbox;display:flex;color:var(--tv-Steps-text-color)}.tiny-steps-line .tiny-steps.vertical .tiny-steps-block .description,.tiny-steps-line .tiny-steps.vertical .tiny-steps-block .line-footer{margin-left:0}.tiny-steps-line .tiny-steps-block,.tiny-steps-line .tiny-steps-left,.tiny-steps-line .tiny-steps-right{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;cursor:pointer}.tiny-steps-line .tiny-steps-block .tiny-steps-main,.tiny-steps-line .tiny-steps-left .tiny-steps-main,.tiny-steps-line .tiny-steps-right .tiny-steps-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.tiny-steps-line .tiny-steps-block .tiny-steps-main .line.line-brand,.tiny-steps-line .tiny-steps-left .tiny-steps-main .line.line-brand,.tiny-steps-line .tiny-steps-right .tiny-steps-main .line.line-brand{border-color:var(--tv-Steps-node-done-border-color)}.tiny-steps-line .tiny-steps-block .tiny-steps-icon,.tiny-steps-line .tiny-steps-left .tiny-steps-icon,.tiny-steps-line .tiny-steps-right .tiny-steps-icon{position:relative;width:var(--tv-Steps-node-circle-size);height:var(--tv-Steps-node-circle-size);-webkit-box-flex:0;-ms-flex:none;flex:none;display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid var(--tv-Steps-node-border-color);border-radius:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:10}.tiny-steps-line .tiny-steps-block .left-line.not-vertical,.tiny-steps-line .tiny-steps-left .left-line.not-vertical{display:none;margin-right:16px;min-width:24px}.tiny-steps-line .tiny-steps-block .right-line.not-vertical,.tiny-steps-line .tiny-steps-left .right-line.not-vertical{min-width:24px}.tiny-steps-line .tiny-steps-block,.tiny-steps-line .tiny-steps-right{text-align:center}.tiny-steps-line .tiny-steps-block.not-vertical,.tiny-steps-line .tiny-steps-right.not-vertical{min-width:128px;max-width:320px;text-align:left}.tiny-steps-line .tiny-steps-block .tiny-steps-icon,.tiny-steps-line .tiny-steps-right .tiny-steps-icon{-webkit-box-flex:0;-ms-flex:none;flex:none;display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-steps-line .tiny-steps-block .line,.tiny-steps-line .tiny-steps-right .line{border-top:1px solid var(--tv-Steps-line-bg-color);-webkit-box-flex:1;-ms-flex:auto;flex:auto}.tiny-steps-line .tiny-steps-block .tiny-steps-main,.tiny-steps-line .tiny-steps-right .tiny-steps-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--tv-Steps-node-circle-size-lg)}.tiny-steps-line .tiny-steps-left .item-number,.tiny-steps-line .tiny-steps-right .item-number{position:relative;font-size:14px;line-height:1}.tiny-steps-line .tiny-steps-left .item-circle,.tiny-steps-line .tiny-steps-right .item-circle{width:var(--tv-Steps-node-circle-size);height:var(--tv-Steps-node-circle-size);position:absolute;font-weight:500;-webkit-box-flex:0;-ms-flex:none;flex:none;border-radius:9999px;border:1px solid var(--tv-Steps-line-bg-color)}.tiny-steps-line .tiny-steps-left .tiny-steps-icon,.tiny-steps-line .tiny-steps-right .tiny-steps-icon{border:none}.tiny-steps-line .tiny-steps-left .tiny-steps-icon .item-number,.tiny-steps-line .tiny-steps-right .tiny-steps-icon .item-number{width:var(--tv-Steps-node-circle-size);height:var(--tv-Steps-node-circle-size);-webkit-box-flex:0;-ms-flex:none;flex:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:10;border:1px solid var(--tv-Steps-node-border-color);border-radius:50%}.tiny-steps-line .tiny-steps-block:not(.active,.fault,.disabled,.doing):hover .title{color:var(--tv-Steps-node-title-text-color-hover)}.tiny-steps-line .tiny-steps-block:not(.active,.fault,.disabled,.doing):hover .tiny-steps-icon{border-color:var(--tv-Steps-line-number-border-color-hover);color:var(--tv-Steps-line-number-text-color-hover)}.tiny-steps-line .tiny-steps-block.not-vertical{margin-right:var(--tv-Steps-line-margin-horizontal)}.tiny-steps-line .tiny-steps-block .tiny-steps-icon{font-size:14px;border-radius:9999px;color:var(--tv-Steps-unselected-icon-color)}.tiny-steps-line .tiny-steps-block .tiny-steps-icon:hover{background-color:var(--tv-Steps-line-number-bg-color-hover)}.tiny-steps-line .tiny-steps-block .tiny-steps-icon.active{background-color:var(--tv-Steps-node-bg-color-active);color:var(--tv-Steps-line-doing-active-icon-color);border-color:var(--tv-Steps-advance-active-border-color)}.tiny-steps-line .tiny-steps-block .tiny-steps-icon.active.fault{color:var(--tv-Steps-error-text-color);border:1px solid var(--tv-Steps-error-border-color);background-color:var(--tv-Steps-error-icon-bg-color)}.tiny-steps-line .tiny-steps-block .tiny-steps-icon.active.disabled{background-color:var(--tv-Steps-line-number-active-bg-color-disabled);color:var(--tv-Steps-line-number-active-text-color-disabled);border-color:var(--tv-Steps-disabled-border-color)}.tiny-steps-line .tiny-steps-block .tiny-steps-icon .icon-finish{fill:var(--tv-Steps-done-icon-color)}.tiny-steps-line .tiny-steps-block .tiny-steps-icon .icon-finish.active{fill:var(--tv-Steps-line-doing-active-icon-color)}.tiny-steps-line .tiny-steps-block .tiny-steps-icon .icon-warn{fill:var(--tv-Steps-error-icon-color)}.tiny-steps-line .tiny-steps-block.flex-non{-webkit-box-flex:0;-ms-flex:none;flex:none}.tiny-steps-line .tiny-steps-block.active div.title,.tiny-steps-line .tiny-steps-block.active div.title-vertical{color:var(--tv-Steps-advance-active-text-color)}.tiny-steps-line .tiny-steps-block.active .description:not(.disabled,.fault){color:var(--tv-Steps-line-desc-text-color-active)}.tiny-steps-line .tiny-steps-block.active .description.fault{color:var(--tv-Steps-error-text-color)}.tiny-steps-line .tiny-steps-block.disabled{color:var(--tv-Steps-disabled-icon-color);cursor:not-allowed}.tiny-steps-line .tiny-steps-block.disabled.active div.title,.tiny-steps-line .tiny-steps-block.disabled.active div.title-vertical{color:var(--tv-Steps-line-title-text-color-disabled)}.tiny-steps-line .tiny-steps-block .tiny-steps-icon.disabled{color:var(--tv-Steps-disabled-icon-color);background-color:var(--tv-Steps-disabled-icon-bg-color);border-color:var(--tv-Steps-disabled-border-color)}.tiny-steps-line .tiny-steps-block.fault div.title,.tiny-steps-line .tiny-steps-block.fault div.title-vertical{color:var(--tv-Steps-error-text-color)}.tiny-steps-line .tiny-steps-block.fault .tiny-steps-icon{color:var(--tv-Steps-error-icon-color);border-color:var(--tv-Steps-error-border-color);background-color:var(--tv-Steps-error-icon-bg-color)}.tiny-steps-line .tiny-steps-block.fault .tiny-steps-icon:hover{background-color:var(--tv-Steps-line-error-icon-bg-color-hover)}.tiny-steps-line .tiny-steps-block.doing .tiny-steps-icon{border:1px solid var(--tv-Steps-doing-border-color)}.tiny-steps-line .tiny-steps-block.doing .tiny-steps-icon:hover{border-color:var(--tv-Steps-line-doing-border-color-hover)}.tiny-steps-line .tiny-steps-block.doing .tiny-steps-icon.active{border:1px solid var(--tv-Steps-doing-border-color);background-color:var(--tv-Steps-node-bg-color-active);color:var(--tv-Steps-line-doing-active-icon-color)}.tiny-steps-line .tiny-steps-block.doing .left-line{border-top:1px solid var(--tv-Steps-line-active-bg-color)}.tiny-steps-line .tiny-steps-block.done .title{color:var(--tv-Steps-done-text-color)}.tiny-steps-line .tiny-steps-block.done .tiny-steps-main .tiny-steps-icon{background-color:var(--tv-Steps-node-done-bg-color);border-color:var(--tv-Steps-node-done-border-color)}.tiny-steps-line .tiny-steps-block.done .tiny-steps-main .tiny-steps-icon:hover{border-color:var(--tv-Steps-line-done-border-color-hover)}.tiny-steps-line .tiny-steps-block.done .tiny-steps-main .tiny-steps-icon.active{border-color:var(--tv-Steps-advance-active-border-color);background-color:var(--tv-Steps-node-bg-color-active)}.tiny-steps-line .tiny-steps-block.done .left-line{border-top:1px solid var(--tv-Steps-line-active-bg-color)}.tiny-steps-line .tiny-steps-block.done .right-line{border-top:1px solid var(--tv-Steps-line-active-bg-color)}.tiny-steps-line .tiny-steps-block.block-mini .description.not-vertical,.tiny-steps-line .tiny-steps-block.block-mini .line-footer,.tiny-steps-line .tiny-steps-block.block-mini .title{max-width:150px}.tiny-steps-line .tiny-steps-block .description,.tiny-steps-line .tiny-steps-block .line-footer,.tiny-steps-line .tiny-steps-block .title{max-width:250px}.tiny-steps-line .tiny-steps-block .title{font-size:var(--tv-Steps-font-size);margin-left:var(--tv-Steps-text-margin-left);font-weight:500;padding-top:2px;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all}.tiny-steps-line .tiny-steps-block .left-line.acetate{opacity:0}.tiny-steps-line .tiny-steps-block .right-line.acetate{opacity:0}.tiny-steps-line .tiny-steps-block .right-line.hide{display:none}.tiny-steps-line .tiny-steps-block .right-line.not-vertical{margin-left:var(--tv-Steps-line-margin-horizontal)}.tiny-steps-line .tiny-steps-block .title-vertical{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:var(--tv-Steps-line-vertical-title-margin-top) 20px 0}.tiny-steps-line .tiny-steps-block .title-vertical.not-vertical{display:none;margin:0}.tiny-steps-line .tiny-steps-block .description.not-vertical,.tiny-steps-line .tiny-steps-block .line-footer{line-height:1.5;margin-left:calc(var(--tv-Steps-node-circle-size) + var(--tv-Steps-text-margin-left))}.tiny-steps-line .tiny-steps-block .description{font-size:12px;color:var(--tv-Steps-node-desc-text-color);margin-top:var(--tv-Steps-line-vertical-desc-margin-top);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all}.tiny-steps-line .tiny-steps-block .description.disabled{color:var(--tv-Steps-disabled-text-color)}.tiny-steps-line .tiny-steps-block .description .fault{color:var(--tv-Steps-error-text-color)}.tiny-steps-line .tiny-steps-block .description.not-vertical{margin-top:8px}.tiny-steps-line .tiny-steps-block .line-footer{margin-top:8px}.tiny-steps-line .tiny-steps-block.mini .tiny-steps-icon{width:var(--tv-Steps-mini-icon-size);height:var(--tv-Steps-mini-icon-size);font-size:var(--tv-Steps-mini-number-font-size)}.tiny-steps-line .tiny-steps-block.mini .tiny-steps-icon .icon{width:10px;height:10px}.tiny-steps-line .tiny-steps-block.mini .title,.tiny-steps-line .tiny-steps-block.mini .title-vertical{font-size:12px}.tiny-steps-line .tiny-steps-block.mini .item-number{font-size:12px}.tiny-steps-line .tiny-steps-block.mini .item-circle{width:8px;height:8px}.tiny-steps-line .tiny-steps-block.mini .left-line{margin-right:4px}.tiny-steps-line .tiny-steps-block.mini .right-line{margin-left:4px}.tiny-steps-line .tiny-steps-block.small .tiny-steps-icon{width:var(--tv-Steps-icon-small-size);height:var(--tv-Steps-icon-small-size);font-size:var(--tv-Steps-small-number-font-size)}.tiny-steps-line .tiny-steps-block.small .tiny-steps-icon .icon{width:10px;height:10px}.tiny-steps-line .tiny-steps-block.small .title,.tiny-steps-line .tiny-steps-block.small .title-vertical{font-size:12px}.tiny-steps-line .tiny-steps-block.small .item-number{font-size:12px}.tiny-steps-line .tiny-steps-block.small .item-circle{width:16px;height:16px}.tiny-steps-line .tiny-steps-block.small .left-line{margin-right:8px}.tiny-steps-line .tiny-steps-block.small .right-line{margin-left:8px}.tiny-steps-line .tiny-steps-block.medium .tiny-steps-icon{width:var(--tv-Steps-node-circle-size);height:var(--tv-Steps-node-circle-size);font-size:var(--tv-Steps-font-size)}.tiny-steps-line .tiny-steps-block.medium .tiny-steps-icon .icon{width:var(--tv-Steps-node-circle-size);height:var(--tv-Steps-node-circle-size)}.tiny-steps-line .tiny-steps-block.medium .title,.tiny-steps-line .tiny-steps-block.medium .title-vertical{font-size:14px}.tiny-steps-line .tiny-steps-block.medium .item-number{font-size:14px}.tiny-steps-line .tiny-steps-block.medium .item-circle{width:32px;height:32px}.tiny-steps-line .tiny-steps-block.medium .left-line{margin-right:8px}.tiny-steps-line .tiny-steps-block.medium .right-line{margin-left:8px}.tiny-steps-line .tiny-steps-block.large .tiny-steps-icon{width:40px;height:40px;font-size:16px}.tiny-steps-line .tiny-steps-block.large .tiny-steps-icon .icon{width:26px;height:26px}.tiny-steps-line .tiny-steps-block.large .title,.tiny-steps-line .tiny-steps-block.large .title-vertical{font-size:16px}.tiny-steps-line .tiny-steps-block.large .item-number{font-size:16px}.tiny-steps-line .tiny-steps-block.large .item-circle{width:40px;height:40px}.tiny-steps-line .tiny-steps-block.large .left-line{margin-right:12px}.tiny-steps-line .tiny-steps-block.large .right-line{margin-left:12px}.tiny-steps-line .tiny-steps-left{max-width:320px;margin-right:16px}.tiny-steps-line .tiny-steps-left.vertical{text-align:center;margin-right:0;max-width:initial}.tiny-steps-line .tiny-steps-left .left-line{border-top:1px solid;-webkit-box-flex:1;-ms-flex:auto;flex:auto;opacity:0}.tiny-steps-line .tiny-steps-left .right-line{-webkit-box-flex:1;-ms-flex:auto;flex:auto;border-top:1px solid}.tiny-steps-line .tiny-steps-right .tiny-steps-main{position:relative}.tiny-steps-line .tiny-steps-right .line.right-line{opacity:0}.tiny-steps-line .tiny-steps-right .line.not-vertical{display:none;min-width:24px;margin-left:16px}.tiny-steps-line .tiny-steps-right .tiny-steps-icon{position:relative;z-index:10}.tiny-steps-line .tiny-steps-right .item-circle{-webkit-box-flex:0;-ms-flex:none;flex:none;border-radius:9999px;border:1px solid var(--tv-Steps-line-bg-color);font-weight:500;position:absolute}.tiny-steps-standard{position:relative;font-size:0;color:var(--tv-Steps-timeline-date-time-text-color)}.tiny-steps-standard .tiny-steps-advanced li{position:relative;display:inline-block;line-height:var(--tv-Steps-advance-line-height);background:var(--tv-Steps-advance-li-bg-color)}.tiny-steps-standard .tiny-steps-advanced li.current .label{font-weight:700;background:var(--tv-Steps-node-bg-color-active);color:var(--tv-Steps-line-doing-active-icon-color)}.tiny-steps-standard .tiny-steps-advanced li.current .label::after{border-left-color:var(--tv-Steps-node-bg-color-active)}.tiny-steps-standard .tiny-steps-advanced li .label{position:relative;display:block;font-size:var(--tv-Steps-advance-link-font-size);border:solid 1px var(--tv-Steps-advance-border-color);border-right:none;text-align:center;text-decoration:none;white-space:nowrap}.tiny-steps-standard .tiny-steps-advanced li .label::after{content:'';position:absolute;right:0;top:0;-webkit-transform:translateX(100%);transform:translateX(100%);border-top:calc(var(--tv-Steps-advance-line-height)/ 2) solid transparent;border-bottom:calc(var(--tv-Steps-advance-line-height)/ 2) solid transparent;border-left:9px solid var(--tv-Steps-advance-mark-bg-color);z-index:1}.tiny-steps-standard .tiny-steps-advanced li .label::before{content:'';position:absolute;left:0;top:0;border-top:calc(var(--tv-Steps-advance-line-height)/ 2) solid transparent;border-bottom:calc(var(--tv-Steps-advance-line-height)/ 2) solid transparent;border-left:9px solid var(--tv-color-border)}.tiny-steps-standard .tiny-steps-advanced li .label:hover{background:var(--tv-Steps-advance-li-hover-bg-color);color:var(--tv-Steps-advance-li-hover-text-color);text-decoration:none}.tiny-steps-standard .tiny-steps-advanced li .label:hover::after{border-left-color:var(--tv-Steps-advance-li-hover-bg-color)}.tiny-steps-standard .tiny-steps-advanced li:first-child .label{border-top-left-radius:var(--tv-Steps-advance-border-radius);border-bottom-left-radius:var(--tv-Steps-advance-border-radius)}.tiny-steps-standard .tiny-steps-advanced li:first-child .label::before{display:none}.tiny-steps-standard .tiny-steps-advanced li:last-child .label{border-right:solid 1px var(--tv-Steps-advance-border-color);border-top-right-radius:var(--tv-Steps-advance-border-radius);border-bottom-right-radius:var(--tv-Steps-advance-border-radius)}.tiny-steps-standard .tiny-steps-advanced li:last-child .label::after{display:none}.tiny-steps-standard .tiny-steps-advanced li .dot{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin-right:8px;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;height:var(--tv-Steps-advance-dot-height);width:var(--tv-Steps-advance-dot-width)}.tiny-steps-standard .tiny-steps-advanced li .dot svg{width:100%;height:100%;fill:var(--tv-Steps-done-icon-color)}.tiny-steps-standard .tiny-steps-advanced li.current .dot svg,.tiny-steps-standard .tiny-steps-advanced li.current .dot svg:hover{fill:var(--tv-Steps-line-doing-active-icon-color)}.tiny-steps-standard .tiny-steps-advanced li:hover .dot svg{fill:var(--tv-Steps-done-icon-color)}.tiny-steps-standard .tiny-steps-advanced .count{position:absolute;top:-10px;right:10px;display:inline-block;font-size:var(--tv-Steps-advance-count-font-size);height:var(--tv-Steps-advance-count-height);line-height:var(--tv-Steps-advance-count-height);padding:0 6px;border-radius:var(--tv-Steps-advance-count-border-radius);text-align:center;white-space:nowrap;background-color:var(--tv-Steps-advance-count-bg-color);color:var(--tv-Steps-advance-li-text-color)}.tiny-steps-dot{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tiny-steps-dot .tiny-steps-block.fault>.block-left .left-dot{border-color:var(--tv-Steps-error-icon-color)}.tiny-steps-dot .tiny-steps-block.fault>.block-right .title-vertical{color:var(--tv-Steps-error-text-color)}.tiny-steps-dot .tiny-steps-block{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-steps-dot .tiny-steps-block>.block-left{margin-top:6.5px;margin-right:12px}.tiny-steps-dot .tiny-steps-block>.block-left .left-dot{width:10px;height:10px;border:1px solid var(--tv-Steps-dot-vertical-undo-dot-color);border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-steps-dot .tiny-steps-block>.block-left .left-line{margin:4px auto 0;height:calc(100% - 11.5px);width:1px;background-color:var(--tv-Steps-dot-vertical-undo-dot-color)}.tiny-steps-dot .tiny-steps-block.active:not(.fault,.disabled)>.block-left .left-dot,.tiny-steps-dot .tiny-steps-block.doing>.block-left .left-dot,.tiny-steps-dot .tiny-steps-block.done>.block-left .left-dot{border-color:var(--tv-Steps-dot-vertical-current-bg-color)}.tiny-steps-dot .tiny-steps-block.done>.block-left>.left-line{background-color:var(--tv-Steps-dot-vertical-current-bg-color)}.tiny-steps-dot .tiny-steps-block.done>.block-right .title-vertical{color:var(--tv-Steps-advance-active-text-color)}.tiny-steps-dot .tiny-steps-block.active:not(.fault,.disabled)>.block-left>.left-dot{background-color:var(--tv-Steps-dot-vertical-current-bg-color)}.tiny-steps-dot .tiny-steps-block>.block-right{font-size:14px;line-height:1.5;padding-bottom:12px}.tiny-steps-dot .tiny-steps-block>.block-right .title-vertical{color:var(--tv-Steps-dot-title-undo-text-color)}.tiny-steps-dot .tiny-steps-block>.block-right .description{margin-top:8px;margin-bottom:12px;color:grey}.tiny-steps-dot .tiny-steps-block:last-child>.block-left .left-line{display:none}.tiny-steps-dot .tiny-steps-block.disabled{cursor:not-allowed}.tiny-steps-dot .tiny-steps-block.disabled .left-dot{background-color:var(--tv-Steps-disabled-icon-bg-color);border-color:var(--tv-Steps-disabled-border-color)}.tiny-steps-dot .tiny-steps-block.disabled>.block-right .description,.tiny-steps-dot .tiny-steps-block.disabled>.block-right .title-vertical{color:var(--tv-Steps-disabled-text-color)}.tiny-timeline{position:relative}.tiny-timeline .line{background:var(--tv-Steps-line-bg-color)}.tiny-timeline .icon{position:relative;left:calc(50% - var(--tv-Steps-icon-size)/ 2);top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:var(--tv-Steps-number-font-size);width:var(--tv-Steps-icon-size);height:var(--tv-Steps-icon-size);padding:2px;border:var(--tv-Steps-icon-border-width) solid var(--tv-Steps-node-border-color);border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;z-index:15;color:var(--tv-Steps-unselected-icon-color);cursor:pointer}.tiny-timeline .icon[class*=icon-]{background-color:var(--tv-Steps-custom-icon-bg-color)}.tiny-timeline .icon.icon-success{background-color:none;border-color:var(--tv-Steps-node-done-border-color)}.tiny-timeline .icon.icon-success .fixicon{fill:var(--tv-Steps-done-icon-color)}.tiny-timeline .icon.icon-warning{background-color:var(--tv-Steps-warning-icon-bg-color);border-color:var(--tv-Steps-warning-icon-bg-color)}.tiny-timeline .icon.icon-warning .fixicon{fill:var(--tv-Steps-warning-icon-color)}.tiny-timeline .icon.icon-error{background-color:none;border-color:var(--tv-Steps-error-border-color)}.tiny-timeline .icon.icon-error .fixicon{fill:var(--tv-Steps-error-icon-color)}.tiny-timeline .icon .fixicon,.tiny-timeline .icon .fixicons{width:var(--tv-Steps-custom-icon-size);height:var(--tv-Steps-custom-icon-size);padding:2px;background-color:transparent}.tiny-timeline .icon.fixicons{left:0;padding:0;border:none}.tiny-timeline .icon .number{display:inline-block}.tiny-timeline .date-time{margin-bottom:6px;font-size:var(--tv-Steps-time-font-size);text-align:center;color:var(--tv-Steps-time-text-color)}.tiny-timeline .tiny-steps__node{position:relative}.tiny-timeline .process-done .node-description{color:var(--tv-Steps-done-text-color)}.tiny-timeline .process-done .icon{fill:var(--tv-Steps-done-icon-color);border-color:var(--tv-Steps-node-done-border-color);background-color:var(--tv-Steps-node-done-bg-color);color:var(--tv-Steps-done-icon-color)}.tiny-timeline .process-done .icon .icon-yes{font-size:var(--tv-Steps-done-icon-size);border-radius:50%;fill:var(--tv-Steps-done-icon-color)}.tiny-timeline .process-done.tiny-timeline-item .dot-container .dot{border-color:var(--tv-Steps-node-done-border-color);background-color:var(--tv-Steps-node-done-bg-color)}.tiny-timeline .process-done .line,.tiny-timeline .process-done.tiny-timeline-item.timeline .tiny-timeline-item__pillar .line{background-color:var(--tv-Steps-line-active-bg-color)}.tiny-timeline .process-current .icon{font-size:var(--tv-Steps-font-size);border-color:var(--tv-Steps-advance-active-border-color);color:var(--tv-Steps-line-doing-active-icon-color);background:var(--tv-Steps-node-bg-color-active)}.tiny-timeline .process-current .icon .fixicons{fill:var(--tv-Steps-line-doing-active-icon-color)}.tiny-timeline .process-current.tiny-timeline-item .dot-container .dot{background-color:var(--tv-Steps-node-bg-color-active)}.tiny-timeline .process-error{cursor:not-allowed}.tiny-timeline .process-error .icon{-ms-flex-negative:0;flex-shrink:0;color:var(--tv-Steps-error-icon-color);border-color:var(--tv-Steps-error-border-color);background-color:var(--tv-Steps-error-bg-color)}.tiny-timeline .process-error .icon .icon-wrap{font-size:0}.tiny-timeline .process-error .icon svg{font-size:var(--tv-Steps-error-icon-size);fill:var(--tv-Steps-error-icon-color)}.tiny-timeline .process-error.tiny-timeline-item .dot-container .dot{background-color:var(--tv-Steps-error-border-color)}.tiny-timeline .process-error.normal .node-description .name,.tiny-timeline .process-error.normal .node-description div.name:hover{color:var(--tv-Steps-error-text-color)}.tiny-timeline .process-disabled{cursor:not-allowed}.tiny-timeline .process-disabled .icon{background-color:var(--tv-Steps-disabled-icon-bg-color);border-color:var(--tv-Steps-disabled-border-color)}.tiny-timeline .process-disabled .icon .number{color:var(--tv-Steps-disabled-icon-color)}.tiny-timeline .process-disabled.tiny-timeline-item .dot-container .dot{background-color:var(--tv-Steps-disabled-icon-bg-color)}.tiny-timeline .process-disabled .tiny-timeline-item__content .name,.tiny-timeline .process-disabled .tiny-timeline-item__content div.name:hover,.tiny-timeline .process-disabled.normal .node-description .name,.tiny-timeline .process-disabled.normal .node-description div.name:hover{color:var(--tv-Steps-disabled-text-color)}.tiny-timeline .process-current .node-description .name:hover,.tiny-timeline .process-done .node-description .name:hover,.tiny-timeline .process-error .node-description .name:hover{font-weight:var(--tv-Steps-content-font-weight-hover)}.tiny-timeline .reverse .process-current .line{background:var(--tv-Steps-line-active-bg-color)}.tiny-timeline .tiny-steps-normal .normal{position:relative;display:block;font-size:var(--tv-Steps-font-size)}.tiny-timeline .tiny-steps-normal .icon span{display:inline-block}.tiny-timeline .tiny-steps-normal .name{color:var(--tv-Steps-timeline-date-time-text-color);cursor:pointer}.tiny-timeline .tiny-steps-normal.text-right{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:0;margin:0}.tiny-timeline .tiny-steps-normal.text-right .normal{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.tiny-timeline .tiny-steps-normal.text-right .normal .step-icon{top:0;left:0;-ms-flex-negative:0;flex-shrink:0}.tiny-timeline .tiny-steps-normal.text-right .normal .node-description{position:relative;margin-left:var(--tv-Steps-text-margin-left);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:18px}.tiny-timeline .tiny-steps-normal.text-right .normal .node-description .name{display:-webkit-box;margin-right:var(--tv-Steps-name-margin-right);max-width:250px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:left}.tiny-timeline .tiny-steps-normal.text-right .normal .line{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:var(--tv-Steps-line-margin-horizontal);height:var(--tv-Steps-line-height)}.tiny-timeline .tiny-steps-normal.text-right .normal .line.line-end{-webkit-box-flex:0;-ms-flex:0;flex:0}.tiny-timeline .tiny-steps-normal.text-right .normal:not(:first-child){padding-left:var(--tv-Steps-line-margin-horizontal)}.tiny-timeline .tiny-steps-normal.text-right .normal:not(:last-child){-webkit-box-flex:1;-ms-flex:1;flex:1}.tiny-timeline .tiny-steps-normal.text-right .normal.no-flex{-webkit-box-flex:0;-ms-flex:none;flex:none}.tiny-timeline .tiny-steps-normal.text-bottom{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-timeline .tiny-steps-normal.text-bottom .node-description{position:relative;margin-top:var(--tv-Steps-content-margin-top);text-align:center}.tiny-timeline .tiny-steps-normal.text-bottom .node-description .name{float:left;font-size:var(--tv-Steps-font-size);width:100%;cursor:pointer}.tiny-timeline .tiny-steps-normal.text-bottom .node-description .name:hover{color:var(--tv-Steps-node-title-text-color-hover)}.tiny-timeline .tiny-steps-normal.text-bottom .node-description .status{float:left;width:100%;font-size:var(--tv-Steps-font-size)}.tiny-timeline .tiny-steps-normal.text-bottom .line{position:absolute;left:calc(50% + var(--tv-Steps-icon-size)/ 2 + var(--tv-Steps-line-margin-horizontal));top:calc((var(--tv-Steps-icon-size) - var(--tv-Steps-line-height))/ 2);width:calc(100% - var(--tv-Steps-icon-size) - var(--tv-Steps-line-margin-horizontal) * 2);height:var(--tv-Steps-line-height)}.tiny-timeline .tiny-steps-normal.text-bottom .line.line-end{width:0}.tiny-timeline .tiny-steps-normal .tiny-timeline-item__description{position:absolute;bottom:0;-webkit-transform:translateY(100%);transform:translateY(100%);min-width:100px;text-align:left}.tiny-timeline .tiny-steps-normal .process-current .node-description .name{font-weight:var(--tv-Steps-active-font-weight);color:var(--tv-Steps-advance-active-text-color)}.tiny-timeline .show-divider .tiny-timeline-item{padding-bottom:calc(var(--tv-Steps-bottom-divider-margin-top) + var(--tv-Steps-bottom-divider-height))}.tiny-timeline .show-divider .tiny-timeline-item.process-current:after{content:'';position:absolute;bottom:0;left:calc(var(--tv-Steps-line-margin-horizontal) + var(--tv-Steps-icon-size)/ 2 - 7px);display:inline-block;border:7px solid transparent;border-top:none;border-bottom-color:var(--tv-Steps-node-bg-color-active)}.tiny-timeline .show-divider .tiny-timeline-item:first-child.process-current:after{content:'';position:absolute;bottom:0;left:calc(var(--tv-Steps-icon-size)/ 2 - 7px);display:inline-block;border:7px solid transparent;border-top:none;border-bottom-color:var(--tv-Steps-node-bg-color-active)}.tiny-timeline .show-divider+.tiny-steps__bottom-divider{position:absolute;bottom:0;margin-top:calc(var(--tv-Steps-bottom-divider-margin-top) - 4px);width:100%;height:var(--tv-Steps-bottom-divider-height);background-color:var(--tv-Steps-bottom-divider-bg-color)}.tiny-timeline .tiny-steps-timeline{font-size:var(--tv-Steps-timeline-name-font-size);color:var(--tv-Steps-timeline-date-time-text-color)}.tiny-timeline .tiny-steps-timeline.tiny-timeline__shape-dot{padding-top:4px}.tiny-timeline .tiny-steps-timeline.tiny-timeline__shape-dot .timeline .tiny-timeline-item__pillar .line{width:var(--tv-Steps-line-height);margin-top:var(--tv-Steps-timeline-line-margin-ve