.ue-progress-steps {
    display: flex;
    gap: var(--ue-space-8);
    padding: var(--ue-space-20) 0;
    margin: 0 auto;
    max-width: 100%;
}

.ue-step-indicator {
    height: 6px;
    flex: 1;
    background-color: var(--ue-gray-300);
    border-radius: var(--ue-radius-10);
    transition: all var(--ue-transition-slow);
}

.ue-step-indicator.completed {
    background: var(--ue-gradient-primary);
}

.ue-step-indicator.current {
    background: var(--ue-gradient-secondary);
    box-shadow: 0 0 8px rgba(65, 156, 220, 0.5);
}

.ue-step-indicator.pending {
    background-color: var(--ue-gray-300);
    opacity: 0.6;
}

.ue-step {
    display: none;
}

.ue-step.active {
    display: block;
}

.ue-options-title {
    margin: -10px auto;
}