#chat-message-bar {
  display: flex;
  width: 100%;
  transition: all 0.3s ease;
  align-items: middle;
}
#chat-message-bar.has-text {
  align-items: end;
}
#chat-message-bar.has-text ux-button {
  opacity: 1;
  width: auto;
  margin-left: 8px;
  pointer-events: all;
}

#chat-textarea {
  flex: 1;
  transition: all 0.3s ease;
  padding: 8px;
  border: 1px solid #ccc;
  font-family: inherit;
}
#chat-textarea::placeholder {
  vertical-align: middle;
}

ux-button {
  --ux-icon-button-width: 46px;
  --ux-icon-button-height: 46px;
  --ux-button-icon-size-large: 20px;
  opacity: 0;
  width: 0;
  overflow: hidden;
  transition: all 0.3s ease;
  white-space: nowrap;
  padding: 0;
  margin: 0;
  cursor: pointer;
  pointer-events: none;
  flex-shrink: 0;
}