.ctr-forum-emotes__palette.ctr-forum-emotes__palette--art:not([hidden]) {
  display: grid !important;
  grid-template-columns: repeat(9, 42px);
  gap: 4px;
  width: max-content;
  max-width: 100%;
  align-items: center;
}

.ctr-forum-emotes__palette--art .ctr-forum-emotes__item {
  display: inline-flex;
  width: 42px;
  height: 42px;
  padding: 3px;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
}

.ctr-forum-emotes__palette--art .ctr-forum-emotes__item:hover,
.ctr-forum-emotes__palette--art .ctr-forum-emotes__item:focus-visible {
  background: rgb(204 157 83 / 18%);
  outline: 1px solid rgb(224 179 102 / 65%);
}

.ctr-forum-emotes__item--art img {
  display: block;
  width: 34px !important;
  height: 34px !important;
  max-width: none;
  object-fit: contain;
}

.ctr-forum-emotes__item--candle img {
  width: 35px !important;
  height: 47px !important;
  object-fit: contain;
}

img.ctr-forum-emote {
  display: inline-block;
  width: 1.55em;
  height: 1.55em;
  max-width: none;
  margin: 0 .06em;
  vertical-align: -.38em;
  object-fit: contain;
}

img.ctr-forum-emote--candle {
  width: 2.6em;
  height: 3.5em;
  vertical-align: -1.2em;
}

#bbpress-forums .ctr-compose-tools .ctr-forum-emotes__palette--inline .ctr-forum-emotes__item--candle img {
  width: 35px !important;
  height: 47px !important;
  transform: scale(1.75);
  pointer-events: none;
}

/* Make the reply and topic composers use the same palette as the post cards. */
#bbpress-forums .bbp-reply-form,
#bbpress-forums .bbp-topic-form {
  --ctr-compose-card: #51475b;
  --ctr-compose-soft: #594e62;
  --ctr-compose-field: #62566b;
  --ctr-compose-text: #f2e6cb;
  --ctr-compose-border: #a390ac;
}

html[data-theme="light"] #bbpress-forums .bbp-reply-form,
html[data-theme="light"] #bbpress-forums .bbp-topic-form {
  --ctr-compose-card: #f6f0f8;
  --ctr-compose-soft: #eee7f1;
  --ctr-compose-field: #fbf8fc;
  --ctr-compose-text: #332a33;
  --ctr-compose-border: #a596af;
}

#bbpress-forums .bbp-reply-form fieldset.bbp-form,
#bbpress-forums .bbp-topic-form fieldset.bbp-form {
  background: var(--ctr-compose-card) !important;
  color: var(--ctr-compose-text) !important;
  border-color: var(--ctr-compose-border) !important;
}

#bbpress-forums .bbp-reply-form .bbp-template-notice,
#bbpress-forums .bbp-topic-form .bbp-template-notice,
#bbpress-forums .bbp-reply-form .ctr-forum-editor-help,
#bbpress-forums .bbp-topic-form .ctr-forum-editor-help,
#bbpress-forums .bbp-reply-form .wp-editor-container,
#bbpress-forums .bbp-topic-form .wp-editor-container,
#bbpress-forums .bbp-reply-form .mce-toolbar-grp,
#bbpress-forums .bbp-topic-form .mce-toolbar-grp,
#bbpress-forums .bbp-reply-form .mce-statusbar,
#bbpress-forums .bbp-topic-form .mce-statusbar,
#bbpress-forums .bbp-reply-form .quicktags-toolbar,
#bbpress-forums .bbp-topic-form .quicktags-toolbar {
  background: var(--ctr-compose-soft) !important;
  color: var(--ctr-compose-text) !important;
  border-color: var(--ctr-compose-border) !important;
}

#bbpress-forums .bbp-reply-form .mce-edit-area,
#bbpress-forums .bbp-topic-form .mce-edit-area,
#bbpress-forums .bbp-reply-form textarea#bbp_reply_content,
#bbpress-forums .bbp-topic-form textarea#bbp_topic_content,
#bbpress-forums .bbp-reply-form fieldset.bbp-form input#bbp_topic_tags,
#bbpress-forums .bbp-topic-form fieldset.bbp-form input#bbp_topic_tags,
#bbpress-forums .bbp-reply-form input[type="text"],
#bbpress-forums .bbp-topic-form input[type="text"] {
  background: var(--ctr-compose-field) !important;
  color: var(--ctr-compose-text) !important;
  border-color: var(--ctr-compose-border) !important;
}

@media (max-width: 600px) {
  .ctr-forum-emotes__palette.ctr-forum-emotes__palette--art:not([hidden]) {
    grid-template-columns: repeat(5, 42px);
  }
}