.input{position:relative}.input__loader{background:#fff9;height:calc(4.2rem + 10px);left:0;padding-top:10px;position:absolute;right:0;top:-10px}.input__loader--large{height:calc(4.8rem + 10px)}.input__loader--small{height:calc(3.2rem + 10px)}.input__label{background-color:#fff;color:#8a8a8a;display:inline-block;font-size:1.4rem;left:.7rem;line-height:24px;margin-bottom:.5rem;padding:0 .5rem;pointer-events:none;position:absolute;text-align:left;top:2.1rem;transform:translateY(-50%);transition:top .2s ease,left .2s ease;width:calc(100% - 1.4rem)}.input__label--disabled{background-color:#f3f3f3;border-radius:4px}.input__label--large{font-size:1.6rem;top:2.3rem}@media only screen and (max-width:740px){.input__label--large{font-size:1.4rem}}.input__label--small{font-size:1.4rem;top:1.5rem}@media only screen and (max-width:740px){.input__label--small{font-size:1.2rem}}.input input{-moz-appearance:textfield;border:1px solid #e7e7e7;border-radius:4px;font-family:Open Sans,sans-serif;font-size:1.6rem;height:4.2rem;overflow:hidden;padding:0 1.2rem;text-overflow:ellipsis;transition:border-color .3s;white-space:nowrap}.input input.input-large{height:4.8rem}.input input.input-small{font-size:1.4rem;height:3.2rem}.input input:focus,.input input:hover{border-color:#17171780;outline:none}.input input::-webkit-inner-spin-button,.input input::-webkit-outer-spin-button{-webkit-appearance:none}.input input.filled~.input__label,.input input:focus~.input__label{font-size:1.2rem;top:0;width:auto}.input input::-webkit-input-placeholder{color:#8a8a8a}.input input::-moz-placeholder{color:#8a8a8a}.input input:-ms-input-placeholder{color:#8a8a8a}.input input:-moz-placeholder{color:#8a8a8a}.input input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 2.1rem #fff!important}.input--disabled input{cursor:default}.input--disabled input,.input--disabled input:hover{background-color:#f3f3f3;border-color:#e7e7e7}.input--disabled input::-webkit-input-placeholder{color:#e7e7e7}.input--disabled input::-moz-placeholder{color:#e7e7e7}.input--disabled input:-ms-input-placeholder{color:#e7e7e7}.input--disabled input:-moz-placeholder{color:#e7e7e7}.input--error input,.input--error input:focus,.input--error input:hover{border-color:#de1c24}.input--error .input__label{color:#de1c24}.input [class*=" icon-"],.input [class^=icon-]{font-size:1.6rem;position:absolute;right:13px;top:50%;transform:translateY(-50%)}