/* MyST Theme Options */
:root {
--cite-group-open: '[';
--cite-group-close: ']';
}
/* User Provided Stylesheet */
/* Color scheme */
:root {
--primary: #4E79A7;
--secondary: #E15759;
--tertiary: #59A14F;
--bg: #FFFFFF;
--text: #000000;
--lighttext: #79706E;
--primarybox: #A0CBE8;
--tip-background: rgba(225, 87, 89, 0.1);
--tip-border: #E15759;
--tip-object: #E15759;
--algorithm-background: rgb(242, 242, 242);
--algorithm-border: rgba(34, 34, 34, 0.8);
--example-border: #4E79A7;
--example-background: #D9EAF6;
--chapobj-border: #4E79A7;
--chapobj-background: #D9EAF6;
--chapobj-object: #4E79A7;
--reference-link-color: rgb(29, 78, 216);
--reference-link-color-on-hover: rgb(59, 130, 246);
}
/* Dark mode */
html.dark {
--primary: #A0CBE8;
--secondary: #FF9D9A;
--tertiary: #8CD17D;
--bg: #202020;
--text: #FFFFFF;
--lighttext: #BBBBBB;
--primarybox: #4E79A7;
--tip-background: rgba(225, 87, 89, 0.1);
--tip-border: #E15759;
--tip-object: rgb(255, 255, 255);
--algorithm-background: rgb(34, 34, 34, 0.8);
--algorithm-border: rgba(34, 34, 34, 0.8);
--example-border: #4E79A7;
--example-background: #4E79A7;
--chapobj-border: #4E79A7;
--chapobj-background: #4E79A7;
--chapobj-object: rgb(255, 255, 255);
--reference-link-color: rgb(219, 234, 254);
--reference-link-color-on-hover: rgb(219, 234, 254);
}
span[style*="color:#4E79A7;"] {
color: var(--primary) !important;
}
span[style*="color: rgb(78, 121, 167);"] {
color: var(--primary) !important;
}
span[style*="color:#E15759;"] {
color: var(--secondary) !important;
}
span[style*="color:#59A14F;"] {
color: var(--tertiary) !important;
}
span[style*="color:#79706E;"] {
color: var(--lighttext) !important;
}
span[style*="color:#A0CBE8;"] {
color: var(--primarybox) !important;
}
/*
Prevent horizontal scrolling caused by width: 100vw on full-width layouts.
Setting width: 100% ensures the element fits within the visible viewport area,
excluding the space taken by the vertical scrollbar, and avoids unwanted
horizontal scrollbars that can occur if width: 100vw is used.
*/
body > div.w-screen {
width: 100%;
}
.margin-anchor {
display: block;
height: 0 !important;
width: 0 !important;
margin: 0 !important;
padding: 0 !important;
line-height: 0 !important;
font-size: 0 !important;
visibility: hidden;
overflow: hidden;
}
/* Remove underline from links */
a {
text-decoration: none !important;
}
/* Set reference link colors */
*, :after, :before {
--tw-prose-links: var(--reference-link-color) !important;
}
a[data-state="closed"]:not([class]) {
color: var(--reference-link-color);
font-weight: 400;
&:hover {
color: var(--reference-link-color-on-hover);
}
}
a[data-state="closed"][class=""] {
color: var(--reference-link-color);
font-weight: 400;
&:hover {
color: var(--reference-link-color-on-hover);
}
}
/* Hide MystMD banner */
a[href="https://mystmd.org/made-with-myst"] {
display: none;
}
/* Increase table of contents left and right sidebar gap */
@media (min-width: 1280px) {
.grid-gap {
gap: 1.6rem !important;
}
}
@media (min-width: 1536px) {
.grid-gap {
gap: 1.6rem !important;
}
}
/* Fit large images */
img {
max-width: min(1000px, 100%);
max-height: 60vh;
height: auto;
width: auto;
object-fit: contain;
}
/* Set a max-height for all subfigures */
.fig-figure > figure > img {
max-height: max(300px, 30vh) !important;
height: auto;
width: auto;
object-fit: contain;
}
/* Hide figure display on Section links */
.hover-document:has(h2[id*="sec-"] ~ figure) h2[id*="sec-"] ~ figure {
display: none;
}
/* Hide figure display on Chapter links */
div.hover-card-content > img {
display: none;
}
/* Hide headers of algorithms inside other algorithms */
.myst-proof .myst-proof .myst-proof-header {
display: none;
}
/* Remove all borders and shadows from nested proof/algorithm containers */
.myst-proof-body aside.myst-proof {
border: none !important;
border-left-width: 0 !important;
box-shadow: none !important;
}
/* Remove line numbers from algorithms */
.myst-proof-body p.line::before,
.myst-proof-body p.line::marker {
content: none;
display: none;
}
/* Add separator line to algorithms */
.separator-line {
height: 2px;
width: 100%;
background: rgb(80, 80, 80);
margin-top: 1rem;
margin-bottom: 1rem;
}
/* Add primary color to algorithm comments */
.myst-proof-body span[style*="float: right"],
.myst-proof-body span[style*="float:right"] {
color: var(--primary);
}
html.dark .myst-proof-body span[style*="color: rgb(78, 121, 167)"] {
color: var(--primary) !important;
}
/* Prevent Math text wrapping */
.katex {
white-space: nowrap;
}
.MathJax, .MJXc-display, .mjx-math {
white-space: nowrap !important;
}
/* Prevent text wrapping on algorithm blocks */
aside[id^="alg"].myst-proof {
position: relative;
display: block;
overflow-x: auto;
width: 100%;
}
aside[id^="alg"] .myst-proof-body {
padding-left: 0;
width: max-content;
min-width: 100%;
}
/* Add left padding to colored comment texts */
aside[id^="alg"] .myst-proof-body p.line > span[style*="color"] {
padding-left: 0.25rem;
}
/* Remove color on code text */
.myst-proof-body code {
color: inherit;
font-weight: 700;
}
.myst-admonition code {
color: inherit;
font-weight: 700;
}
/* Add equation highlight color for LaTeX environment \begin{eqhlight} */
.eq-highlight > .katex > .katex-html {
display: inline-block;
background: aliceblue;
padding: 1rem;
}
html.dark .eq-highlight > .katex > .katex-html {
display: inline-block;
background: #324456;
padding: 1rem;
}
/* Example environment */
aside[id^="ex-"].myst-proof {
border-color: var(--example-border);
border-left-width: 4px;
border-radius: .25rem;
}
aside[id^="ex-"].myst-proof > .myst-proof-header {
background-color: var(--example-background);
}
/* Tip environment */
.myst-admonition-tip {
border-color: var(--tip-border);
}
.myst-admonition-tip > .myst-admonition-header {
background-color: var(--tip-background);
}
.myst-admonition-tip > .myst-admonition-header svg {
color: var(--tip-object);
}
/* Chapter Objective environment */
.myst-admonition-note {
border-color: var(--chapobj-border);
}
.myst-admonition-note > .myst-admonition-header {
background-color: var(--chapobj-background);
}
.myst-admonition-note > .myst-admonition-header svg {
color: var(--chapobj-object);
}
/* Algorithm environment */
aside[id^="alg-"].myst-proof {
border-color: var(--algorithm-border);
border-left-width: 4px;
border-radius: .25rem;
}
aside[id^="alg-"].myst-proof > .myst-proof-header {
background-color: var(--algorithm-background);
}
/* Add icon to algorithm admonition */
aside[id^="alg-"].myst-proof .myst-proof-header::before {
display: inline-block;
background-image: url('data:image/svg+xml;utf8,');
height: 1.75rem;
width: 1.75rem;
background-size: contain;
background-repeat: no-repeat;
content: "";
margin-left: 0.5rem;
margin-right: 0.5rem;
line-height: normal;
}
/* Adjust the title margin to accommodate the icon */
aside[id^="alg-"].myst-proof .myst-proof-header .myst-proof-title {
margin-left: 0 !important;
}
/* Dark mode icon color adjustment */
.dark aside[id^="alg-"].myst-proof .myst-proof-header::before {
background-image: url('data:image/svg+xml;utf8,');
}
/* Adjust font weight to match Tip admonition header */
.myst-proof-title {
font-size: 18px;
}
aside[id^="alg-"].myst-proof .myst-proof-header .myst-proof-title a {
font-weight: 500;
}
/* Exercise environment */
/* Add icon to exercise admonition */
aside[id^="ex-"].myst-proof .myst-proof-header::before {
display: inline-block;
background-image: url('data:image/svg+xml;utf8,');
height: 1.5rem;
width: 1.5rem;
background-size: contain;
background-repeat: no-repeat;
content: "";
margin-left: 0.5rem;
margin-right: 0.5rem;
line-height: normal;
vertical-align: middle;
align-self: center;
}
/* Adjust the title margin to accommodate the icon */
aside[id^="ex-"].myst-proof .myst-proof-header .myst-proof-title {
margin-left: 0 !important;
}
/* Dark mode icon color adjustment */
.dark aside[id^="ex-"].myst-proof .myst-proof-header::before {
content: url('data:image/svg+xml;utf8,');
}
aside[id^="ex-"].myst-proof .myst-proof-header .myst-proof-title a {
font-weight: 500;
}
/* Tip environment */
/* Hide existing icon */
.myst-admonition-tip > .myst-admonition-header > svg {
display: none;
}
/* New tip icon */
.myst-admonition-tip > .myst-admonition-header::before {
display: inline-block;
background-image: url('data:image/svg+xml;utf8,');
height: 1.75rem;
width: 1.75rem;
background-size: contain;
background-repeat: no-repeat;
content: "";
align-self: center;
vertical-align: middle;
margin-left: 0.5rem;
margin-right: 0.5rem;
line-height: normal;
}
.dark .myst-admonition-tip > .myst-admonition-header::before {
content: url('data:image/svg+xml;utf8,');
}
/* Add and between author details */
span.text-comma:has(button[aria-label="Author Details"]):after {
content: " and ";
white-space: pre;
}
/* Fix equation clipping issues */
.katex > .katex-html {
padding-top: 2px;
padding-bottom: 2px;
}
/* Hide downloads button */
.myst-fm-downloads-dropdown {
visibility: hidden !important;
}
/* Fix dark mode image rendering */
html.dark .fig-figure img {
filter: invert(0.9) hue-rotate(180deg) brightness(1.3) contrast(1.05);
}
/* Fix overflow issues on small screens */
@media (max-width: 768px) {
.myst-home-link-logo {
display: none;
}
.myst-fm-journal {
flex: 1 1 auto !important;
min-width: 0;
}
}
/* Fix pop-over overflow issues */
.myst-fm-author-popover-content {
width: auto;
}
/* Fix tabular images */
.fig-table > table > tbody > tr > td > img {
max-height: unset;
}
html.dark .fig-table > table > tbody > tr > td > img {
filter: invert(0.9) hue-rotate(180deg) brightness(1.3) contrast(1.05);
}