dd-segmented-toggle {
  display: inline-flex;
  gap: 2px;
  padding: 2px;
  border: 1px solid var(--dd-color-border);
  border-radius: var(--dd-radius-md);
  background: var(--dd-color-canvas);
}

dd-segmented-toggle button {
  min-height: 32px;
  padding: 4px 10px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--dd-color-text-muted);
  font: inherit;
}

dd-segmented-toggle button[aria-pressed="true"] {
  border-color: var(--dd-color-accent);
  background: rgb(124 255 107 / 12%);
  color: var(--dd-color-accent-strong);
  box-shadow: inset 0 -3px 0 var(--dd-color-accent);
}

dd-segmented-toggle button:focus-visible {
  outline: 2px solid var(--dd-color-focus);
  outline-offset: 1px;
}