[data-tabs],
[data-panes] {
  --color: #000;
}

[data-tabs] {
  border-bottom: none;
  overflow-x: auto;
  display: flex;
}

[data-tabs]>[role="tab"] {
  all: unset;
  padding: 0.5rem 1rem;
  -webkit-appearance: button;
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 600;
  color: #858796;
  border-radius: 0.35rem;

  cursor: pointer;
  outline: none;
}

[data-tabs]>[role="tab"][aria-selected="true"] {
  color: #fff;
  background-color: #4e73df;
}


[data-panes] {
  border-top: none;
}

[data-panes]>* {
  font-weight: 600;
  outline: none;
  border: 1px solid transparent;
}

@media screen and (max-width: 460px) {
  [data-panes]>* {
    padding: 1rem;
  }
}