textarea
  border: 1px solid #d3d3d3
  border-radius: 2px
  outline: none
  box-shadow: none
  padding: 2px 6px
  margin: 0
  box-sizing: border-box
  resize: none

  &::placeholder
    color: #aaa
    opacity: 1

  &:focus
    border: 2px solid #fc0
    padding: 1px 5px

  &.full-width
    width: 100%

  &[data-resize="both"]
    resize: both

  &[data-resize~="vertical"]
    resize: vertical

  &[data-resize~="horizontal"]
    resize: horizontal
