.tabs > menu {
  display: flex;
  flex-direction: row;
  margin: 0 2px;
}

.tabs > menu > button {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  min-width: 0;
  padding: 2px 10px 2px 10px;
  box-shadow: inset -1px 0 0 var(--button-dark), inset 1px 1px 0 var(--button-light), 
    inset -2px 0 0 var(--button-dark), inset 2px 2px 0 var(--button-light);
}

.tabs > menu > button:focus,
.tabs > menu > button:active {
  padding: 2px 10px 2px 10px;
}

.tabs > menu > button:focus:after {
  left: 8px;
  right: 8px;
}

.tabs > menu > button[aria-selected="true"] {
  margin-right: -2px;
  margin-left: -2px;
  margin-top: -2px;
  margin-bottom: -1px;
  padding: 0px 12px 4px 12px;
  background-color: var(--window-bg);
  color: var(--window-fg);
  box-shadow: none;
  z-index: 1;
}

.tabs > [role="tabpanel"] {
  border: 1px solid var(--border);
}