[role="tablist"] {
  margin-top:15px;
  overflow: visible;
}

[role="tab"] {
  position: relative;
  margin: 0;
  padding: 0.3em 0.5em 0.4em;
  border: 1px solid hsl(219, 1%, 72%);
  border-radius: 0.2em 0.2em 0 0;
  overflow: visible;
  font-family: inherit;
  font-size: inherit;
}

[role="tab"][aria-selected="true"] {
  background: #0077a8;
  color: #fff !important;
  border: 1px solid #0077a8;
}

[role="tab"][aria-selected="true"]:not(:focus):not(:hover)::before {
  color:#fff;
}

[role="tab"]:hover,
[role="tab"]:focus,
[role="tab"]:active {
  outline: 0;
  border-radius: 0;
  color: inherit;
}

[role="tab"]:hover {
  background: #397f97;
  color:#fff;
}

[role="tab"]:active,
[role="tab"]:visited {
  color:#fff;
}

[role="tabpanel"].is-hidden {
  display: none;
}