.mf-timeline {
    &-wrap {
        display: flex;
        align-items: center;
    }

    &-item {
        &-dot {
            background-color: rgb(var(--primary-6));
            width: 8px;
            height: 8px;
            border-radius: 50%;
        }
    }

    &-title {
        color: var(--color-text-1);
        font-size: 14px;
        line-height: 22px;
        margin-right: 20px;

        &.current {
            font-weight: 600;
        }
    }

    &-time {
        font-size: 14px;
        line-height: 22px;
        color: var(--color-text-3);
    }

    &-remark {
        font-size: 14px;
        line-height: 22px;
        color: var(--color-text-3);
    }

    &-remark-highlight {
        color: rgb(var(--warning-6));
    }
}