.floatl{position:relative}
.floatl--focused .floatl__label{color:#bbbbbb}
.floatl--active .floatl__label{opacity:1;visibility:visible;top:-2px}
.floatl--area .floatl__label{top:2px}
.floatl--active .floatl__input{}
textarea.floatl__input {padding-top:20px!important;}
.floatl--active.floatl--multiline .floatl__label{background-color:white}
.floatl__label{-webkit-transition:all 100ms ease-in-out;transition:all 100ms ease-in-out;visibility:hidden;opacity:0;position:absolute;display:inline-block;top:9px;left:6px;padding:5px 3px 3px 3px;font-size:10px;line-height:1em;font-weight:bold;color:#565656}
.floatl__input{-webkit-transition:all 100ms ease-in-out;transition:all 100ms ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;margin-top:0;margin-left:0;padding:11px 8px !important;font-size:15px;border:1px solid #bbbbbb}
.floatl__input::-moz-selection{color:white;background-color:#565656}
.floatl__input::selection{color:white;background-color:#565656}
.floatl__input:focus{border-color:#565656}
input.floatl__input{height:42px!important;}