/* =========================================================================
 * emoticons.css — custom emoji images.
 *
 * Used together with inc/emoticons.php, which wraps every known Unicode emoji
 * in <span class="emojified <name>" role="img" aria-label="…">[char]</span>.
 *
 * This file:
 *   1. Sizes the span and hides the inner character (so the OS emoji glyph
 *      isn't visible when our image loads).
 *   2. Sets a background-image per name from /assets/images/emoticons/<name>.png.
 *
 * Naming = Unicode CLDR short name, lowercased, hyphens. Image files must
 * match exactly, e.g. slightly-smiling-face.png.
 *
 * ========================================================================= */

.emojified {
	/* Stacking context so the ::before pseudo paints on top of the inner
	 * Unicode emoji (which is the graceful fallback when the SVG fails to load). */
	position: relative;
	display: inline-block;
	width: 1.25em;
	height: 1.25em;
	vertical-align: -0.2em;
	line-height: 1.25em;
	text-align: center;
	overflow: hidden;
	/* The inner Unicode char renders at full size — it serves as the visual
	 * fallback. The ::before below paints the SVG over it whenever the file
	 * is present; if the request 404s, the pseudo is transparent and the OS
	 * emoji shows through. */
}

.emojified::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image: var(--emo-bg, none);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	/* The pseudo only covers the underlying emoji when an actual SVG paints
	 * here. If --emo-bg is `none` or the file 404s, the pseudo paints nothing
	 * and the parent's text content (the Unicode emoji) is visible. */
}

/* -------- Smileys -------- */
.emojified.grinning-face                       { --emo-bg: url("../images/emoticons/grinning-face.svg"); }
.emojified.grinning-face-with-big-eyes         { --emo-bg: url("../images/emoticons/grinning-face-with-big-eyes.svg"); }
.emojified.grinning-face-with-smiling-eyes     { --emo-bg: url("../images/emoticons/grinning-face-with-smiling-eyes.svg"); }
.emojified.beaming-face-with-smiling-eyes      { --emo-bg: url("../images/emoticons/beaming-face-with-smiling-eyes.svg"); }
.emojified.grinning-squinting-face             { --emo-bg: url("../images/emoticons/grinning-squinting-face.svg"); }
.emojified.grinning-face-with-sweat            { --emo-bg: url("../images/emoticons/grinning-face-with-sweat.svg"); }
.emojified.rolling-on-the-floor-laughing       { --emo-bg: url("../images/emoticons/rolling-on-the-floor-laughing.svg"); }
.emojified.face-with-tears-of-joy              { --emo-bg: url("../images/emoticons/face-with-tears-of-joy.svg"); }
.emojified.slightly-smiling-face               { --emo-bg: url("../images/emoticons/slightly-smiling-face.svg"); }
.emojified.upside-down-face                    { --emo-bg: url("../images/emoticons/upside-down-face.svg"); }
.emojified.winking-face                        { --emo-bg: url("../images/emoticons/winking-face.svg"); }
.emojified.smiling-face-with-smiling-eyes      { --emo-bg: url("../images/emoticons/smiling-face-with-smiling-eyes.svg"); }
.emojified.smiling-face-with-halo              { --emo-bg: url("../images/emoticons/smiling-face-with-halo.svg"); }

/* -------- Love -------- */
.emojified.smiling-face-with-hearts            { --emo-bg: url("../images/emoticons/smiling-face-with-hearts.svg"); }
.emojified.smiling-face-with-heart-eyes        { --emo-bg: url("../images/emoticons/smiling-face-with-heart-eyes.svg"); }
.emojified.star-struck                         { --emo-bg: url("../images/emoticons/star-struck.svg"); }
.emojified.face-blowing-a-kiss                 { --emo-bg: url("../images/emoticons/face-blowing-a-kiss.svg"); }
.emojified.kissing-face                        { --emo-bg: url("../images/emoticons/kissing-face.svg"); }
.emojified.kissing-face-with-closed-eyes       { --emo-bg: url("../images/emoticons/kissing-face-with-closed-eyes.svg"); }
.emojified.kissing-face-with-smiling-eyes      { --emo-bg: url("../images/emoticons/kissing-face-with-smiling-eyes.svg"); }

