/*
	https://jimandreas.github.io/mkdocs-material/assets/stylesheets/src/assets/stylesheets/main/extensions/pymdownx/_tabbed.scss
*/

.tabbed-content {
  display: none;
  order: 99;
  width: 100%;
  /* box-shadow: 0 px2rem(-1px) var(--md-default-fg-color--lightest); */
  box-shadow: 0 px2rem(-1px) lightgray;
  border: 1px double gray;
  /* background-color: lightgray; */
  background-color: rgba(0,0,0,0);
  padding: 0.5em;
}
@media print {
  .tabbed-content {
    display: block;
    order: initial;
  }
}
.tabbed-content > pre:only-child, .tabbed-content > .highlight:only-child pre, .tabbed-content > .highlighttable:only-child {
  margin: 0;
}
.tabbed-content > pre:only-child > code, .tabbed-content > .highlight:only-child pre > code, .tabbed-content > .highlighttable:only-child > code {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.tabbed-content > .tabbed-set {
  margin: 0;
}
.tabbed-set {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 1em 0;
  width: 100%;
  border-radius: px2rem(2px);
}
.tabbed-set > input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
.tabbed-set > input:checked + label {
  /* color: var(--md-accent-fg-color); */
  color: green;
  /* border-color: var(--md-accent-fg-color); */
  /* border-bottom: 0.2em solid olivedrab; */
  border-bottom: 0.2em solid limegreen;
  background-color: #dddddd;
}
.tabbed-set > input:checked + label + .tabbed-content {
  display: block;
}
.tabbed-set > input:focus + label {
  outline-style: auto;
  /* outline-color: var(--md-accent-fg-color); */
  outline-color: lightgray;
}
.tabbed-set > input:not(.focus-visible) + label {
  outline: none;
  -webkit-tap-highlight-color: transparent;
}
.tabbed-set > label {
  z-index: 1;
  width: auto;
  /* padding: px2em(12px, 12.8px) 1.25em px2em(10px, 12.8px); */
  padding: 0.5em;
  margin: 0.5em;
  /* color: var(--md-default-fg-color--light); */
  color: olive;
  font-weight: 700;
  font-size: px2rem(12.8px);
  /* border-bottom: px2rem(2px) solid transparent; */
  /* border-bottom: 0.2em solid olive; */
  border-bottom: 0.2em solid green;
  background-color: #eeeeee;
  cursor: pointer;
  transition: color 250ms;
}
.tabbed-set > label:hover {
  /* color: var(--md-accent-fg-color); */
  color: yellowgreen;
}