.dot{display:inline-flex;height:.65em;width:.65em;border-radius:100%;line-height:inherit;vertical-align:middle;margin-right:6px}.dot.purple{background:var(--text-deactive-dark)}.dot.yellow{background:var(--complementary-yellow)}.dot.green{background:var(--complementary-green)}.dot.red{background:var(--complementary-red)}