/* -------- Tongue -------- */
.emojified.face-savoring-food                  { --emo-bg: url("../images/emoticons/face-savoring-food.svg"); }
.emojified.face-with-tongue                    { --emo-bg: url("../images/emoticons/face-with-tongue.svg"); }
.emojified.winking-face-with-tongue            { --emo-bg: url("../images/emoticons/winking-face-with-tongue.svg"); }
.emojified.zany-face                           { --emo-bg: url("../images/emoticons/zany-face.svg"); }
.emojified.squinting-face-with-tongue          { --emo-bg: url("../images/emoticons/squinting-face-with-tongue.svg"); }

/* -------- Cool / nerd / thinking -------- */
.emojified.smiling-face-with-sunglasses        { --emo-bg: url("../images/emoticons/smiling-face-with-sunglasses.svg"); }
.emojified.nerd-face                           { --emo-bg: url("../images/emoticons/nerd-face.svg"); }
.emojified.face-with-monocle                   { --emo-bg: url("../images/emoticons/face-with-monocle.svg"); }
.emojified.thinking-face                       { --emo-bg: url("../images/emoticons/thinking-face.svg"); }
.emojified.face-with-raised-eyebrow            { --emo-bg: url("../images/emoticons/face-with-raised-eyebrow.svg"); }
.emojified.smirking-face                       { --emo-bg: url("../images/emoticons/smirking-face.svg"); }
.emojified.neutral-face                        { --emo-bg: url("../images/emoticons/neutral-face.svg"); }
.emojified.expressionless-face                 { --emo-bg: url("../images/emoticons/expressionless-face.svg"); }
.emojified.face-without-mouth                  { --emo-bg: url("../images/emoticons/face-without-mouth.svg"); }
.emojified.face-with-rolling-eyes              { --emo-bg: url("../images/emoticons/face-with-rolling-eyes.svg"); }
.emojified.grimacing-face                      { --emo-bg: url("../images/emoticons/grimacing-face.svg"); }
.emojified.lying-face                          { --emo-bg: url("../images/emoticons/lying-face.svg"); }

/* -------- Sleepy / unwell -------- */
.emojified.sleepy-face                         { --emo-bg: url("../images/emoticons/sleepy-face.svg"); }
.emojified.sleeping-face                       { --emo-bg: url("../images/emoticons/sleeping-face.svg"); }
.emojified.drooling-face                       { --emo-bg: url("../images/emoticons/drooling-face.svg"); }
.emojified.face-with-medical-mask              { --emo-bg: url("../images/emoticons/face-with-medical-mask.svg"); }
.emojified.face-with-thermometer               { --emo-bg: url("../images/emoticons/face-with-thermometer.svg"); }
.emojified.face-with-head-bandage              { --emo-bg: url("../images/emoticons/face-with-head-bandage.svg"); }
.emojified.nauseated-face                      { --emo-bg: url("../images/emoticons/nauseated-face.svg"); }
.emojified.face-vomiting                       { --emo-bg: url("../images/emoticons/face-vomiting.svg"); }
.emojified.sneezing-face                       { --emo-bg: url("../images/emoticons/sneezing-face.svg"); }
.emojified.hot-face                            { --emo-bg: url("../images/emoticons/hot-face.svg"); }
.emojified.cold-face                           { --emo-bg: url("../images/emoticons/cold-face.svg"); }
.emojified.dizzy-face                          { --emo-bg: url("../images/emoticons/dizzy-face.svg"); }
.emojified.exploding-head                      { --emo-bg: url("../images/emoticons/exploding-head.svg"); }

