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