/* Emoji -> simple outline icon that follows the colour of its surroundings, for every portal and every user.
   The icon is drawn by assets/js/no-emoji.js. Change the look here:
   --sf-icon-color  : line colour. currentColor = same colour as the surrounding text/icons (default).
                     Or force one colour for all, e.g. var(--pal-blue) or #03045E
   --sf-icon-stroke : line thickness (1.75 default; 1.5 thinner, 2 bolder)
   --sf-icon-size   : icon size relative to the surrounding text */
:root {
  --sf-icon-color: currentColor;
  --sf-icon-stroke: 1.75;
  --sf-icon-size: 1.15em;
}
.sf-emoji {
  display: inline-block;
  position: relative;
  width: var(--sf-icon-size);
  height: var(--sf-icon-size);
  vertical-align: -0.2em;
  line-height: 1;
  flex: none;
}
.sf-emoji svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: var(--sf-icon-color);
  stroke-width: var(--sf-icon-stroke);
  stroke-linecap: round;
  stroke-linejoin: round;
}
/* original emoji character kept for scripts that read textContent, never shown */
.sf-emoji-t { position: absolute; width: 0; height: 0; overflow: hidden; font-size: 0; opacity: 0; }