/* -------- Negative -------- */
.emojified.confused-face                       { --emo-bg: url("../images/emoticons/confused-face.svg"); }
.emojified.worried-face                        { --emo-bg: url("../images/emoticons/worried-face.svg"); }
.emojified.slightly-frowning-face              { --emo-bg: url("../images/emoticons/slightly-frowning-face.svg"); }
.emojified.frowning-face                       { --emo-bg: url("../images/emoticons/frowning-face.svg"); }
.emojified.face-with-open-mouth                { --emo-bg: url("../images/emoticons/face-with-open-mouth.svg"); }
.emojified.hushed-face                         { --emo-bg: url("../images/emoticons/hushed-face.svg"); }
.emojified.astonished-face                     { --emo-bg: url("../images/emoticons/astonished-face.svg"); }
.emojified.flushed-face                        { --emo-bg: url("../images/emoticons/flushed-face.svg"); }
.emojified.pleading-face                       { --emo-bg: url("../images/emoticons/pleading-face.svg"); }
.emojified.frowning-face-with-open-mouth       { --emo-bg: url("../images/emoticons/frowning-face-with-open-mouth.svg"); }
.emojified.anguished-face                      { --emo-bg: url("../images/emoticons/anguished-face.svg"); }
.emojified.fearful-face                        { --emo-bg: url("../images/emoticons/fearful-face.svg"); }
.emojified.anxious-face-with-sweat             { --emo-bg: url("../images/emoticons/anxious-face-with-sweat.svg"); }
.emojified.sad-but-relieved-face               { --emo-bg: url("../images/emoticons/sad-but-relieved-face.svg"); }
.emojified.crying-face                         { --emo-bg: url("../images/emoticons/crying-face.svg"); }
.emojified.loudly-crying-face                  { --emo-bg: url("../images/emoticons/loudly-crying-face.svg"); }
.emojified.face-screaming-in-fear              { --emo-bg: url("../images/emoticons/face-screaming-in-fear.svg"); }
.emojified.confounded-face                     { --emo-bg: url("../images/emoticons/confounded-face.svg"); }
.emojified.persevering-face                    { --emo-bg: url("../images/emoticons/persevering-face.svg"); }
.emojified.disappointed-face                   { --emo-bg: url("../images/emoticons/disappointed-face.svg"); }
.emojified.downcast-face-with-sweat            { --emo-bg: url("../images/emoticons/downcast-face-with-sweat.svg"); }
.emojified.weary-face                          { --emo-bg: url("../images/emoticons/weary-face.svg"); }
.emojified.tired-face                          { --emo-bg: url("../images/emoticons/tired-face.svg"); }
.emojified.yawning-face                        { --emo-bg: url("../images/emoticons/yawning-face.svg"); }
.emojified.face-with-steam-from-nose           { --emo-bg: url("../images/emoticons/face-with-steam-from-nose.svg"); }
.emojified.pouting-face                        { --emo-bg: url("../images/emoticons/pouting-face.svg"); }
.emojified.angry-face                          { --emo-bg: url("../images/emoticons/angry-face.svg"); }
.emojified.face-with-symbols-on-mouth          { --emo-bg: url("../images/emoticons/face-with-symbols-on-mouth.svg"); }

/* -------- Costume / monsters -------- */
.emojified.cowboy-hat-face                     { --emo-bg: url("../images/emoticons/cowboy-hat-face.svg"); }
.emojified.partying-face                       { --emo-bg: url("../images/emoticons/partying-face.svg"); }
.emojified.smiling-face-with-horns             { --emo-bg: url("../images/emoticons/smiling-face-with-horns.svg"); }
.emojified.angry-face-with-horns               { --emo-bg: url("../images/emoticons/angry-face-with-horns.svg"); }
.emojified.skull                               { --emo-bg: url("../images/emoticons/skull.svg"); }
.emojified.skull-and-crossbones                { --emo-bg: url("../images/emoticons/skull-and-crossbones.svg"); }
.emojified.ghost                               { --emo-bg: url("../images/emoticons/ghost.svg"); }
.emojified.alien                               { --emo-bg: url("../images/emoticons/alien.svg"); }
.emojified.alien-monster                       { --emo-bg: url("../images/emoticons/alien-monster.svg"); }
.emojified.robot                               { --emo-bg: url("../images/emoticons/robot.svg"); }

