@mixin use-colored-marker($diameter) {
  width: $diameter + px;
  height: $diameter + px;
  border-radius: 50%;
}

@mixin use-flex-center() {
  display: flex;
  align-items: center;
  justify-content: center;
}

@mixin use-text-overflow-ellipsis() {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}