.input-field{display:block}.input-field__label-group{display:flex;position:relative}.input-field__input{width:100%;box-sizing:border-box;transition:border-color .3s;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-field__label-group .input-field__error-text{display:none;position:absolute;top:100%;left:0;max-width:100%;opacity:0;transition:opacity .2s ease;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.input-field__label-group .input-field__error-text--top{top:auto!important;bottom:100%}.input-field__label-group.error .input-field__error-text{display:block;opacity:1}