/* -------- Hand gestures -------- */
.emojified.waving-hand                         { --emo-bg: url("../images/emoticons/waving-hand.svg"); }
.emojified.raised-back-of-hand                 { --emo-bg: url("../images/emoticons/raised-back-of-hand.svg"); }
.emojified.raised-hand                         { --emo-bg: url("../images/emoticons/raised-hand.svg"); }
.emojified.vulcan-salute                       { --emo-bg: url("../images/emoticons/vulcan-salute.svg"); }
.emojified.ok-hand                             { --emo-bg: url("../images/emoticons/ok-hand.svg"); }
.emojified.pinched-fingers                     { --emo-bg: url("../images/emoticons/pinched-fingers.svg"); }
.emojified.pinching-hand                       { --emo-bg: url("../images/emoticons/pinching-hand.svg"); }
.emojified.victory-hand                        { --emo-bg: url("../images/emoticons/victory-hand.svg"); }
.emojified.crossed-fingers                     { --emo-bg: url("../images/emoticons/crossed-fingers.svg"); }
.emojified.love-you-gesture                    { --emo-bg: url("../images/emoticons/love-you-gesture.svg"); }
.emojified.sign-of-the-horns                   { --emo-bg: url("../images/emoticons/sign-of-the-horns.svg"); }
.emojified.call-me-hand                        { --emo-bg: url("../images/emoticons/call-me-hand.svg"); }
.emojified.backhand-index-pointing-left        { --emo-bg: url("../images/emoticons/backhand-index-pointing-left.svg"); }
.emojified.backhand-index-pointing-right       { --emo-bg: url("../images/emoticons/backhand-index-pointing-right.svg"); }
.emojified.backhand-index-pointing-up          { --emo-bg: url("../images/emoticons/backhand-index-pointing-up.svg"); }
.emojified.backhand-index-pointing-down        { --emo-bg: url("../images/emoticons/backhand-index-pointing-down.svg"); }
.emojified.index-pointing-up                   { --emo-bg: url("../images/emoticons/index-pointing-up.svg"); }
.emojified.thumbs-up                           { --emo-bg: url("../images/emoticons/thumbs-up.svg"); }
.emojified.thumbs-down                         { --emo-bg: url("../images/emoticons/thumbs-down.svg"); }
.emojified.raised-fist                         { --emo-bg: url("../images/emoticons/raised-fist.svg"); }
.emojified.oncoming-fist                       { --emo-bg: url("../images/emoticons/oncoming-fist.svg"); }
.emojified.left-facing-fist                    { --emo-bg: url("../images/emoticons/left-facing-fist.svg"); }
.emojified.right-facing-fist                   { --emo-bg: url("../images/emoticons/right-facing-fist.svg"); }
.emojified.clapping-hands                      { --emo-bg: url("../images/emoticons/clapping-hands.svg"); }
.emojified.raising-hands                       { --emo-bg: url("../images/emoticons/raising-hands.svg"); }
.emojified.open-hands                          { --emo-bg: url("../images/emoticons/open-hands.svg"); }
.emojified.palms-up-together                   { --emo-bg: url("../images/emoticons/palms-up-together.svg"); }
.emojified.handshake                           { --emo-bg: url("../images/emoticons/handshake.svg"); }
.emojified.folded-hands                        { --emo-bg: url("../images/emoticons/folded-hands.svg"); }
.emojified.writing-hand                        { --emo-bg: url("../images/emoticons/writing-hand.svg"); }
.emojified.flexed-biceps                       { --emo-bg: url("../images/emoticons/flexed-biceps.svg"); }

