.block {
  // box-sizing: border-box;
  overflow-y: auto;

  width: 500px;
  height: 350px;
  // display: flex;
  // align-items: center;
  // flex-wrap: wrap;
  padding: 10px;

  background-color: var(--color-gray-fff);
  border: 1px solid rgb(0 0 0 / 6.2%);
  border-radius: 3px;

  .header {
    margin-bottom: 5px;
    color: #a1a1a1;
  }

  .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%);
    }
  }
}