@include export-module('cc-delivery-planning-overview-short-line-layout') {
  .co-delivery-planning-overview-short-line {
    position: relative;
    padding-left: 30px;
    display: flex;
    align-items: center;
    .planning-line-short {
      span {
        font-size: 11px;
        display: block;
      }
      &:before {
        width: 10px;
        height: 10px;
        position: absolute;
        border-radius: 100%;
        background: #DCE4EA;
        content: '';
        left: -15px;
        top: 50%;
        transform: translateY(-50%);
      }
    }
    .planning-line-short-wrapper {
      position: relative;
      display: flex;
      align-items: center;
      &:before {
        width: 2px;
        height: 9px;
        position: absolute;
        background: #ccc;
        content: '';
        left: -11px;
        top: calc(50% + 12px);
        transform: translateY(-50%);
      }
    }
    &:last-child {
      .planning-line-short-wrapper {
        &:before {
          display: none;
        }
      }
    }
  }
}
