@use "../colors.sass" as c

@mixin appearance($value)
  appearance: $value
  -moz-appearance: $value
  -webkit-appearance: $value

.c-chat-input
  position: relative
  width: 100%
  border-top: 2px solid c.$divider
  background-color: c.$dark

  &__textarea
    position: relative
    z-index: 1
    width: calc(100% - 40px)
    height: 16px + (16px * 1.45)
    box-sizing: border-box
    margin: 20px
    padding: 8px
    font-family: inherit
    font-size: inherit
    background-color: c.$milder
    color: #fff
    +appearance(none)
    border: none
    border-radius: 8px
    resize: none