/* rockpi4se apps/setup-app.sh: Authelia 4.39 floating inputs keep the label centred
   over a value the browser autofilled (React isn't told about autofill). Move the
   label up whenever the input really has a value. One rule per selector: a browser
   that doesn't know one of the pseudo-classes would drop a combined rule. */
input[data-slot="floating-input"]:not(:placeholder-shown) + label {
  top: 0.25rem !important; translate: none !important; transform: none !important;
  font-size: 0.75rem !important; line-height: 1rem !important;
}
input[data-slot="floating-input"]:autofill + label {
  top: 0.25rem !important; translate: none !important; transform: none !important;
  font-size: 0.75rem !important; line-height: 1rem !important;
}
input[data-slot="floating-input"]:-webkit-autofill + label {
  top: 0.25rem !important; translate: none !important; transform: none !important;
  font-size: 0.75rem !important; line-height: 1rem !important;
}