:root {
  --md-status--draft: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M14.307 11.655a.75.75 0 0 1 .165 1.048 8 8 0 0 1-1.769 1.77.75.75 0 0 1-.883-1.214 6.6 6.6 0 0 0 1.44-1.439.75.75 0 0 1 1.047-.165m-2.652-9.962a.75.75 0 0 1 1.048-.165 8 8 0 0 1 1.77 1.769.75.75 0 0 1-1.214.883 6.6 6.6 0 0 0-1.439-1.44.75.75 0 0 1-.165-1.047M6.749.097a8 8 0 0 1 2.502 0 .75.75 0 1 1-.233 1.482 6.6 6.6 0 0 0-2.036 0A.751.751 0 0 1 6.749.097M.955 6.125a.75.75 0 0 1 .624.857 6.6 6.6 0 0 0 0 2.036.75.75 0 1 1-1.482.233 8 8 0 0 1 0-2.502.75.75 0 0 1 .858-.624m14.09 0a.75.75 0 0 1 .858.624c.13.829.13 1.673 0 2.502a.75.75 0 1 1-1.482-.233 6.6 6.6 0 0 0 0-2.036.75.75 0 0 1 .624-.857m-8.92 8.92a.75.75 0 0 1 .857-.624 6.6 6.6 0 0 0 2.036 0 .75.75 0 1 1 .233 1.482c-.829.13-1.673.13-2.502 0a.75.75 0 0 1-.624-.858m-4.432-3.39a.75.75 0 0 1 1.048.165 6.6 6.6 0 0 0 1.439 1.44.751.751 0 0 1-.883 1.212 8 8 0 0 1-1.77-1.769.75.75 0 0 1 .166-1.048m2.652-9.962A.75.75 0 0 1 4.18 2.74a6.6 6.6 0 0 0-1.44 1.44.751.751 0 0 1-1.212-.883 8 8 0 0 1 1.769-1.77.75.75 0 0 1 1.048.166"/></svg>');
  --md-status--done: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m4.59-12.42L10 14.17l-2.59-2.58L6 13l4 4 8-8z"/></svg>');
}

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

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