.o-input {
  --_box-padding-y: 0;
  --_box-padding-x: 15px;
  --_box-padding: var(--_box-padding-y) var(--_box-padding-x);

  &.o_box-small {
    --_box-padding-x: 7px;
    --_box-height: var(--o-control_size-s);
  }
  &.o_box-medium {
    --_box-height: var(--o-control_size-m);
  }
  &.o_box-large {
    --_box-height: var(--o-control_size-l);

    --input-icon-size: var(--o-icon_size-m);
  }

  &.o_box-text {
    &.o_box-success {
      --input-color: var(--o-color-success1);
      --input-color-disabled: var(--o-color-success4);
    }
    &.o_box-warning {
      --input-color: var(--o-color-warning1);
      --input-color-disabled: var(--o-color-warning4);
    }
    &.o_box-danger {
      --input-color: var(--o-color-danger1);
      --input-color-disabled: var(--o-color-danger4);
    }
  }
}