.m-input { display: flex; align-items: center; background: #fff; padding: 0 10px; border: thin solid #ccc; border-radius: 4px; color: #666; transition: background-color 0.25s, border 0.25s;}.m-input__input { flex: 1; height: 100%; border: none; outline: none; color: inherit; font-size: inherit; padding: 0; background: transparent;}.m-input__input::placeholder { color: #bbb;}.m-input__textarea { height: 100%; border: none; outline: none; flex: 1; color: inherit; font-family: inherit; font-size: inherit; resize: none; background: transparent;}.m-input__textarea::placeholder { color: #bbb;}.m-input__clear-icon { margin: 0 0 0 6px; font-size: 16px; opacity: 0; transition: opacity 0.1s linear; color: #888;}.m-input--disabled { background: #e6e9ec; color: #888;}.m-input--disabled * { cursor: not-allowed;}.m-input__maxlength { flex-shrink: 0; margin: 0 0 0 6px; font-size: 14px; color: #888; white-space: nowrap;}.m-input--normal-textarea { padding: 10px 0;}.m-input--small-textarea { padding: 7px 0;}.m-input--mini-textarea { padding: 5px 0;}.m-input--normal { min-height: 42px; height: 42px; font-size: 15px;}.m-input--small { min-height: 36px; height: 36px; font-size: 14px;}.m-input--mini { min-height: 30px; height: 30px; font-size: 13px;}.m-input--outline { border: thin solid #5e72e4;}.m-input--clear-icon-visible { opacity: 1; cursor: pointer;}.m-input--resizeable { resize: vertical; overflow: auto;}.m-input--validation-error-border { border: thin solid #fb6340;}