/* -------- Hearts -------- */
.emojified.red-heart                           { --emo-bg: url("../images/emoticons/red-heart.svg"); }
.emojified.orange-heart                        { --emo-bg: url("../images/emoticons/orange-heart.svg"); }
.emojified.yellow-heart                        { --emo-bg: url("../images/emoticons/yellow-heart.svg"); }
.emojified.green-heart                         { --emo-bg: url("../images/emoticons/green-heart.svg"); }
.emojified.blue-heart                          { --emo-bg: url("../images/emoticons/blue-heart.svg"); }
.emojified.purple-heart                        { --emo-bg: url("../images/emoticons/purple-heart.svg"); }
.emojified.black-heart                         { --emo-bg: url("../images/emoticons/black-heart.svg"); }
.emojified.white-heart                         { --emo-bg: url("../images/emoticons/white-heart.svg"); }
.emojified.brown-heart                         { --emo-bg: url("../images/emoticons/brown-heart.svg"); }
.emojified.broken-heart                        { --emo-bg: url("../images/emoticons/broken-heart.svg"); }
.emojified.heart-exclamation                   { --emo-bg: url("../images/emoticons/heart-exclamation.svg"); }
.emojified.two-hearts                          { --emo-bg: url("../images/emoticons/two-hearts.svg"); }
.emojified.revolving-hearts                    { --emo-bg: url("../images/emoticons/revolving-hearts.svg"); }
.emojified.beating-heart                       { --emo-bg: url("../images/emoticons/beating-heart.svg"); }
.emojified.growing-heart                       { --emo-bg: url("../images/emoticons/growing-heart.svg"); }
.emojified.sparkling-heart                     { --emo-bg: url("../images/emoticons/sparkling-heart.svg"); }
.emojified.heart-with-arrow                    { --emo-bg: url("../images/emoticons/heart-with-arrow.svg"); }
.emojified.heart-with-ribbon                   { --emo-bg: url("../images/emoticons/heart-with-ribbon.svg"); }

