.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* set fixed non-trivial inversion and hue rotation */
:root {
    --inversionFraction: 100%;
    --hueRotation: -180deg;
}

/* color-invert images */
.color-invertible {
    filter: invert(var(--inversionFraction)) hue-rotate(var(--hueRotation)) !important;
    -ms-filter: invert(var(--inversionFraction)) !important;
    -webkit-filter: invert(var(--inversionFraction)) hue-rotate(var(--hueRotation)) !important;
}
/* including the logo when we make one
.docs-logo {
    filter: invert(var(--inversionFraction)) hue-rotate(var(--hueRotation)) !important;
    -ms-filter: invert(var(--inversionFraction)) !important;
    -webkit-filter: invert(var(--inversionFraction)) hue-rotate(var(--hueRotation)) !important;
} */

/* but disable for the two light themes */
.theme--documenter-light .color-invertible {
    filter: invert(0%) hue-rotate(0deg) !important;
    -ms-filter: invert(var(0%)) !important;
    -webkit-filter: invert(var(0%)) hue-rotate(0deg) !important;
}
.theme--catppuccin-latte .color-invertible {
    filter: invert(0%) hue-rotate(0deg) !important;
    -ms-filter: invert(var(0%)) !important;
    -webkit-filter: invert(var(0%)) hue-rotate(0deg) !important;
}
/* for the logo as well */
/* .theme--documenter-light .docs-logo {
    filter: invert(0%) hue-rotate(0deg) !important;
    -ms-filter: invert(var(0%)) !important;
    -webkit-filter: invert(var(0%)) hue-rotate(0deg) !important;
}
.theme--catppuccin-latte .docs-logo {
    filter: invert(0%) hue-rotate(0deg) !important;
    -ms-filter: invert(var(0%)) !important;
    -webkit-filter: invert(var(0%)) hue-rotate(0deg) !important;
} */