@import '../../styles/abstracts/variables';

.input {
  overflow: hidden;
  padding: 0;
  font-weight: $semi-bold;
  font-size: $medium1;

  &-hidden {
    .ant-input {
      visibility: hidden;
      width: 0;
    }

    .ant-input-prefix {
      flex: 1;
    }
  }

  .ant-input-group-addon,
  .ant-input-affix-wrapper {
    padding: 0;
  }

  .ant-input-group-addon {
    overflow: hidden;
  }

  .ant-input {
    margin-left: 12px;
    background: none !important;
    border: none !important;

    :hover {
      background: none !important;
      border: none !important;
    }
  }

  .ant-input-suffix {
    margin-right: 12px;
  }
}
