:root {
  --md-status--happy: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2M7 9.5C7 8.7 7.7 8 8.5 8s1.5.7 1.5 1.5S9.3 11 8.5 11 7 10.3 7 9.5m5 7.73c-1.75 0-3.29-.73-4.19-1.81L9.23 14c.45.72 1.52 1.23 2.77 1.23s2.32-.51 2.77-1.23l1.42 1.42c-.9 1.08-2.44 1.81-4.19 1.81M15.5 11c-.8 0-1.5-.7-1.5-1.5S14.7 8 15.5 8s1.5.7 1.5 1.5-.7 1.5-1.5 1.5Z"/></svg>');
  --md-status--done: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik03IDEyTDkuODkwNzUgMTQuODkwN1YxNC44OTA3QzkuOTUxMTQgMTQuOTUxIDEwLjA0OSAxNC45NTExIDEwLjEwOTQgMTQuODkwN1YxNC44OTA3TDE3IDgiIHN0cm9rZT0iIzMyMzIzMiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg==');
  --md-status--working: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyBmaWxsPSIjMDAwMDAwIiB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxOTIwIDE5MjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogICAgPHBhdGggZD0iTTk2MCAwYzUzMC4xOTMgMCA5NjAgNDI5LjgwNyA5NjAgOTYwcy00MjkuODA3IDk2MC05NjAgOTYwUzAgMTQ5MC4xOTMgMCA5NjAgNDI5LjgwNyAwIDk2MCAwWm0wIDEwMS4wNTNjLTQ3NC4zODQgMC04NTguOTQ3IDM4NC41NjMtODU4Ljk0NyA4NTguOTQ3UzQ4NS42MTYgMTgxOC45NDcgOTYwIDE4MTguOTQ3IDE4MTguOTQ3IDE0MzQuMzg0IDE4MTguOTQ3IDk2MCAxNDM0LjM4NCAxMDEuMDUzIDk2MCAxMDEuMDUzWm0tOS4zMiAxMjIxLjQ5Yy04MC4wMjQgMC0xNDUuMTI4IDY1LjEwNS0xNDUuMTI4IDE0NS4xMjkgMCA4MC4wMjQgNjUuMTA0IDE0NS4xMjggMTQ1LjEyOCAxNDUuMTI4IDgwLjAyNCAwIDE0NS4xMjgtNjUuMTA0IDE0NS4xMjgtMTQ1LjEyOCAwLTgwLjAyNC02NS4xMDQtMTQ1LjEyOC0xNDUuMTI4LTE0NS4xMjhabTE5Mi43ODUtOTY4Ljg1OWgtMzg1LjU3bDkzLjkwMSA4NTEuMzI3aDE5Ny43NjhsOTMuOTAxLTg1MS4zMjdaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4NCjwvc3ZnPg==');
}

.md-status--happy::after {
  mask-image: var(--md-status--happy);
  -webkit-mask-image: var(--md-status--happy);
}

.md-status--done::after {
  mask-image: var(--md-status--done);
}

.md-status--working::after {
  mask-image: var(--md-status--working);
}