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.1.0
@license        CC BY-NC-SA - Creative Commons Attribution-NonCommercial-ShareAlike
==/UserStyle== */
@-moz-document domain("emojipedia.org") {
/*
https://userstyles.world/style/10592

Changelog
1.2.0 (2024-06-13) Some cleanup
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_
class="Emoji_emoji__6sYSR __variable_c30de8 Emoji_emoji-large__iiCJx !bg-transparent transform active:scale-75 transition-transform"
*/
main [class*="Emoji_emoji"],
.emoji {
 /* Larger */
 &[class*="Emoji_emoji-large"] {
  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;
  }
 }
}
/* Some cleaning */
*:has(>form[class*="Search_search"]) {
 & > *:not(form) {
  display: none !important;
 }
 margin: 0 !important;
 position: static !important;
}

*[class*="EmojiTimeline_emoji-timeline-pin-emoji-unicode__"],
*[class*="Container_container-wrapper"] {
 margin: 0 !important;
}
*[class*="EmojiTimeline_emoji-timeline-pin__"] {
 min-width: 0 !important;
 
}
*[class*="Tabs_tabs"] {
 position: static !important;
}

*[class*="SideSection_side-section"] {
 display: none; 
}

*[class^="EmojiTimeline_emoji-timeline-pins-list"] {
 gap: 0 !important;
 flex-direction: row !important;
 & > *:empty {
  display: none;
 }
 outline: #0FF6 solid; outline-offset: -2px;
}
/* Different background for shots*/
.vendor-image img:hover {
 background-color: #999;
}

}