Emojipedia: large emoji in different fonts by myfonj

/* ==UserStyle==
@name           Emojipedia: large emoji in different fonts
@namespace      myfonj
@author         myfonj
@author         X1011_
@description    Enlarges emoji characters for better visibility and uses different fonts according mouse cursor. Intended for Firefox 115+ on Windows.
@version        1.0.0
@license        CC BY-NC-SA - Creative Commons Attribution-NonCommercial-ShareAlike
==/UserStyle== */
@-moz-document domain("emojipedia.org") {
/*
https://userstyles.world/style/10592

Changelog
1.0.0 (2023-06-26) Init

Features
- 50px emojis
- In "monochrome" variant (if available) while unhovered.
- In "colourful" system emoji font (default).
- In "twitter" while LMB pressed.

Credits / Attribution:
Originally started from https://userstyles.org/styles/106270/emojipedia-large-emoji by X1011_
*/
.emoji {
 /* Larger */
 font-size: 50px;
 line-height: 60px;
 min-width: 80px;
 display: inline-block;
 /* Segoe UI stack*/
 font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol" !important;
 /* Lighter background in dark mode for visible outlines */
 @media (prefers-color-scheme: dark) {
  & {
   background-color: #333;
  }
 }
 /* Twemoji when body:active */
 body:active:not(:has(:any-link:active)) & {
  font-family: "twemoji mozilla" !important;
  @media (prefers-color-scheme: dark) {
   & {
    background-color: #666;
   }
  }
 }
 /* Monochrome
 no support for, so we rely on vs15 on ::after
 https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-emoji
 */
 body:not(:hover) & {
  font-family: "Segoe UI Symbol" !important;
  font-variant-emoji: text !important;
  &::after {
   content: '\00FE0E' !important;
  }
 }
}

/* Different background for shots*/
.vendor-image img:hover {
 background-color: #999;
}

}