@import './emojis';

.maha-emojis-panel {
  background-color: @white;
}
.maha-emojis-body {
  .scrollable();
  height: 240px;
  margin-bottom: 0.4em;
}
.maha-emojis-category-title {
  padding: 0.4em;
  margin: 0 0 0.4em;
  font-size: 0.8em;
  text-align: center;
  background-color: fadeout(@black, 95);
}
.maha-emojis-category-emojis {
  overflow: hidden;
}
.maha-emojis-category-emoji {
  float: left;
  width: ~"calc(100% / 8)";
  padding: 0.2em;
  text-align: center;
  cursor: pointer;
  font-size: 1.2em;
  border-radius: 5px;
  &:hover {
    background-color: fadeout(@yellow, 80);
  }
}