@use '../../_styles/mixin.scss' as *;

@include respond('<=laptop') {
  .o-input {
    &.o_box-large {
      --input-icon-size: var(--o-icon_size-s);

      --_box-text-size: var(--o-font_size-tip1);
      --_box-text-height: var(--o-line_height-tip1);

      --_box-height: 36px;
    }

    &.o_box-medium {
      --_box-height: 28px;
    }
  }
}

@include respond('<=pad_v') {
  .o-input {
    &.o_box-large {
      --input-icon-size: var(--o-icon_size-m);

      --_box-height: var(--o-control_size-l);
    }
  }
}
.o-input {
  @include respond('phone') {
    --_box-padding-x: 11px;
    &.o_box-small {
      --_box-padding-x: 5px;
    }
  }
}