.input{position:relative}.input--unbordered[data-errors] .input__control,.input--unbordered[data-errors] .input__control:focus,.input--unbordered[data-invalid] .input__control,.input--unbordered[data-invalid] .input__control:focus,.input[data-errors] .input__control,.input[data-errors] .input__control:focus,.input[data-invalid] .input__control,.input[data-invalid] .input__control:focus{border-color:#f9595f}.input--unbordered .input__control{border:.0625rem solid transparent}.input--required .input__label:after,.input--required .input__prefix--placeholder:after{color:#f9595f;content:" *"}.input--suffixed .input__control{padding-right:7rem}.input--success .input__control{color:#757f8a}.input--small .input__control{height:2rem}.input--average .input__control,.input--small .input__control,.input--small .input__prefix--placeholder{font-size:.75rem;line-height:1.3333333333}.input--average .input__control{height:2.5rem;padding-left:1rem}@media(min-width:1200px){.input--average .input__control{padding-left:1.5rem}}.input--average .input__suffix--button{height:2.5rem;width:2.5rem}.input--medium .input__control{height:2.75rem;padding-left:.75rem;padding-top:1rem}.input--medium .input__control:focus{padding-top:1rem}.input--medium .input__label{background-color:transparent;color:#757f8a;font-size:.8125rem;left:.75rem;line-height:1.3076923077;padding:0;pointer-events:none;position:absolute;top:.875rem}@media(min-width:1200px){.input--medium.input--label-small .input__label{font-size:.75rem;line-height:1.3333333333}}.input--simple{border:#fff}.input--simple .input__icon{height:1.25rem;width:1.25rem}.input--blue .input__control{border-color:#1068d7;outline:none}.input--green .input__control{border-color:#259f75;outline:none}.input--red .input__control{border-color:#f9595f;outline:none}.input--active .input__prefix--placeholder{display:none}.input--active.input--medium .input__label,.input--has-focus.input--medium .input__label{color:#757f8a;font-size:.75rem;line-height:1.3333333333;transform:translateY(-10px);transition:color .3s ease-in-out,transform .3s ease-in-out}.input--active.input--full-btn .input__label,.input--has-focus.input--full-btn .input__label{font-size:.625rem}.input--textarea.input--small .input__prefix--placeholder{font-size:.75rem;line-height:1.3333333333}.input--textarea .input__control{height:auto;padding-bottom:.5rem;padding-top:.5rem;resize:none}.input--textarea .input__label{background-color:#fff;color:#757f8a;display:block;font-size:.75rem;left:.5rem;line-height:1.3333333333;max-width:calc(100% - 20px);overflow:hidden;padding:0 .25rem;position:absolute;text-overflow:ellipsis;top:-.375rem;white-space:nowrap;z-index:2}.input--disabled .input__label{background:#fff}.input--full-btn .input__label{font-size:.75rem}.input__inner{position:relative}.input__control{background-color:#fff;border:.0625rem solid #dadee3;border-radius:.5rem;box-shadow:none;color:#282e30;display:block;font-size:.75rem;height:3rem;line-height:1.3333333333;padding-left:.875rem;padding-right:.75rem;transition:color .3s ease-in-out,border-color .3s ease-in-out,background-color .3s ease-in-out;width:100%}.input__control:focus{outline:none}.input__control:disabled{background-color:#fff}.input__control:disabled:focus,.input__control:disabled:hover{box-shadow:none}@media(min-width:1200px){.input__control{font-size:.875rem;height:3.5rem;line-height:1.2857142857}}.input__label{background-color:#fff;color:#757f8a;display:block;font-size:.75rem;left:.5rem;line-height:1.3333333333;max-width:calc(100% - 20px);overflow:hidden;padding:0 .25rem;position:absolute;text-overflow:ellipsis;top:-.375rem;white-space:nowrap;z-index:2}.input__suffix--icon{align-items:center;cursor:pointer;display:flex;height:2rem;justify-content:center;position:absolute;right:.25rem;top:50%;transform:translateY(-50%);width:2rem}.input__suffix--button{font-size:.75rem;height:2.25rem;position:absolute;right:.25rem;top:.25rem;width:6.25rem}.input__suffix--button button{padding:0 .75rem}.input__suffix .button{height:100%!important;width:100%!important}.input__prefix--placeholder{background-color:transparent;color:#757f8a;font-size:.875rem;left:.875rem;line-height:1.2857142857;padding:0;pointer-events:none;position:absolute;top:.5rem}.input__message{color:#f9595f;font-size:.75rem;line-height:1.3333333333}.input__prefix-icon{color:#f9595f;left:.75rem;position:absolute;top:.875rem}