html {
  overflow-y: scroll;
}

aside.theme-doc-sidebar-container {
  background-color: #fbfbfb;
}

.docusaurus-highlight-code-line {
  background-color: rgba(0, 0, 0, 0.1);
  display: block;
  margin: 0 calc(-1 * var(--ifm-pre-padding));
  padding: 0 var(--ifm-pre-padding);
}

html[data-theme="dark"] {
  --ifm-color-primary: var(--ifm-color-primary-lightest);
}

html[data-theme="dark"] .docusaurus-highlight-code-line {
  background-color: rgba(0, 0, 0, 0.3);
}

main > .container {
  margin-top: 4rem;
}

.theme-doc-markdown iframe {
  width: 100%;
  aspect-ratio: 16/9;
  height: auto;
}

.content-wrapper {
  width: var(--normal-width);
  margin-inline: auto;
}

/* @todo new selector */
section + hr {
  max-width: 40rem;
  margin: 0 auto;
}

a {
  font-weight: var(--ifm-font-weight-semibold);
  text-underline-position: under;
}

/* Stops iOS from zooming the code too much (bug) */
pre {
  -webkit-text-size-adjust: none;
}

:where(h1,h2,h3,h4,h5,h6) code {
  font-size: 1em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-wrap: balance;
  text-wrap: pretty;
}