@prefix: sku-input-number;

.@{prefix} {
  .ant-input-number-handler-wrap {
    display: none;
  }

  .sku-big {
    div.ant-input-number {
      height: 40px;
      width: 50px;
      border-radius: 0px;
      border: 1px solid #d9d9d9;
    }

    input.ant-input-number-input {
      height: 40px;
      text-align: center;
    }

    .number-button {
      height: 40px;
      width: 28px;
      display: flex;
      border-radius: 0px;
      border: 1px solid #d9d9d9;
      justify-content: center;
      align-items: center;
    }

    .minus-button {
      margin-right: 8px;
    }

    .plus-button {
      margin-left: 8px;
    }
  }

  .sku-small {
    div.ant-input-number {
      height: 24px;
      width: 40px;
      border-radius: 0px;
      border: 1px solid #d9d9d9;
    }

    input.ant-input-number-input {
      height: 24px;
      text-align: center;
    }

    .number-button {
      height: 24px;
      width: 20px;
      padding: 0px;
      border-radius: 0px;
      border: 1px solid #d9d9d9;
      color: #8c8c8c;
    }

    .minus-button {
      border-right-width: 0px;
    }

    .plus-button {
      border-left-width: 0px;
    }
  }
}
