.dm-window {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.dm-window > div:nth-child(1) {
  padding: 12px 0;
}

.dm-window > div:nth-child(2) {
  overflow-y: auto;
  padding: 0 10px 10px 10px;
  flex-grow: 1;
  display: flex;
  flex-direction: column-reverse;
}

.dm-window > div:nth-child(3) {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 5px 10px;
}

.pfp-overlap .pfp:not(:last-of-type) {
  margin-right: -20px;
}

.pfp-overlap .avatar {
  width: 32px;
  height: 32px;
}