@import "./var";

.param-number {
  flex: 1;
  display: flex;
  align-items: center;
  height: $input-height;

  &.readonly {
    height: $input-readonly-height;

    .param-number-suffix {
      padding: 0;
      margin: 0 0 0 1px;
      border: none;
      background: none;
    }
  }
}

.param-number-val {
  position: relative;
  z-index: 1;
  margin: 0;
}

.param-number-suffix {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 0;
  flex: none;
  height: 100%;
  padding: 0 14px;
  margin: 0 0 0 -2px;
  border-radius: 2px;
  border: 1px solid $border-color;
  background: $suffix-bg;
}