@prefixCls: ~'igloo-transit-activity-list';
@itemPrefixCls: ~'igloo-transit-activity-item';

.@{prefixCls} {
  .ant-timeline-item {
    padding-bottom: 32px;
  }
  .ant-timeline-item:last-child {
    padding-bottom: 0;
    .ant-timeline-item-tail {
      display: none;
    }
  }
  .ant-timeline-item-tail {
    border-left: 1px dashed #bdbdbd;
  }
  .@{itemPrefixCls} {
    &-title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 2px;
    }
    &-dot {
      width: 12px;
      height: 12px;
      margin-top: 4px;
      border-radius: 50%;
    }
    &-extra {
      color: #666666;
    }
    &-operator {
      margin-bottom: 8px;
      color: #999999;
    }
    &-content {
      padding: 8px;
      color: #999999;
      background: #f9f9f9;
    }
  }
}