.ui-input{box-sizing:border-box;display:inline-flex;font-size:14px;height:40px;position:relative;vertical-align:middle;width:100%}.ui-input--size-small{font-size:12px}.ui-input--textarea{height:auto}.ui-input__wrapper{align-items:center;background-color:var(--color-gray-200);border-radius:4px;box-shadow:0 0 0 1px var(--color-gray-500) inset;box-sizing:border-box;display:inline-flex;flex-grow:1;height:100%;padding:0 12px;transition:box-shadow .2s;width:100%}.ui-input--size-large .ui-input__wrapper{padding:0 16px}.ui-input--size-small .ui-input__wrapper{padding:0 8px}.ui-input__inner{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--black);flex:1;font:inherit;height:100%;min-width:0;outline:none;padding:0;width:100%}.ui-input__inner::-moz-placeholder{color:var(--color-gray-800)}.ui-input__inner::placeholder{color:var(--color-gray-800)}.ui-input__prefix,.ui-input__suffix{align-items:center;color:var(--color-gray-600);display:inline-flex;flex:none;height:100%}.ui-input__textarea{background-color:var(--color-gray-200);border:0;border-radius:4px;box-shadow:0 0 0 1px var(--color-gray-500) inset;color:var(--black);display:block;font:inherit;line-height:1.5;max-height:200px;outline:none;padding:12px;resize:none;width:100%}.ui-input__textarea::-moz-placeholder{color:var(--color-gray-800)}.ui-input__textarea::placeholder{color:var(--color-gray-800)}.ui-input--disabled .ui-input__wrapper{cursor:not-allowed}.ui-input--disabled .ui-input__inner,.ui-input--disabled .ui-input__textarea{color:var(--color-gray-600);cursor:not-allowed}