/* write style here */

.yw-tab {
  :global {
    .ant-tabs-tab + .ant-tabs-tab {
      margin: 0 0 0 36px;
    }
    .ant-tabs-tab {
      padding: 14px 0;
    }
    [aria-selected='true'] {
      font-weight: 500;
    }
    .ant-tabs .ant-tabs-nav::before {
      position: absolute;
      right: 0;
      left: 0;
      border-bottom: 1px solid #f0f0f0;
      display: block;
      content: '';
    }
  }
  .yw-tab-wrapped {
    :global {
      .ant-tabs-nav::before {
        display: none;
      }
    }
    .yw-tab-wrapped-item {
      height: 32px;
      margin-right: 8px;
      color: #333;
      &-count {
        margin-left: 3px;
      }
      [aria-selected='false'] {
        background: #f8f9fa !important;
        .yw-tab-wrapped-item-count {
          color: #999;
        }
      }
      :global {
        .ant-tabs-tab-btn {
          border-radius: 16px;
          padding: 0 17px;
          background: #f0f6ff;
        }
        .ant-tabs-tab {
          padding: 0;
          color: #333;
          line-height: 32px;
          background: transparent;
          border: none;
        }
      }
    }
  }
  .yw-tab-capsule {
    :global {
      .ant-tabs-nav::before {
        display: none;
      }
    }
    .yw-tab-capsule-item {
      padding: 0 20px;
      color: #333;
      :global {
        .ant-tabs-tab {
          padding: 0;
          color: #333;
          line-height: 32px;
          background: transparent;
          border: none;
        }
      }
    }
    .yw-tab-capsule-item:not(:nth-last-child(2)) {
      &::after {
        content: '';
        display: inline-block;
        width: 1px;
        height: 12px;
        border-left: 1px solid #d9d9d9;
        position: relative;
        left: 20px;
      }
    }
  }
}