.reaction-picker-view {
  display: contents;
}

.reaction-picker-view .reaction-picker-choices {
  align-self: flex-start;
  max-width: 100%;
  box-sizing: border-box;
  grid-template-rows: 0fr;
  border: var(--border-width-base) solid var(--border-color-subtle);
  border-radius: var(--border-radius-base);
  background-color: var(--background-color-base);
  transition: grid-template-rows var(--transition-duration-medium) var(--transition-timing-function-user);
}

.reaction-picker-view .reaction-picker-choices:not([hidden]) {
  display: grid;
}

.reaction-picker-view .reaction-picker-choices.reaction-picker-open {
  grid-template-rows: 1fr;
}

.reaction-picker-view .reaction-picker-choices-content {
  display: grid;
  grid-template-columns: repeat(8, max-content);
  grid-template-rows: calc((((var(--spacing-4) * 2) + var(--line-height-small-22)) + (var(--border-width-base) * 2)) - (var(--border-width-base) * 2));
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: var(--transition-property-fade) var(--transition-duration-medium) var(--transition-timing-function-user);
}

.reaction-picker-view .reaction-picker-open .reaction-picker-choices-content {
  opacity: 1;
}

.reaction-picker-view .reaction-picker-choices-content > form {
  display: flex;
}

.reaction-picker-view .reaction-picker-choices-content button {
  border-width: 0 !important;
  min-width: calc((((var(--spacing-4) * 2) + var(--line-height-small-22)) + (var(--border-width-base) * 2)) - (var(--border-width-base) * 2)) !important;
  min-height: calc((((var(--spacing-4) * 2) + var(--line-height-small-22)) + (var(--border-width-base) * 2)) - (var(--border-width-base) * 2)) !important;
}

@media (max-width: 479px) {
  :root[data-phone-step='down'] .reaction-picker-view .reaction-picker-choices-content {
    grid-template-rows: calc((((var(--spacing-0) * 2) + var(--line-height-small-22)) + (var(--border-width-base) * 2)) - (var(--border-width-base) * 2)) !important;
  }

:root[data-phone-step='down'] .reaction-picker-view .reaction-picker-choices-content button {
    min-width: calc((((var(--spacing-0) * 2) + var(--line-height-small-22)) + (var(--border-width-base) * 2)) - (var(--border-width-base) * 2)) !important;
    min-height: calc((((var(--spacing-0) * 2) + var(--line-height-small-22)) + (var(--border-width-base) * 2)) - (var(--border-width-base) * 2)) !important;
  }
}

.reaction-picker-view .reaction-picker-settled .reaction-picker-choices-content {
  overflow: visible;
}

@media (prefers-reduced-motion: reduce) {
  .reaction-picker-view .reaction-picker-choices, .reaction-picker-view .reaction-picker-choices-content {
    transition: none !important;
  }
}

.reaction-picker-view .reaction-picker-choices-content button, .reaction-picker-view .reaction-picker-choices-content button * {
  font-family: var(--font-family-emoji) !important;
}