@use "../colors" as c

.c-chat
  display: grid
  grid-template-rows: 1fr 82px // fixed so that input box height adjustment doesn't mess up scroll
  align-items: end
  flex: 1

  &__messages
    height: 100%
    overflow-y: scroll
    scrollbar-color: c.$darkest c.$darker
    display: grid
    align-items: end

  &__inner
    padding: 20px 20px 20px