/* -------- Tech / objects -------- */
.emojified.laptop                              { --emo-bg: url("../images/emoticons/laptop.svg"); }
.emojified.desktop-computer                    { --emo-bg: url("../images/emoticons/desktop-computer.svg"); }
.emojified.keyboard                            { --emo-bg: url("../images/emoticons/keyboard.svg"); }
.emojified.computer-mouse                      { --emo-bg: url("../images/emoticons/computer-mouse.svg"); }
.emojified.printer                             { --emo-bg: url("../images/emoticons/printer.svg"); }
.emojified.floppy-disk                         { --emo-bg: url("../images/emoticons/floppy-disk.svg"); }
.emojified.optical-disk                        { --emo-bg: url("../images/emoticons/optical-disk.svg"); }
.emojified.dvd                                 { --emo-bg: url("../images/emoticons/dvd.svg"); }
.emojified.mobile-phone                        { --emo-bg: url("../images/emoticons/mobile-phone.svg"); }
.emojified.telephone-receiver                  { --emo-bg: url("../images/emoticons/telephone-receiver.svg"); }
.emojified.battery                             { --emo-bg: url("../images/emoticons/battery.svg"); }
.emojified.electric-plug                       { --emo-bg: url("../images/emoticons/electric-plug.svg"); }
.emojified.rocket                              { --emo-bg: url("../images/emoticons/rocket.svg"); }
.emojified.satellite                           { --emo-bg: url("../images/emoticons/satellite.svg"); }
.emojified.light-bulb                          { --emo-bg: url("../images/emoticons/light-bulb.svg"); }
.emojified.flashlight                          { --emo-bg: url("../images/emoticons/flashlight.svg"); }
.emojified.wrench                              { --emo-bg: url("../images/emoticons/wrench.svg"); }
.emojified.hammer                              { --emo-bg: url("../images/emoticons/hammer.svg"); }
.emojified.gear                                { --emo-bg: url("../images/emoticons/gear.svg"); }
.emojified.package                             { --emo-bg: url("../images/emoticons/package.svg"); }
.emojified.books                               { --emo-bg: url("../images/emoticons/books.svg"); }
.emojified.open-book                           { --emo-bg: url("../images/emoticons/open-book.svg"); }
.emojified.memo                                { --emo-bg: url("../images/emoticons/memo.svg"); }
.emojified.clipboard                           { --emo-bg: url("../images/emoticons/clipboard.svg"); }
.emojified.calendar                            { --emo-bg: url("../images/emoticons/calendar.svg"); }
.emojified.bar-chart                           { --emo-bg: url("../images/emoticons/bar-chart.svg"); }
.emojified.chart-increasing                    { --emo-bg: url("../images/emoticons/chart-increasing.svg"); }
.emojified.chart-decreasing                    { --emo-bg: url("../images/emoticons/chart-decreasing.svg"); }
.emojified.magnifying-glass-tilted-left        { --emo-bg: url("../images/emoticons/magnifying-glass-tilted-left.svg"); }
.emojified.magnifying-glass-tilted-right       { --emo-bg: url("../images/emoticons/magnifying-glass-tilted-right.svg"); }
.emojified.locked                              { --emo-bg: url("../images/emoticons/locked.svg"); }
.emojified.unlocked                            { --emo-bg: url("../images/emoticons/unlocked.svg"); }
.emojified.key                                 { --emo-bg: url("../images/emoticons/key.svg"); }
.emojified.pushpin                             { --emo-bg: url("../images/emoticons/pushpin.svg"); }
.emojified.round-pushpin                       { --emo-bg: url("../images/emoticons/round-pushpin.svg"); }
.emojified.paperclip                           { --emo-bg: url("../images/emoticons/paperclip.svg"); }
.emojified.envelope                            { --emo-bg: url("../images/emoticons/envelope.svg"); }
.emojified.e-mail                              { --emo-bg: url("../images/emoticons/e-mail.svg"); }

/* -------- Nature / weather -------- */
.emojified.star                                { --emo-bg: url("../images/emoticons/star.svg"); }
.emojified.glowing-star                        { --emo-bg: url("../images/emoticons/glowing-star.svg"); }
.emojified.sparkles                            { --emo-bg: url("../images/emoticons/sparkles.svg"); }
.emojified.high-voltage                        { --emo-bg: url("../images/emoticons/high-voltage.svg"); }
.emojified.fire                                { --emo-bg: url("../images/emoticons/fire.svg"); }
.emojified.collision                           { --emo-bg: url("../images/emoticons/collision.svg"); }
.emojified.droplet                             { --emo-bg: url("../images/emoticons/droplet.svg"); }
.emojified.rainbow                             { --emo-bg: url("../images/emoticons/rainbow.svg"); }
.emojified.sun                                 { --emo-bg: url("../images/emoticons/sun.svg"); }
.emojified.crescent-moon                       { --emo-bg: url("../images/emoticons/crescent-moon.svg"); }
.emojified.cloud                               { --emo-bg: url("../images/emoticons/cloud.svg"); }
.emojified.umbrella                            { --emo-bg: url("../images/emoticons/umbrella.svg"); }

