@import '@/styles/variables.less';

.job {
  &__tabs {
    .taroify-tabs__wrap__scroll {
      max-width: 70%;
    }

    .taroify-tabs__tab {
      display: flex;
      flex-direction: column;
      flex: 0 0 auto !important;
      font-size: 40px;
      --tab-color: @blColorG2;
      --tabs-active-color: @blColor;
    }

    .taroify-tabs__line {
      width: 100%;
      position: relative;
      margin-top: -5px;
      height: 8px;
      background-color: @blTabLineColor;
      border-radius: 0;
    }

    .taroify-dialog.taroify-popup {
      position: absolute;
    }
  }

  &__tab-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(255, 80, 81, 0.16);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    > image {
      width: 14.4px;
      height: 19.2px;
    }
  }
}