:root {
  --focus-color: #097efb;
  --focus-color-dark-bg: #3b99fc;
}
@media (prefers-color-scheme: dark) {
  :root {
    --focus-color: #3b99fc;
    --focus-color-dark-bg: #097efb;
  }
}
#tabs h2 {
  margin: 0.3em 0;
}
.tabs__instructions {
  display: none;
}
.tabs--has-js .tabs__instructions {
  display: inherit;
  background: black;
  color: white;
  padding: 0.5em;
  margin-bottom: 0.7em;
}
.enable__is-dark-mode .tabs--has-js .tabs__instructions {
  background: #333366;
  color: #ffffcc;
}
[role="tablist"] {
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: #7da8d9;
  padding: 0.25em;
  margin: 0.3em 0 0.5em;
  border-radius: 0.75em;
}
[role="tablist"] li {
  display: flex;
  flex: 1;
  list-style: none;
  position: relative;
  /* float: left; */
  z-index: 1;
  align-items: center;
  background-color: transparent;
}
[role="tablist"] li [role="tab"] {
  flex: 1;
  font-size: 1em;
  font-weight: 700;
  text-align: center;
  text-shadow: none;
  color: #333;
  text-decoration: none;
  padding: 0.5em 0.5em 0.35em;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  cursor: pointer;
}
@media only screen and (min-width: 1px) and (max-width: 719px) {
  [role="tablist"] li [role="tab"] {
    font-size: 0.8em;
  }
}
[role="tablist"] li [role="tab"]:hover,
[role="tablist"] li [role="tab"]:focus,
[role="tablist"] li [role="tab"]:active {
  border-color: #999;
  outline-color: #1C1C1C;
  outline-width: 0.27em;
}
.enable__is-dark-mode [role="tablist"] li [role="tab"]:hover,
.enable__is-dark-mode [role="tablist"] li [role="tab"]:focus,
.enable__is-dark-mode [role="tablist"] li [role="tab"]:active {
  border-color: #999;
  outline-color: #ebebeb;
}
[role="tablist"] li [role="tab"]:focus {
  outline-offset: 4px;
}
[role="tablist"] li [role="tab"]:focus:not(:focus-visible) {
  outline: none;
}
[role="tablist"] li [role="tab"]:focus-visible {
  outline-offset: 4px;
}
[role="tablist"] li [role="tab"]:active {
  top: 2px;
}
[role="tablist"] li [role="tab"][aria-selected="true"] {
  background: #ffffff;
  color: #1457a3;
  font-weight: bold;
  border: solid 1px transparent;
}
.enable__is-dark-mode [role="tablist"] li [role="tab"][aria-selected="true"] {
  background: #ededed;
}
[role="tabpanel"] {
  position: relative;
  /*for z-index*/
  visibility: visible;
  clear: left;
  overflow: auto;
  padding: 0.5em 3em 2em;
  border-radius: 1em;
  z-index: 1;
  border: 2px solid #7da8d9;
  color: #1457a3;
}
[role="tabpanel"] a {
  color: #1457a3;
}
.enable__is-dark-mode [role="tabpanel"] {
  border: 2px solid #9a9a9a;
  color: #fff;
}
.enable__is-dark-mode [role="tabpanel"] a {
  color: #adcaf0;
}
[role="tabpanel"] p,
[role="tabpanel"] li {
  color: #151515;
}
.enable__is-dark-mode [role="tabpanel"] p,
.enable__is-dark-mode [role="tabpanel"] li {
  color: #ededed;
}
.tabs--has-js [role="tabpanel"] {
  display: none;
}
@media only screen and (min-width: 1px) and (max-width: 719px) {
  [role="tabpanel"] {
    border-radius: 0 1em 1em 1em;
  }
}
[role="tabpanel"].visible {
  display: block;
}
[role="tabpanel"] h2 {
  display: inline-block;
  font-weight: 600;
  color: #1457a3;
  border-bottom: none;
}
.enable__is-dark-mode [role="tabpanel"] h2 {
  color: #adcaf0;
}
[role="tabpanel"] ol {
  margin-bottom: 10px;
}
[role="tab"] {
  appearance: none;
}
/*# sourceMappingURL=tabs.css.map */