.input__container {
  @apply relative w-full;
  min-width: 150px;
}

.input__container input {
  @apply rounded appearance-none bg-transparent w-full text-grey-darker mr-3 px-3 py-4 leading-none text-sm border border-manatee outline-none;
}

.input__container input:focus {
  @apply border-blue outline-blue;
  outline-width: 1px;
  outline-style: solid;
}

.input__container .input__subtext,
.input__container .input__supertext {
  @apply text-tn text-grey;
}

.input__container .input__supertext {
  @apply absolute bg-white p-1 ml-2 -mt-2;
  top: 0;
  z-index: 1;
  left: 0;
}

.input__container input:focus ~ .input__supertext {
  @apply text-blue;
}