@use '../../abstracts/variables' as *;

// -----------------------------------------------------------------------------
// Sentence Prompt: multi-line text editor with line numbers
// -----------------------------------------------------------------------------

.element-sentenceprompt-container {
  display: flex;
  border: 1px solid $sp-border;
  border-radius: 0.5rem;
  overflow: hidden;
  max-height: 32rem;
}

.element-sentenceprompt-container .sentenceprompt__textarea {
  border: none;
  outline: none;
  padding: 0.5rem;
  width: 100%;
}

.element-sentenceprompt-container .sentenceprompt__lines {
  border-right: 1px solid $sp-border;
  padding: 0.5rem;
  text-align: right;
  overflow: hidden;
}

.element-sentenceprompt-container .sentenceprompt__textarea:focus {
  box-shadow: none;
}
