/* The SEPARATOR element: the bar's hairline divider. */

.sk-separator {
  align-self: stretch;
  width: var(--sk-border-width-min);
  margin-block: 0.35em;
  background: var(--sk-stroke);
}
/* The DOT look — a small centered dot instead of the hairline. */
.sk-separator[data-look="dot"] {
  align-self: center;
  width: 3px;
  height: 3px;
  margin-block: 0;
  border-radius: 999px;
  background: var(--sk-ink-muted);
}