.input{display:inline-block;position:relative;z-index:1;width:100%}.input__field{position:relative;display:block;float:right;padding:.8em;width:60%;border:none;border-radius:0;background:#f0f0f0;-webkit-appearance:none}.input__field:focus{outline:none}.input__label{display:inline-block;float:right;color:#9e9e9e;font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input__label-content{position:relative;display:block;padding:13px 0 13px 12px;width:100%;white-space:nowrap;overflow:hidden}.input__field--localizer{padding:.4em .25em;width:100%;background:0 0;color:#afb5bb;font-size:1.55em;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease}.input__label--localizer{position:absolute;text-align:left;pointer-events:none}.input__label-content--localizer{-webkit-transition:-webkit-transform .3s;transition:transform .3s;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease}.input__label--localizer::before,.input__label--localizer::after{content:'';position:absolute;left:0;z-index:-1;height:4px;-webkit-transition:-webkit-transform .3s;transition:transform .3s}.input__label--localizer::before{top:0}.input__label--localizer::after{bottom:0}.input__field--localizer:focus+.input__label--localizer .input__label-content--localizer,.input--filled .input__label-content--localizer{-webkit-transform:translate3d(0,-14px,0);transform:translate3d(0,-14px,0);color:#54b354;font-size:14px;background-color:#fff;margin-left:10px;padding:2px 0 2px 5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease}.input__field--localizer:focus+.input__label--localizer::before,.input--filled .input__label--localizer::before{-webkit-transform:translate3d(0,-0.5em,0);transform:translate3d(0,-0.5em,0)}.input__field--localizer:focus+.input__label--localizer::after,.input--filled .input__label--localizer::after{-webkit-transform:translate3d(0,0.5em,0);transform:translate3d(0,0.5em,0)}@media all and (max-width:480px){.input__label{font-size:16px}}