.input{padding:var(--input-padding);border:var(--input-border-width) var(--input-border-style) var(--input-border-color);margin:var(--input-margin);background:var(--input-background);color:var(--input-font-color);border-radius:var(--input-border-radius);outline:var(--input-outline-width) var(--input-outline-style) var(--input-outline-color);outline-offset:var(--input-outline-offset);line-height:var(--line-height);font-size:var(--font-size)}.input:disabled{opacity:var(--disabled-form-element-opacity);cursor:not-allowed}.input:focus-visible,.input:hover:not(:disabled):focus-visible{--input-font-color: var(--input-focus-font-color);--input-background: var(--input-focus-background);--input-border-color: var(--input-focus-border-color);--input-outline-width: var(--input-focus-outline-width);--input-outline-color: var(--input-focus-outline-color);--input-outline-offset: var(--input-focus-outline-offset)}.input:hover:not(:disabled){--input-font-color: var(--input-hover-font-color);--input-background: var(--input-hover-background);--input-border-color: var(--input-hover-border-color);--input-outline-width: var(--input-hover-outline-width);--input-outline-color: var(--input-hover-outline-color);--input-outline-offset: var(--input-hover-outline-offset)}.input::placeholder{font-family:var(--input-placeholder-font-family);color:var(--input-placeholder-font-color);font-size:var(--input-placeholder-font-size);line-height:var(--input-placeholder-line-height)}.input--block{display:block;width:100%}.input{max-width:100%;width:100%}.input:hover,.input:focus-visible{--input-placeholder-font-color: #6e6e6e}.input-field--has-error{--input-border-color: var(--color-error-contrast)}
