@import '../index.less';
@btri-timeline: ~'@{ant-prefix}-btri-timeline';
@timeline-prefix-cls: ~'@{ant-prefix}-timeline';

.@{ant-prefix}-btri-timeline {
  color: var(--gray-13);
  .@{timeline-prefix-cls}-item-tail {
    top: 13px;
    left: 4.5px;
    height: calc(100% - 18px);
    border-width: 1px;
  }
  .@{timeline-prefix-cls}-item-head {
    height: 10px;
    width: 10px;
    .@{ant-prefix}-btri-icon-box {
      position: relative;
      font-size: 14px;
    }
    .i-icon:before {
      position: absolute;
      left: -7px;
      top: -18px;
    }
  }
  .@{timeline-prefix-cls}-item-head-red {
    color: var(--red-6);
  }
  .@{timeline-prefix-cls}-item-head-gray {
    color: var(--gray-5);
  }
  .@{timeline-prefix-cls}-item-content {
    margin-left: 20px;
  }
  &.@{timeline-prefix-cls}-label .@{timeline-prefix-cls}-item-label,
  &-time {
    color: var(--caption-font);
    font-size: var(--body-font-size);
  }
}