.textarea-container {
  width: 100%;
  display: flex;

  textarea {
    flex: 1;
    padding: 12px;
    font-size: 16px;
    border: 1px solid var(--color-border-primary);
    border-radius: 6px;
    background: var(--color-bg-primary);
    height: 400px;

    &.v2-ui {
      border-radius: var(--border-radius-md);
      font-weight: var(--weight-light);
      min-height: 120px;

      &:focus {
        outline: none;
        border-color: var(--color-border-primary);
        box-shadow: none;
      }
    }

    &:focus {
      outline: none;
      border-color: var(--color-bg-brand-solid);
      box-shadow: 0 0 5px rgba(5, 122, 138, 0.4);
    }
  }
}