/* src/dot/src/Dot.css */
.o-ui-dot {
  display: inline-flex;
  align-items: center;
  color: var(--hop-neutral-text);
}
.o-ui-dot:before {
  content: "";
  display: inline-block;
  border-radius: var(--hop-shape-circle);
  background-color: var(--o-ui-dot-color);
  min-width: 0.5em;
  min-height: 0.5em;
  font-size: var(--hop-body-sm-font-size);
}
.o-ui-dot-has-label.o-ui-dot:before {
  margin-right: var(--hop-space-inline-sm);
}
.o-ui-dot[disabled] {
  color: var(--hop-neutral-text-disabled);
}
.o-ui-dot[disabled]:before {
  opacity: var(--o-ui-disabled-opacity);
}

/* src/dot/src/index.css */