/* Dot — auto-loaded for the dot snippet (site/snippets/ui/dot.php). Clipped to
   the inherited --shape (see the [data-shape] rules in main.css) and filled
   with the inherited --dot. */

.dot {
  display: block;
  width: var(--dot-size, var(--mark-size));
  height: var(--dot-size, var(--mark-size));
  clip-path: var(--shape, var(--shape-circle));
  background: var(--dot, #ccc);
}