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

.bl-salary-input {

  &__item {
    height: 100px;
    .flex-row();
    position: relative;

    &::after {
      content: "";
      height: 2px;
      background: #00000026;
      position: absolute;
      top: 0;
      left: 0;
      right: -32px;
    }

    &:first-child {
      &::after {
        height: 0;
      }
    }
  }

  .text(@fontSize: 28px) {
    font-size: @fontSize;
    line-height: 1;
    font-weight: 400;
    color: @blColor;
    white-space: nowrap
  }

  &__title {
    .text(@fontSize: 32px);
    margin-right: 40px;
  }

  &__input-container {
    height: 72px;
    flex: 1;
    .flex-row();
    border-radius: 16px;
    background: #F6F6F6;
    padding: 0 16px;
  }

  &__input {
    .text();
    flex: 1;
    height: 72px;
    line-height: 72px;
  }

  &__input-placeholder {
    color: @blColorG1;
  }


  &__unit {
    .text();
    margin-left: 16px;
  }

  &__center-divider {
    .text();
    margin: 0 12px;
  }
}