.toggleGroup {
  display: flex;
  background-color: var(--theme-elevation-100);
}

.toggleItem {
  flex: 1;
  border: none;
}

.toggleItem:not([data-pressed]) {
  cursor: pointer;
  opacity: 0.5;
}

.toggleItem:not([data-pressed]):hover {
  opacity: 1;
}

.toggleItem[data-pressed] {
  background-color: var(--theme-elevation-800);
  color: var(--theme-elevation-0);
}

.content {
  padding: 0.75rem;
}