html, html .font-body {
  font-family: "Overpass", sans-serif;

  --svg-colorise-light: invert(6%) sepia(41%) saturate(901%) hue-rotate(190deg) brightness(92%) contrast(92%);
  --svg-colorise-dark: invert(100%) sepia(1%) saturate(1937%) hue-rotate(175deg) brightness(115%) contrast(76%);
  --svg-colorise-link: invert(55%) sepia(81%) saturate(1583%) hue-rotate(193deg) brightness(102%) contrast(101%);
}

.mono,
html .docs-markdown .codeblock-title,
code[class*="language-"],
pre[class*="language-"] {
  font-family: "Overpass Mono", monospace;
}

#retype-branding-label {
  --tw-ring-color: transparent;
}

html.dark #retype-app .absolute.bottom-0.left-0,
html.dark #retype-sidebar-left {
  background-color: #222222;
}

html .svg-colorise,
html aside li span img {
  filter: var(--svg-colorise-light);
}
html.dark .svg-colorise,
html.dark aside li span img {
  filter: var(--svg-colorise-dark);
}

html input {
  border: 1px solid #d8d8d8 !important;
}