:root {
  --focus-color: #097efb;
  --focus-color-dark-bg: #3b99fc;
}
@media (prefers-color-scheme: dark) {
  :root {
    --focus-color: #3b99fc;
    --focus-color-dark-bg: #097efb;
  }
}
textarea,
[role="textbox"] {
  display: inline-block;
  width: 200px;
  font-size: 1rem;
  line-height: 1.375;
  border: solid 1px black;
  background: #fff;
  vertical-align: bottom;
  padding: 10px;
}
.enable__is-dark-mode textarea,
.enable__is-dark-mode [role="textbox"] {
  background-color: #121212;
  border-color: #ededed;
  color: #ededed;
}
textarea,
[aria-multiline="true"] {
  min-height: 8.25rem;
  overflow: auto;
  -webkit-appearance: textarea;
  -khtml-appearance: textarea;
  -ms-appearance: textarea;
  -moz-appearance: textarea;
  appearance: textarea;
  resize: both;
}
@media only screen and (min-width: 960px) {
  textarea,
  [aria-multiline="true"] {
    min-width: 20rem;
  }
}
.textarea-label {
  vertical-align: top;
}
[role="group"] div,
fieldset div {
  margin-bottom: 10px;
}
.enable-character-count {
  display: block;
  margin-left: 45%;
  text-align: right;
  margin-top: 5px;
}
@media only screen and (min-width: 720px) {
  .enable-character-count {
    width: 20rem;
  }
}
/*# sourceMappingURL=textbox.css.map */