@import '../init/vars';

.emoteSelector {
  animation: menu-animate-in var(--animation-duration) var(--animation-style);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  margin-bottom: var(--spacing-m);
}

.emoteSelector__list {
  display: flex;
  flex-wrap: wrap;
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 25vh;
  padding: var(--spacing-s);

  .emoteSelector__listRowItems {
    display: flex;
    flex-wrap: wrap;

    .button--file-action {
      margin: var(--spacing-xxs);
      padding: var(--spacing-xs);

      .button__content {
        justify-content: center;
        align-items: center;
        align-content: center;
        width: 1.5rem;
        height: 1.5rem;

        span {
          margin: auto;
          font-size: var(--font-large);
        }
      }
    }
  }
}
