.input-form-group{position:relative;width:100%}.input-form-group>.input-container{width:100%}.input-form-group>.input-container>div{position:relative}.input-form-group>.input-container:after{color:var(--red-color);content:attr(data-error);display:block;font-size:12px;font-weight:400;line-height:1.5;margin-top:0;max-height:0;overflow:hidden;transition:all .2s ease}.input-form-group>.input-container.has-error:after{margin-top:4px;max-height:36px}.input-form-group>.input-container.has-error>div>input{border-color:var(--red-color)}.input-form-group>.input-container>div>input{background:transparent;border:var(--general-border);box-sizing:border-box;font-size:16px;height:42px;text-indent:16px;transition:border-color .25s ease-out,background-color .25s ease-out;width:100%;will-change:border-color,background-color}.input-form-group>.input-container.readonly>div>input{background-color:var(--invers-6-color);border-color:var(--invers-10-color);color:var(--transparent-grey-color);pointer-events:none}.input-form-group>.input-container:not(.has-error)>div>input:hover{border-color:var(--invers-24-color)}.input-form-group>.input-container:not(.has-error)>div>input:focus{border-color:var(--field-focus-outline-color)}.input-form-group>.input-container>div>input::-webkit-input-placeholder{color:var(--invers-38-color)}