.community .message {
    background: #fff;
    border-radius: .5em;
    padding: 1.5em 1em;
    position: relative;
    margin-bottom: 1.5em;
  }
  .community .message .details .user {
    display: flex;
    align-items: center;
    gap: .5em
  }
  .community .message .details .user img {
    height: 1em;
    width: 1em;
    border-radius: 50%;
  }
  .community .message .options {
    position: absolute;
    bottom: -.7em
  }
  .community .options button {
    color: #000;
    border: none;
    background: #fff;
    padding: .5em 1em;
    border-radius: 9999px;
  }
  
  .community .message.image {
    height: fit-content
  }
  .community .message.image img {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
      border-radius: 1em;
    margin-top: .5em
  }
  .community p.text {
      margin: .5em 0;
      color: #222;
      font-size: 1em;
  }
  .community .username {
    font-size: .8em;
  }
  .chat-container {
    height: 100vh;
    width: 100%;
    background: #f0f0f0;
    position: fixed;
    top: 0;
    left: 0;
    display: flex
;
    z-index: 9999;
    flex-direction: column;
}
.community .chat-header {
    position: relative;
}
.community .chat-footer {
    position: relative;
}
button.heart {
    display: inline-flex
;
    gap: .4em;
    align-items: center;
}

a.repliedtotext {
    color: #999;
    font-size: .8em;
    font-style: oblique;
    padding-left: 1em;
    border-left: .4em solid dodgerblue;
    margin-left: .7em;
}