.TextInput {
  border: none;
  border-bottom: 2px solid #cecece;

  padding-right: 16px;

  transition: border-bottom-color 0.1s ease-in-out;
}

.TextInput:focus {
  outline: none;
  border-bottom-color: #ffd326;
}

.TextClear {
  height: 10px;
  display: inline-block;
  position: absolute;
  right: 16%;
  
  filter: invert(99%) sepia(0%) saturate(1188%) hue-rotate(186deg) brightness(97%) contrast(67%);
}

.TextClear:hover {
  cursor: pointer;
  filter: invert(73%) sepia(0%) saturate(380%) hue-rotate(224deg) brightness(94%) contrast(90%);
}

.TextInputClear {
  height: 100%;
}