/*! tabbyjs v12.0.3 | (c) 2019 Chris Ferdinandi | MIT License | http://github.com/cferdinandi/tabby */
[role="tablist"] {
  background-color: #f7f7f7;
  /* border: 1px solid #eee; */
  border-bottom: 1px solid #e4393c;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 16px;
}
[role="tablist"] * {
  box-sizing: border-box;
}
[role="tabpanel"] {
    margin-top: 20px;
}

@media (min-width: 30em) {
  [role="tablist"] li {
    display: inline-block;
  }
}
[role="tab"] {
  border: 1px solid transparent;
  border-top-color: #d3d3d3;
  display: block;
  padding: 0.5em 1em;
  text-decoration: none;
}
@media (min-width: 30em) {
  [role="tab"] {
    border-top-color: transparent;
    /* border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em; */
    display: inline-block;
    margin-bottom: -1px;
  }
}
[role="tab"][aria-selected="true"] {
  background-color: #d3d3d3;
}
@media (min-width: 30em) {
  [role="tab"][aria-selected="true"] {
    background-color: #e4393c;
    color: white;
    /* border: 1px solid #d3d3d3; */
    /* border-bottom-color: #fff; */
  }
}
[role="tab"]:hover:not([aria-selected="true"]) {
  background-color: #f7f7f7;
}
@media (min-width: 30em) {
  [role="tab"]:hover:not([aria-selected="true"]) {
    border: 1px solid #d3d3d3;
  }
}
[hidden] {
  display: none;
}