:host {
  --input-font-size: var(--chat-input-font-size, 14px);

  display: block;
  width: 100%;
  z-index: var(--chat-input-z-index, initial);
}

:host .input {
  background: var(--alabaster, #f8f8f8);
  bottom: 0;
  box-sizing: border-box;
  font-size: var(--input-font-size);
  width: 100%;
}

:host .input.disabled {
  color: var(--silver, #b8b8b8);
}

:host .input > * {
  line-height: 0;
  position: relative;
}

:host .input .enter {
  background: no-repeat center center;
  border: none;
  bottom: 14px;
  cursor: pointer;
  height: 24px;
  outline: none;
  padding: 0;
  position: absolute;
  right: 18px;
}

:host .input .enter:active:not(:disabled) {
  transform: translateY(1px);
}