/* Icons and emoji */
:root { --emoji-font: TwemojiCountryFlags, SegoeUIEmoji, 'Segoe UI Emoji', 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Symbol' }

.animated[data-emoji|=🫥] { content: url(/vendor/fluent-emoji/1fae5/animated.png) }

.fa-seedling { color: var(--green-9) !important }
.fa-message-smile { color: var(--blue-5) !important }
.fa-images { color: var(--orange-5) !important }
.fa-id-card { color: var(--red-5) !important }
.fa-comment-dots { color: var(--gray-6) !important }
.fa-clipboard { color: var(--violet-5) !important }

i.tiny { ---size: 1em }

:is(h1,h2,h3,h4,h5,h6) i {
  ---size: 1em;
  margin-right: .3em;
  &.fa-at, &:only-child {
    margin-right: 0;
    inline-size: auto
  }
}

h1 i:only-child { margin-block-start: 1rem }

#new-status-emoji, #status-emoji, :is(.status,.pic) .emoji {
  margin-bottom: auto;
  inline-size: 3.5rem;
  block-size: 3.5rem;
  font-size: 3.1rem;
  line-height: 3.5rem;
  text-indent: -6px
}

:not(#feed) > .pic .emoji { display: none }
.chip i { border-radius: 0 }

i[class*=fa-at] {
  vertical-align: unset;
  font-size: .75em
}

.editor-toolbar :is(.easymde-dropdown, button) { color: inherit }

.editor-toolbar i.separator {
  ---size: unset;
  opacity: .25;
  border-radius: 0
}