/* -------- Marks / status -------- */
.emojified.check-mark                          { --emo-bg: url("../images/emoticons/check-mark.svg"); }
.emojified.check-mark-button                   { --emo-bg: url("../images/emoticons/check-mark-button.svg"); }
.emojified.cross-mark                          { --emo-bg: url("../images/emoticons/cross-mark.svg"); }
.emojified.cross-mark-button                   { --emo-bg: url("../images/emoticons/cross-mark-button.svg"); }
.emojified.warning                             { --emo-bg: url("../images/emoticons/warning.svg"); }
.emojified.prohibited                          { --emo-bg: url("../images/emoticons/prohibited.svg"); }
.emojified.hollow-red-circle                   { --emo-bg: url("../images/emoticons/hollow-red-circle.svg"); }
.emojified.red-exclamation-mark                { --emo-bg: url("../images/emoticons/red-exclamation-mark.svg"); }
.emojified.red-question-mark                   { --emo-bg: url("../images/emoticons/red-question-mark.svg"); }
.emojified.white-exclamation-mark              { --emo-bg: url("../images/emoticons/white-exclamation-mark.svg"); }
.emojified.white-question-mark                 { --emo-bg: url("../images/emoticons/white-question-mark.svg"); }
.emojified.hundred-points                      { --emo-bg: url("../images/emoticons/hundred-points.svg"); }
.emojified.bell                                { --emo-bg: url("../images/emoticons/bell.svg"); }
.emojified.bell-with-slash                     { --emo-bg: url("../images/emoticons/bell-with-slash.svg"); }

/* -------- Arrows -------- */
.emojified.up-arrow                            { --emo-bg: url("../images/emoticons/up-arrow.svg"); }
.emojified.down-arrow                          { --emo-bg: url("../images/emoticons/down-arrow.svg"); }
.emojified.left-arrow                          { --emo-bg: url("../images/emoticons/left-arrow.svg"); }
.emojified.right-arrow                         { --emo-bg: url("../images/emoticons/right-arrow.svg"); }
.emojified.up-right-arrow                      { --emo-bg: url("../images/emoticons/up-right-arrow.svg"); }
.emojified.down-right-arrow                    { --emo-bg: url("../images/emoticons/down-right-arrow.svg"); }
.emojified.down-left-arrow                     { --emo-bg: url("../images/emoticons/down-left-arrow.svg"); }
.emojified.up-left-arrow                       { --emo-bg: url("../images/emoticons/up-left-arrow.svg"); }
.emojified.up-down-arrow                       { --emo-bg: url("../images/emoticons/up-down-arrow.svg"); }
.emojified.left-right-arrow                    { --emo-bg: url("../images/emoticons/left-right-arrow.svg"); }
.emojified.right-arrow-curving-left            { --emo-bg: url("../images/emoticons/right-arrow-curving-left.svg"); }
.emojified.left-arrow-curving-right            { --emo-bg: url("../images/emoticons/left-arrow-curving-right.svg"); }
.emojified.clockwise-vertical-arrows           { --emo-bg: url("../images/emoticons/clockwise-vertical-arrows.svg"); }
.emojified.counterclockwise-arrows-button      { --emo-bg: url("../images/emoticons/counterclockwise-arrows-button.svg"); }
.emojified.upwards-button                      { --emo-bg: url("../images/emoticons/upwards-button.svg"); }
.emojified.downwards-button                    { --emo-bg: url("../images/emoticons/downwards-button.svg"); }

/* -------- Celebration -------- */
.emojified.party-popper                        { --emo-bg: url("../images/emoticons/party-popper.svg"); }
.emojified.confetti-ball                       { --emo-bg: url("../images/emoticons/confetti-ball.svg"); }
.emojified.wrapped-gift                        { --emo-bg: url("../images/emoticons/wrapped-gift.svg"); }
.emojified.trophy                              { --emo-bg: url("../images/emoticons/trophy.svg"); }
.emojified.first-place-medal                   { --emo-bg: url("../images/emoticons/first-place-medal.svg"); }
.emojified.second-place-medal                  { --emo-bg: url("../images/emoticons/second-place-medal.svg"); }
.emojified.third-place-medal                   { --emo-bg: url("../images/emoticons/third-place-medal.svg"); }
.emojified.sports-medal                        { --emo-bg: url("../images/emoticons/sports-medal.svg"); }
.emojified.military-medal                      { --emo-bg: url("../images/emoticons/military-medal.svg"); }
.emojified.direct-hit                          { --emo-bg: url("../images/emoticons/direct-hit.svg"); }