<template>
<div class="chat-wrapper">
  <input />
</div>
</template>

<script setup lang="ts">

</script>

<style scoped lang="scss">
.chat-wrapper {
  position: absolute;
  bottom: 0;
  left: 20px;
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: flex-start;
  align-items: center;

  input {
    width: 32rem;
    height: 3rem;
    border-radius: 1rem;
    opacity: 0.8;
    font-size: 1.2rem;
    padding: 0 1rem;
    color: black;
  }
}

</style>