@use '../colors';

.main {
  display: flex;
  width: 100%;
}

.input {
  min-width: 0;
  width: 0;
  flex-grow: 1;
  background: inherit;
  font: inherit;
  line-height: inherit;
  --base-input-background: var(--field-background);
  --base-input-color: var(--field-main-text-color, var(--field-primary-text-color));
  --base-input-placeholder-color: #{colors.$basic-gray38};
}

.disabled {
  --base-input-placeholder-color: #{colors.$basic-gray38};
}

.clear-button {
  fill: colors.$basic-gray38;
  cursor: pointer;
}