.undtec-typer-flex-direction-actions {
	top: unset !important;
}

.undtec-typer-flex-direction {
	position: relative !important;
	height: unset !important;
}

.raw-typer-output {
      margin-top: 1em;
    /* border: 1px solid #ccc; */
    /* border-radius: 4px; */
      padding: 1em;
      min-height: 50px;
      background: #fff;
      white-space: normal;
      word-wrap: break-word;
  width: 100%;
    /*height: 100%;*/
    overflow: auto;
    }
    .raw-typer-output .cursor {
      margin-bottom: 2px !important;
      display: inline-block;
      width: 6px;
      height: 1em;
      background: #333;
      margin-left: 1px;
      animation: raw-contr-blink 1s infinite;
      vertical-align: bottom;
    }


    .raw-typer-output pre > code {
      background-color: #f3f3f3;
      display: block;
      overflow-x: auto;
      padding: 1em;
    }
    .raw-typer-output p > code {
      background-color: #f3f3f3;
      padding: 0.4em;
    }


    .raw-typer-output.raw-typer-typing::after {
/*      content: '|';*/
      display: inline-block;
      color: currentColor;
/*      animation: blink 0.7s steps(1, end) infinite;*/
    }
    @keyframes raw-contr-blink {
      0%, 100% { opacity: 1; }
      50% { opacity: 0; }
    }

.gpt-input-wrapper {
      /*position: absolute;*/
    /*bottom: 0;*/
/*      height: 100%;*/
      display: flex;
      flex-direction: column;
/*      aligіn-items: flex-end;*/
      background: white;
      border-radius: 32px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.08);
      padding: 12px;
      margin: 24px;
/*      max-width: 800px;*/
      width: calc(100% - 48px);
      gap: 8px;
      box-sizing: border-box;
      align-self: center;
    }

    .gpt-input-wrapper .gpt-textarea {
/*  flex: 1 1 auto;*/
padding: 12px 12px 0px 12px;
height: 80%;
  resize: none;
  border: none;
  outline: none;
  font-size: 18px;
  line-height: 1.5;
/*  overflow: hidden;*/
  
  border-radius: 24px;
  font-family: inherit;
  box-sizing: border-box;
  min-height: 24px;
  max-height: 200px;
  white-space: pre-wrap;
  word-break: break-word;
  width: 100%;
}

    .gpt-input-wrapper .gpt-button {
      background: #f1f1f1;
      border: none;
      border-radius: 999px;
      padding: 6px 16px;
      font-size: 16px;
      display: flex;
      align-items: center;
      gap: 6px;
      cursor: pointer;
      transition: background 0.2s;
      white-space: nowrap;
      margin-right: 10px;
    }

    .gpt-input-wrapper .gpt-button:hover {
      background: #e0e0e0;
    }

    .gpt-input-wrapper .gpt-send {
      background: black;
      color: white;
      border: none;
      border-radius: 50%;
      width: 42px;
      height: 42px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      cursor: pointer;
      margin-right: 10px;
    }

    .gpt-input-wrapper .gpt-send:hover {
      background: #333;
    }

    .gpt-input-wrapper .gpt-cc-buttons {
      display: flex;
    justify-content: end;
    align-items: center;
    }

    .gpt-input-wrapper .gpt-button-talk {
      display: none;
      border-width: 1px;
      border-color: #0d0d0d1a;
      background-color: #0000;
      border-radius: 50%;
      width: 38px;
      height: 38px;
      margin-right: 10px;
    }

    .gpt-input-wrapper.gpt-input-wrapper-disabled .gpt-send {
      cursor: inherit;
      background-color: #333;
    }