    .console {
      width: 100%;
      height: 100%;
      overflow: auto;
      margin: 16px;
    }
    .consoleMessageSubmit {
      width: 120px;
    }
    
    .console_send_message_form {
      width: 100%;
      display: flex;
      position: absolute;
      bottom: 0px;
    }
  
    .console_message_form>form {
      display: flex;
      flex-direction: row;
    }
  
    .console_emoji_picker {
      position: relative;
    }
  
    .console_send_message_form>form .console_message_text {
      width: 100%;
      resize: none;
      cursor: text;
      box-sizing: border-box;
      padding: 2px 10px;
      flex-grow: 1;
      border: none;
      border-radius: var(--console-border-radius);
    }
  
    .console_send_message_form>form .console_message_text:focus-visible {
      border: none;
      outline: none;
    }
    
    .chat_area {
      display: flex;
      flex-direction: column;
      height: 100%;
    }
    
    div.console_message_main {
      padding-top: 0px;
      position: relative;
      overflow-y: scroll;
      flex: 1;
      word-wrap: break-word;
    }
  
    .chat_area {
      display: flex;
      flex-direction: column;
      height: 100%;
    }
  
    .console_send_message_form {
      width: 100%;
      display: flex;
    }
  
    .console_message_form>form {
      display: flex;
      flex-direction: row;
    }
  
    .console_emoji_picker {
      position: relative;
    }
  
    .console_send_message_form>form .console_message_text {
      width: 100%;
      resize: none;
      cursor: text;
      box-sizing: border-box;
      padding: 2px 10px;
      flex-grow: 1;
      border: none;
      border-radius: var(--console-border-radius);
    }
  
    .console_send_message_form>form .console_message_text:focus-visible {
      border: none;
      outline: none;
    }
  
    .console_message_submit {
      margin: 5px;
      padding: 5px;
      width: 9vw;
      border-radius: var(--console-border-radius);
      border: none;
      background-color: var(--console-input-background-colour);
    }
  
    .submit_svg_container {
      position: relative;
      width: 100%;
      height: 100%;
    }
  
    .message_send_svg {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
    }
  
    .ui-autocomplete {
      position: absolute !important;
      bottom: 600px !important;
      overflow: auto !important;
      max-height: 300px;
      min-height: 300px;
    }
    
    .window_bottom_console {
      font-size: 11px;
      font-weight: bold;
      line-height: 20px;
      /*overflow: hidden;*/
      text-align: left;
      text-shadow: #fff 0 1px 1px;
      /* height: 33px; */
      /* width: 100%; */
      left: 1px;
      right: 1px;
      padding-left: 8px;
      margin: 3px 0 3px 0;
    }
  
  