.input {
  background-color: transparent;
  border: none;
  height: 24px;
  outline: none;
  position: relative;
  width: 100%;
  z-index: 2;
}

.input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  background-image: url("/_static/icons/close.svg");
  height: 20px;
  width: 20px;
}

.input:disabled,
.input:disabled::placeholder {
  color: var(--Base-Text-Disabled);
}