.floatl{position:relative}.floatl--focused .floatl__label{color:#007bff}.floatl--active .floatl__label{opacity:1;visibility:visible;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}.floatl--active .floatl__input{padding:1.125rem .75rem .375rem}.floatl__label{margin-bottom:0;text-transform:uppercase;visibility:hidden;opacity:0;position:absolute;top:.1875rem;left:.75rem;font-size:.75rem;font-weight:700;color:#6c757d}.floatl__input{-webkit-transition:padding .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:padding .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:padding .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:padding .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}