@import "../../../styles/vars.scss";


.honjo-tabs {
  &.el-tabs {
    .el-tabs__header {
      background-color: #fff;
      padding: 0 16px;
      border-radius: 4px;
    }
    .el-tabs__nav-wrap {
      &:after {
        background-color: transparent;
      }
    }

    .el-tabs__item {
      height: 48px;
      line-height: 48px;
      color: $text-secondary-color;
      letter-spacing: 2px;

      &.is-active {
        color: $color-primary;
        font-weight: 600;
      }
    }

    .el-tabs__active-bar {
      background-color: $color-primary;
    }

    .el-tabs__nav-scroll {
      box-shadow: 1px 0 4px 1px rgba(171,172,174,.18);
      border-radius: 4px;
    }
  }

}