@keyframes shakeX{0%,to{transform:translateZ(0)}20%,60%{transform:translate3d(-6px,0,0)}40%,80%{transform:translate3d(6px,0,0)}}.as-input{position:relative;text-align:left}.as-input__label{color:currentColor}.as-input__box{position:relative;display:flex;flex-wrap:nowrap;align-items:center;padding:12px 20px;border-radius:8px;background:#fff;min-height:56px;transition:box-shadow .2s;overflow:hidden;cursor:inherit}.as-input__label-text{display:inline-block;margin-bottom:4px;font-size:14px;height:16px;line-height:16px;font-weight:700;color:currentColor;transition:color .15s;cursor:pointer}.as-input__label-block{display:flex;align-items:center}.as-input__field,.as-input textarea.as-input__field{font-family:Roboto,Helvetica Neue,Arial,sans-serif}.as-input__field{border:none;color:#242440;display:block;font-size:16px;line-height:1.5;background:transparent;width:100%;padding:4px 0;margin:0;outline:none;resize:none;cursor:text;letter-spacing:0;-moz-appearance:textfield}.as-input__field::-moz-placeholder{color:#7f8999}.as-input__field::placeholder{color:#7f8999}.as-input__field::-webkit-inner-spin-button,.as-input__field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.as-input__clear{display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;height:22px;width:22px;position:absolute;right:12px;top:50%;margin-top:-11px;cursor:pointer;-webkit-appearance:none;z-index:1}.as-input__clear svg{height:14px;width:14px;fill:#999}.as-input__prepend{display:flex;align-items:center;justify-content:center;pointer-events:none;line-height:22px;padding-right:6px}.as-input__message{display:block;font-size:13px;line-height:1.2;margin-top:4px;color:#7f8999}.as-input__message img{vertical-align:text-top;width:1em}.as-input:not(.is-flat){color:#242440}.as-input:not(.is-flat) .as-input__box{box-shadow:inset 0 0 0 1px #ebedf0}.as-input:not(.is-flat) .as-input__box:hover{box-shadow:inset 0 0 0 1px #e2e5e9}.as-input:not(.is-flat) .as-input__box.is-focused{box-shadow:inset 0 0 0 2px #7366ff}.as-input.has-error{animation-name:shakeX;animation-duration:.4s;color:#e64f4f}.as-input.has-error .as-input__box,.as-input.has-error .as-input__box:hover{box-shadow:inset 0 0 0 1px #e64f4f}.as-input.has-error .as-input__box.is-focused{box-shadow:inset 0 0 0 2px #e64f4f}.as-input.has-error .as-input__message{color:currentColor}.as-input-phone .as-input__prepend{padding-right:8px}