@import '../../variables.scss';

#{$biz-css-prefix}-stepper {
  display: flex;

  .au-btn {
    width: 28px;
    height: 28px;
    line-height: 26px;
    color: #595959;
    background: #FFFFFF;
    border: 1px solid #BFBFBF;
    border-radius: 4px;
    cursor: pointer;
    &:disabled {
      color: #BFBFBF;
      background: #F0F0F0;
      border: 1px solid #D9D9D9;
    }
  }
  .au-input {
    width: 60px;
    padding: 0;
    margin: 0 6px;
    overflow: hidden;
    border: none;
    &-element {
      width: 100%;
      height: 28px;
      color: #1F1F1F;
      text-align: center;
      border: none;
      &:focus-visible, &:focus-within, &:focus, &:active {
        outline: none;
      }
    }
  }
}