.maha-composer {
  position: relative;
  .maha-emojis {
    position: absolute;
    top: -18em;
    right: 5px;
    width: 200px;
    border: 1px solid fadeout(@black, 95);
    border-radius: 0.5em;
    overflow: hidden;
    background: @white;
  }
}
.maha-composer-text {
  display: flex;
}
.maha-composer-chat {
  flex: 0 0 3em;
  border-right: 1px solid fadeout(@black, 90);
  background-color: fadeout(@black, 95);
}
.maha-composer-paperclip,
.maha-composer-emoji {
  flex: 0 0 2em;
}
.maha-composer-chat,
.maha-composer-paperclip,
.maha-composer-emoji {
  font-size: 1.2em;
  display: flex;
  text-align: center;
  cursor: pointer;
  color: fadeout(@black, 50);
  &:hover {
    color: fadeout(@black, 20);
  }
  .fa {
    margin: 0.8em auto auto;
  }
}
.maha-composer-editor {
  flex: 1;
  padding: 0.8em;
  color: fadeout(@black, 50);
  .emoji {
    margin: 0;
  }
}