.none {
	display: none;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  transition: 100ms;
}

.tab-header label {
	padding: 0 1em;
	cursor: pointer;
}

pre {
	margin-top: 0;
}

/* Aurora X */
html.ayu {
	--code-background-color: #191f26;
	--tab-color: #bbbbbb;
}

/* Gruvbox Light Hard */
html.rust {
	--code-background-color: #f6f7f6;
	--tab-color: #3c3836;
}

code {
	background-color: var(--code-background-color);
}

.tab-header label:has(input:checked) {
	background-color: var(--code-background-color);
	color: var(--tab-color);
}

html.rust .shiki,
html.rust .shiki span {
  color: var(--shiki-light);
  /* background-color: var(--shiki-light-bg); */
  /* Optional, if you also want font styles */
  font-style: var(--shiki-light-font-style);
  font-weight: var(--shiki-light-font-weight);
  text-decoration: var(--shiki-light-text-decoration);
}

html.ayu .shiki,
html.ayu .shiki span {
  color: var(--shiki-dark);
  /* background-color: var(--shiki-dark-bg); */
  /* Optional, if you also want font styles */
  font-style: var(--shiki-dark-font-style);
  font-weight: var(--shiki-dark-font-weight);
  text-decoration: var(--shiki-dark-text-decoration);
}