:root, body.light {
--primary:#1f5fa6;
--on-primary:#ffffff;
--primary-container:#d4e3ff;
--on-primary-container:#001c3a;
--secondary:#545f71;
--on-secondary:#ffffff;
--secondary-container:#d8e3f8;
--on-secondary-container:#111c2b;
--tertiary:#6e5676;
--on-tertiary:#ffffff;
--tertiary-container:#f7d8ff;
--on-tertiary-container:#271430;
--error:#ba1a1a;
--on-error:#ffffff;
--error-container:#ffdad6;
--on-error-container:#410002;
--background:#fdfcff;
--on-background:#1a1c1e;
--surface:#faf9fd;
--on-surface:#1a1c1e;
--surface-variant:#e0e2ec;
--on-surface-variant:#43474e;
--outline:#74777f;
--outline-variant:#c3c6cf;
--shadow:#000000;
--scrim:#000000;
--inverse-surface:#2f3033;
--inverse-on-surface:#f1f0f4;
--inverse-primary:#a5c8ff;
--surface-dim:#dad9dd;
--surface-bright:#faf9fd;
--surface-container-lowest:#ffffff;
--surface-container-low:#f4f3f7;
--surface-container:#eeedf1;
--surface-container-high:#e9e8eb;
--surface-container-highest:#e3e2e6;
}
body.dark {
--primary:#a5c8ff;
--on-primary:#00315f;
--primary-container:#004786;
--on-primary-container:#d4e3ff;
--secondary:#bcc7dc;
--on-secondary:#273141;
--secondary-container:#3d4758;
--on-secondary-container:#d8e3f8;
--tertiary:#dabde2;
--on-tertiary:#3d2946;
--tertiary-container:#553f5d;
--on-tertiary-container:#f7d8ff;
--error:#ffb4ab;
--on-error:#690005;
--error-container:#93000a;
--on-error-container:#ffb4ab;
--background:#1a1c1e;
--on-background:#e3e2e6;
--surface:#121316;
--on-surface:#e3e2e6;
--surface-variant:#43474e;
--on-surface-variant:#c3c6cf;
--outline:#8d9199;
--outline-variant:#43474e;
--shadow:#000000;
--scrim:#000000;
--inverse-surface:#e3e2e6;
--inverse-on-surface:#2f3033;
--inverse-primary:#1f5fa6;
--surface-dim:#121316;
--surface-bright:#38393c;
--surface-container-lowest:#0d0e11;
--surface-container-low:#1a1c1e;
--surface-container:#1e2023;
--surface-container-high:#292a2d;
--surface-container-highest:#343538;
}
i.xl {
--_size: 2.5rem;
}
i.xxl {
--_size: 3rem;
}
i.xxxl {
--_size: 4.0625rem;
}
i.hrc {
background-size: contain;
background-image: url('data:image/svg+xml,');
}
i.brand {
display: inline-block;
width: 1em;
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
-webkit-mask: var(--icon) no-repeat center / contain;
mask: var(--icon) no-repeat center / contain;
}
i.brand.discord {
--icon: url('data:image/svg+xml,');
}
i.brand.youtube {
--icon: url('data:image/svg+xml,');
}
.table-container {
max-width: 100%;
overflow-x: auto;
border-radius: 0;
}
:not(nav, .markdown-render) > details > summary:first-of-type {
list-style: none;
position: relative;
padding-right: 1.5em;
}
:not(nav, .markdown-render) > details > summary:first-of-type::after {
content: "▸";
font-size: 1.33em;
position: absolute;
right: 0.25em;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
}
:not(nav, .markdown-render) > details[open] > summary:first-of-type::after {
content: "▾";
font-size: 1.33em;
}
.markdown-render .table-container {
max-width: 100%;
overflow: hidden;
overflow-x: auto;
border-radius: 0.75rem;
margin-bottom: 1rem;
}
.markdown-render .table-container th {
border: none;
}
.markdown-render hr {
margin-bottom: 0.5rem;
}
.markdown-render ul :is(ul, ol), .markdown-render ol :is(ul, ol) {
margin-block-start: 0;
}
.markdown-render table {
border-collapse: collapse;
}
.markdown-render th {
text-align: center;
}
.markdown-render td {
text-align: center;
}
.markdown-render summary {
text-decoration: underline;
font-weight: bold;
display: list-item;
cursor: pointer;
unicode-bidi: isolate;
}
.markdown-render details {
padding: 1rem;
margin: 0 0 1rem 0;
}
.markdown-render details p {
margin: 1rem 0 0 0;
}
.markdown-render details>summary:first-of-type {
list-style: inside disclosure-closed;
}
.markdown-render details[open]>summary:first-of-type {
list-style-type: disclosure-open;
}
.markdown-render img {
display: block;
max-width: 100%;
height: auto;
}
.markdown-render a {
text-decoration: underline;
font-weight: bold;
color: var(--primary);
}
.markdown-render table {
color: var(--on-secondary-container);
background: var(--secondary-container);
}
.markdown-render details {
background: var(--secondary-container);
color: var(--on-secondary-container);
}
.markdown-render details a {
color: var(--on-secondary-container);
text-decoration: underline;
font-weight: bold;
}
.markdown-render sup, .markdown-render sub {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
.markdown-render sup {
top: -.5em;
}