.smiles {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 10px;
}

.smile {
  cursor: pointer;
  padding: 5px;
  font-family: var(--default-font-emoji);

  &:hover {
    background-color: rgb(0 0 0 / 5.5%);
  }
}

.smile-sort {
  cursor: grabbing;
}

.smiles-choice-list {
  padding-top: 20px;
}

.header-choice {
  padding-bottom: 20px;
}

.selected {
  background-color: #e0e0e0;
  border-radius: 20px;
}