/* Event Legend */
.event-legend-container {
  display: flex;
  flex-direction: row;
  column-gap: 3rem;
  justify-content: start;

  @media(width <=768px) {
    justify-content: center;
  }

}

/* flex-shrink-1 d-flex column-gap-1 rounded border border-secondary-subtle p-1 p-md-2 mb-2 */
.event-legend {
  flex-shrink: 1;

  display: flex;
  flex-direction: row;
  column-gap: 0.25rem;

  border-radius: 0.375rem;
  border: 1px solid var(--bs-secondary-border-subtle);

  font-size: 0.85rem;
  font-weight: 750;

  padding: 0.5rem;

  margin-bottom: 0.5rem;

  @media (width <=768px) {
    padding: 0.25rem;
  }
}

/* d-inline-block rounded rounded-1 text-center align-middle  */
.legend-item {
  display: inline-block;

  border-radius: 0.25rem;

  text-align: center;
  align-items: center;

  min-width: 1.3rem;
  min-height: 1.3rem;

  &.legend-has-item {
    color: var(--bs-success);
    background-color: rgba(var(--bs-success-rgb), 0.3);
  }

  &.legend-no-item {
    color: var(--bs-secondary-color);
    background-color: rgba(0, 0, 0, 0.1);
  }

  @media (width <=768px) {
    &::-webkit-scrollbar {
      display: none;
    }
  }
}