.groups-select-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.groups-select-row {
  display: flex;
  gap: 8px;
}

.groups-select-row div {
  background-color: $secondary-bg-color-light;
  border-radius: 10px;
  width: 50px;
  padding: 2px 0;
  text-align: center;
}

.groups-select-row div:hover {
  cursor: pointer;
  background-color: $secondary-color;
}

.groups-select-row .selected {
  background-color: $primary-color;
}

.events-container {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.events-container div {
  width: 100%;
}