.d-view-indicator {
  display: block;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  cursor: default;
  line-height: 0.43em;
  touch-action: none;
}
.d-view-indicator * {
  display: inline-block;
}
.-d-view-indicator-dot {
  padding: 0.43em;
}
.-d-view-indicator-dot::before {
  color: #999999;
  content: "\25CF";
}
.d-hc .-d-view-indicator-dot::before {
  content: "\25CB";
}
.-d-view-indicator-dot-selected::before {
  color: white;
}
.d-hc .-d-view-indicator-dot-selected::before {
  content: "\25CF";
}