ipsos-components/src/material-examples/form-field-custom-control/form-field-custom-control-example.css

Material Design components for Angular

div {
  display: flex;
}

input {
  border: none;
  background: none;
  padding: 0;
  outline: none;
  font: inherit;
  text-align: center;
}

span {
  opacity: 0;
  transition: opacity 200ms;
}

:host.floating span {
  opacity: 1;
}