@import url("https://fonts.googleapis.com/css?family=Fira+Sans");.timeline-stepper{position:relative;margin-top:2rem;margin-bottom:2rem;display:flex;width:100%;align-items:center;justify-content:space-between}.timeline-stepper:before{content:"";position:absolute;top:50%;left:0;height:.25rem;width:100%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));background-color:hsl(var(--border))}.timeline-stepper-item-container{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:.5rem}.timeline-stepper-item{display:flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:9999px;border-width:2px;font-size:.8125rem;line-height:1.125rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.timeline-stepper-item-default{border-color:hsl(var(--border));background-color:hsl(var(--muted));color:hsl(var(--muted-foreground))}.timeline-stepper-item-completed{border-color:hsl(var(--primary));background-color:hsl(var(--primary)/.2);color:hsl(var(--primary))}.timeline-stepper-item-active{border-color:hsl(var(--primary));background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.timeline-stepper-item-active:after,.timeline-stepper-item-active:before{content:"";position:absolute;z-index:-10;border-radius:9999px;animation:pulsing 2s cubic-bezier(.19,1,.22,1) infinite alternate}.timeline-stepper-item-active:before{height:2.5rem;width:2.5rem;background-color:hsl(var(--primary)/.5)}.timeline-stepper-item-active:after{height:2.5rem;width:2.5rem;background-color:hsl(var(--primary)/.3);animation-name:pulsing-outer}.timeline-stepper-label{max-width:6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:.75rem;line-height:1rem;color:hsl(var(--muted-foreground))}.timeline-stepper-label-active{font-weight:600;color:hsl(var(--primary))}@keyframes pulsing{0%{transform:scale(1)}to{transform:scale(1.7)}}@keyframes pulsing-outer{0%{transform:scale(1)}to{transform:scale(2.1)}}.line-stepper{position:relative;height:3px;width:250px;background-color:hsl(var(--border))}.line-stepper.right:after{left:3px;animation-name:left-to-right;animation-fill-mode:forwards;animation-timing-function:ease-in-out}.line-stepper.left:after,.line-stepper.right:after{content:"";position:absolute;height:3px;background-color:hsl(var(--primary));animation-duration:.4s}.line-stepper.left:after{right:3px;animation-name:right-to-left;animation-fill-mode:forwards;animation-timing-function:ease-in-out}@keyframes left-to-right{0%{left:0;width:0}50%{width:35%}to{left:100%;width:0}}@keyframes right-to-left{0%{right:0;width:0}50%{width:35%}to{right:100%;width:0}}.line-stepper .circle{position:absolute;top:50%;transform:translateY(-50%);width:15px;height:15px;border-radius:50%;border:3px solid hsl(var(--border));cursor:pointer;background-color:hsl(var(--background));transition:all .3s ease;z-index:5;display:flex;align-items:center;justify-content:center;color:transparent;font-size:.75rem;font-weight:500}.line-stepper .circle-right{right:calc(-15px - 3px)}.line-stepper .circle-left{left:calc(-15px - 3px)}.line-stepper .circle.active{width:120px;height:45px;border-radius:10px;border-color:hsl(var(--primary));color:hsl(var(--primary-foreground));background-color:hsl(var(--primary));transition:all .3s ease}