@import '@styles/theme.scss';
@import "@styles/custom.scss";

.digit-container {
  display         : flex;
  flex-direction  : column;
  padding         : 20px 32px 20px 30px;
  background-color: $white;

  .digit-content {
    display        : flex;
    flex-direction : row;
    align-items    : center;
    justify-content: space-between;
    padding-bottom : 10px;

    .digit-inputNumber {
      display    : flex;
      align-items: center;

      .at-input-number__btn {
        color: $primary-color;
      }

      .digit-addonAfter {
        display    : flex;
        align-items: center;
        margin-left: 20px;
        font-size  : $font-size-lg;
      }
    }
  }
}

.input {
  width          : 80px;
  padding        : 0 20px;
  border         : 1px solid $border-color;
  // border-left : none;
  // border-right: none;
  text-align     : center;
  height         : 52px;
  line-height    : 52px;
  color          : $black;
  font-size      : $font-size-lg;
  opacity        : .9;
}

.precision {
  width: 155px;
}

.minus {
  border                      : 1px solid $border-color;
  border-right                : none;
  padding                     : 0 20px;
  height                      : 54px;
  // line-height              : 1.5;
  color                       : $black;
  display                     : flex;
  align-items                 : center;
  justify-content             : center;
  background-color            : $border-color;
  opacity                     : .9;
}

.plus {
  border                       : 1px solid $border-color;
  border-left                  : none;
  padding                      : 0 20px;
  height                       : 54px;
  // line-height               : 1.5;
  color                        : $black;
  display                      : flex;
  align-items                  : center;
  justify-content              : center;
  background-color             : $border-color;
  opacity                      : .9;
}

.disabled {
  color       : #ccc;
  border-color: #ccc;
}

.digit-item-extra-wrap {
  // margin-top: 14px;
}