.status-step{transition:all .4s}.status-step .status-icon{transition:background-color .4s,border-color .4s,color .4s}.status-step .status-label{white-space:nowrap;transition:color .4s}.status-step.active .status-icon{background-color:hsl(var(--primary));border-color:hsl(var(--primary));color:hsl(var(--primary-foreground));animation:2s infinite pulse}.status-step.active .status-label{color:hsl(var(--primary));font-weight:700}.status-step.completed .status-icon{background-color:hsl(var(--primary));border-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.status-step.completed .status-label{color:hsl(var(--foreground))}.status-connector.completed .status-connector-progress{width:100%;transition:width 1s ease-in-out}.status-step.active~.status-connector.completed .status-connector-progress{width:0%}.status-connector{position:relative}.status-connector-progress{width:0;transition:width 1s ease-in-out}.status-step.active~.status-connector .status-connector-progress{width:0}.status-step.active+.status-connector .status-connector-progress{animation:2s linear forwards fill-bar}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(var(--primary-rgb),.7)}70%{box-shadow:0 0 0 10px rgba(var(--primary-rgb),0)}to{box-shadow:0 0 0 0 rgba(var(--primary-rgb),0)}}:root{--primary-rgb:32,109,130}.dark{--primary-rgb:245,185,39}@keyframes fill-bar{0%{width:0%}to{width:50%}}@media (max-width:640px){.status-step .status-label{white-space:nowrap;transform-origin:0;text-align:left;width:70px;margin-top:10px;font-size:10px;position:absolute;top:100%;left:50%;transform:rotate(-45deg)translate(-10px,5px)}.status-step{margin-bottom:40px}}@keyframes shape-pulse{0%{filter:drop-shadow(0 0 0 hsl(var(--primary)/.7));transform:scale(1)}70%{filter:drop-shadow(0 0 10px hsl(var(--primary)/0));transform:scale(1.1)}to{filter:drop-shadow(0 0 0 hsl(var(--primary)/0));transform:scale(1)}}.animate-pulse-slow{animation:3s ease-out infinite shape-pulse}