/* Emoji: fire — generated by emojifavicons.com/css/fire */
:root {
 --emoji-fire: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ctext%20class%3D%22e%22%20x%3D%220%22%20y%3D%2214%22%20font-size%3D%2214%22%3E%F0%9F%94%A5%3C%2Ftext%3E%3C%2Fsvg%3E");
}

/* Usage examples: */

/* As background image */
.icon-fire {
 display: inline-block;
 width: 1em;
 height: 1em;
 background: var(--emoji-fire) no-repeat center / contain;
}

/* As list bullet */
ul.emoji-list {
 list-style-image: var(--emoji-fire);
}

/* As ::before pseudo-element */
.with-emoji::before {
 content: '';
 display: inline-block;
 width: 1.2em;
 height: 1.2em;
 margin-right: 0.3em;
 vertical-align: middle;
 background: var(--emoji-fire) no-repeat center / contain;
}

/* As custom cursor */
.emoji-cursor {
 cursor: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ctext%20class%3D%22e%22%20x%3D%220%22%20y%3D%2214%22%20font-size%3D%2214%22%3E%F0%9F%94%A5%3C%2Ftext%3E%3C%2Fsvg%3E") 12 12, auto;
}