.kepsas-divider {
    width: 100%;
    height: 1px;
    margin: 24px 0;
    border: 0;
    background: var(--color-divider-soft);
}

.kepsas-divider--dashed {
    height: 0;
    border-top: 1px dashed var(--color-divider-dashed);
    background: transparent;
}

.kepsas-divider--vertical {
    width: 1px;
    height: auto;
    min-height: 48px;
    align-self: stretch;
    flex: 0 0 1px;
    margin: 0 18px;
}

.kepsas-brand-rule {
    width: 100%;
    height: 3px;
    border-radius: var(--radius-pill);
    background: linear-gradient(90deg, var(--color-brand-red), var(--color-brand-yellow), var(--color-brand-green), var(--color-brand-cyan), var(--color-brand-teal), var(--color-brand-orange));
}

.kepsas-heading-rule {
    width: 35px;
    height: 3px;
    border-radius: var(--radius-pill);
    background: var(--color-brand-navy);
}

.kepsas-accent-border {
    border-left: 4px solid var(--kepsas-accent-color, var(--color-brand-navy));
}

.kepsas-timeline-connector {
    width: 3px;
    min-height: 32px;
    border-radius: var(--radius-pill);
    background: linear-gradient(180deg, var(--color-brand-navy), var(--color-timeline-connector));
}

.kepsas-brand-stripe::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    height: 3px;
    background: linear-gradient(90deg, var(--color-brand-red-strong), var(--color-brand-yellow), var(--color-status-success), var(--color-brand-blue));
}