.state-node .svg-icon{margin-bottom:8px;margin-left:-1px;display:inline-block}.state-node-flex-container{z-index:0;justify-content:space-between;width:100%;max-width:800px;height:30px;display:flex;position:relative}.state-node{border-radius:50%;width:19px;height:19px;position:relative}.state-node:before,.state-node:after{content:"";z-index:-1;width:calc(900px /var(--node-count));background-color:#f59e0b;height:1px;display:block;position:absolute;top:50%;transform:translateY(-50%)}.state-node:before{left:calc(-900px /var(--node-count))}.state-node:after{right:calc(-900px /var(--node-count))}.state-node.active:before{background-color:#f59e0b}.state-node.active:after,.state-node.active~.state-node:before,.state-node.active~.state-node:after{background-color:#9ca3af}.state-node.active~.state-node{box-shadow:inset 0 0 0 1px var(--gray-400,#9ca3af);background-color:#f7f9fa}.state-node span{visibility:hidden;width:1px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.state-node span:before,.state-node span:after{visibility:visible;position:absolute;left:50%}.state-node span:after{content:attr(data-title);text-align:center;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#4b5563;font-family:Inter;font-size:12px;font-weight:500;line-height:20px;top:15px;transform:translate(-50%)}.state-node-flex-container{max-width:100%}#mobile-title{display:none}@media (width<=1000px){.state-node:before,.state-node:after{width:calc(700px /var(--node-count))}.state-node:before{left:calc(-700px /var(--node-count))}.state-node:after{right:calc(-700px /var(--node-count))}}@media (width<=800px){.state-node span:after{display:none}#mobile-title{display:block}.state-node:before,.state-node:after{width:calc(450px /var(--node-count))!important}.state-node:before{left:calc(-450px /var(--node-count))!important}.state-node:after{right:calc(-450px /var(--node-count))!important}.parent{padding:18px 32px!important}.state-node-flex-container{height:20px}}@media (width<=500px){.state-node:before,.state-node:after{width:calc(300px /var(--node-count))!important}.state-node:before{left:calc(-300px /var(--node-count))!important}.state-node:after{right:calc(-300px /var(--node-count))!important}.parent{padding:18px 16px!important}}.state-node:first-child:before,.state-node:last-child:after{width:0;display:none}.font-12px{font-size:12px;font-weight:500}.line-height-16px{line-height:16px}.state-node-flex-container h2{margin:0}.state-card{background-color:#e8ecee;border-radius:8px;height:44px;overflow-y:hidden}.parent{white-space:nowrap;padding:18px 64px;overflow-x:scroll}.state-node{background-image:none;background-repeat:no-repeat;background-size:contain;display:inline-block}.state-node.active{background-image:url(/svgs/orange_dot.svg)}.state-node.svg-active-before{background-image:url(/svgs/succeful.svg)}.state-node.green{background-image:url(/svgs/scheduled_dot.svg)}.state-node.red{background-image:url(/svgs/scheduled_dot_red.svg)}.state-node.white{background-image:url(/svgs/scheduled_dot_white.svg)}