Basalt Bedrock
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;700&display=swap');
@import url('https://rsms.me/inter/inter.css');
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
 
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
 
body {
    margin: 0;
}
 
main {
    display: block;
}
 
h1 {
    margin: 0.67em 0;
    font-size: 2em;
}
 
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
 
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}
 
a {
    background-color: transparent;
}
 
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}
 
b,
strong {
    font-weight: bolder;
}
 
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
 
small {
    font-size: 80%;
}
 
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
 
sub {
    bottom: -0.25em;
}
 
sup {
    top: -0.5em;
}
 
img {
    border-style: none;
}
 
button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
}
 
button,
input {
    overflow: visible;
}
 
button,
select {
    text-transform: none;
}
 
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}
 
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none;
}
 
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}
 
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
 
legend {
    display: table;
    box-sizing: border-box;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal;
}
 
progress {
    vertical-align: baseline;
}
 
textarea {
    overflow: auto;
}
 
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
 
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
 
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
 
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
 
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
 
details {
    display: block;
}
 
summary {
    display: list-item;
}
 
template {
    display: none;
}
 
[hidden] {
    display: none;
}
 
:root {
    --basalt-primary-color: 254, 254, 254;
    --basalt-secondary-color: 247, 248, 250;
    --basalt-tertiary-color: 218, 219, 222;
    --basalt-main-text-color: 20, 20, 20;
    --basalt-overtone: 56, 60, 64;
    --basalt-undertone: 61, 71, 202;
    --basalt-bright-element-color: 16, 76, 184;
    --basalt-dark-element-color: 18, 20, 150;
    --basalt-alternate-color: 255, 132, 0;
    --basalt-positive-color: 24, 163, 20;
    --basalt-negative-color: 255, 48, 48;
    --basalt-cancel-color: var(--basalt-negative-color);
    --basalt-sub-text-color: 155, 154, 162;
    --basalt-light-text-color: var(--basalt-primary-color);
    --basalt-UI-opacity: 0.875;
    --basalt-UI-blur: 0.1rem;
    --basalt-UI-dark-palette: var(--basalt-overtone);
    --basalt-focus-color: var(--basalt-undertone);
    --basalt-background-color: var(--basalt-primary-color);
    --link-color: var(--basalt-bright-element-color);
    --link-visited-color: var(--basalt-dark-element-color);
    --link-newpage-color: var(--basalt-alternate-color);
    --header-font-primary: 'Lexend';
    --UI-font-primary: 'Jost';
    --body-font-primary: 'Inter';
    --mono-font-primary: 'JetBrains Mono';
    --header-font-fallback: Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, "Helvetica Neue", "Helvetica", Arial, sans-serif;
    --UI-font-fallback: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantrell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --body-font-fallback: BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    --mono-font-fallback: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
    --header-font: var(--header-font-primary), var(--header-font-fallback);
    --UI-font: var(--UI-font-primary), var(--UI-font-fallback);
    --body-font: var(--body-font-primary), var(--body-font-fallback);
    --mono-font: var(--mono-font-primary), var(--mono-font-fallback);
    --header-logo: url('https://basalt-team.github.io/Basalt/basaltlogo.svg');
    --header-logo-size: contain;
    --header-title-color: var(--basalt-main-text-color);
    --header-subtitle-color: var(--header-title-color);
    --title-size: 1.5rem;
    --subtitle-size: 0.825rem;
    --base-header-height: calc((var(--title-size) + var(--subtitle-size))*1.325 + 0.5rem);
    --header-border-width: 0.125rem;
    --header-background-color: var(--basalt-secondary-color);
    --header-border-color: var(--basalt-tertiary-color);
    --header-desktop-height: calc(var(--base-header-height) + var(--header-border-width));
    --header-mobile-height: calc(var(--header-desktop-height) + var(--top-bar-mobile-height));
    --header-final-height: var(--header-desktop-height);
    --header-link-transition-1st: 0.15s ease 0.05s;
    --header-link-transition-2nd: 0.205s ease-out 0.15s;
    --top-bar-mobile-height: calc(var(--header-UI-font-size)*4.5);
    --top-bar-link-color: var(--basalt-main-text-color);
    --top-bar-link-color-hover: var(--basalt-light-text-color);
    --top-bar-link-background-hover: var(--basalt-focus-color);
    --top-bar-link-background-hover-alt: var(--basalt-UI-dark-palette);
    --top-bar-dropdown-link-color: var(--top-bar-link-color);
    --top-bar-dropdown-link-color-hover: var(--top-bar-link-color-hover);
    --top-bar-dropdown-background: var(--basalt-primary-color);
    --top-bar-dropdown-background-hover: var(--link-color);
    --search-icon-color: var(--basalt-undertone);
    --search-icon-color-hover: var(--top-bar-link-color-hover);
    --search-background-color: var(--basalt-background-color);
    --search-button-width: 2rem;
    --login-status-background-color: var(--basalt-UI-dark-palette);
    --login-status-text-color: var(--basalt-light-text-color);
    --login-status-text-color-hover: var(--login-status-text-color);
    --login-status-width: calc(var(--header-UI-font-size)*20);
    --login-status-link-background-hover: var(--top-bar-link-background-hover);
    --user-button-width: 3rem;
    --user-icon-button-color: var(--top-bar-link-color);
    --user-icon-button-color-hover: var(--top-bar-link-color-hover);
    --user-icon-button-background-hover: var(--login-status-background-color);
    --pm-indicator-color: var(--basalt-alternate-color);
    --side-bar-button-width: 3rem;
    --side-bar-button-color: var(--top-bar-link-color);
    --side-bar-button-color-hover: var(--top-bar-link-color-hover);
    --side-bar-button-background-hover: var(--top-bar-link-background-hover-alt);
    --side-bar-width: 19rem;
    --side-bar-transition: 0.25s ease 0.125s;
    --side-bar-background-color: var(--basalt-background-color);
    --side-bar-link-color: var(--basalt-main-text-color);
    --side-bar-link-color-hover: var(--basalt-light-text-color);
    --side-bar-link-background-hover: var(--link-color);
    --side-bar-media-background-color: var(--basalt-undertone), 0.115;
    --side-bar-resources-background-color: var(--basalt-alternate-color), 0.115;
    --side-bar-heading-text-color: var(--basalt-light-text-color);
    --side-bar-heading-text-hover-color: var(--basalt-light-text-color);
    --side-bar-heading-background-color: var(--basalt-UI-dark-palette);
    --side-bar-unfolded-heading-text-color: var(--basalt-light-text-color);
    --side-bar-unfolded-heading-background-color: var(--basalt-UI-dark-palette);
    --side-bar-link-transition: var(--header-link-transition-1st);
    --main-content-width: 67.5rem;
    --main-content-top-margin: 0.325rem;
    --main-content-side-margin: 1.325rem;
    --main-content-bottom-margin: var(--main-content-side-margin);
    --tag-background-color: var(--basalt-secondary-color);
    --modal-fader-background-color: var(--basalt-UI-dark-palette);
    --bottom-area-text-color: var(--basalt-main-text-color);
    --bottom-area-background-color: var(--basalt-secondary-color);
    --bottom-area-padding: calc(var(--true-font-size)*0.85);
    --footer-divider-thickness: 0.075rem;
    --footer-divider-color: var(--basalt-tertiary-color);
    --footer-link-color: var(--basalt-sub-text-color);
    --license-area-logo: var(--header-logo);
    --license-area-logo-size: 2.75rem;
    --license-area-divider-thickness: 0.1rem;
    --license-area-divider-color: var(--basalt-tertiary-color);
    --base-font-size: 1rem;
    --true-font-size: clamp(calc(var(--base-font-size)*0.825), calc(var(--base-font-size)*0.775 + 0.195vw), calc(var(--base-font-size)*1.025));
    --header-UI-font-size: calc(var(--true-font-size)*0.775);
    --header-UI-dropdown-font-size: calc(var(--header-UI-font-size) * 1.175);
    --footer-font-size: calc(var(--true-font-size)*0.825);
    --license-area-font-size: calc(var(--true-font-size)*0.8);
    --scrollbar-track-color: var(--basalt-tertiary-color);
    --scrollbar-thumb-color: var(--basalt-undertone);
    --selection-text-color: var(--basalt-light-text-color);
    --selection-background-color: var(--basalt-focus-color);
    --title-border-color: var(--basalt-undertone);
    --hr-color: var(--basalt-undertone);
    --rate-module-background-color: var(--basalt-secondary-color);
    --rate-module-text-color: var(--basalt-main-text-color);
    --rate-module-button-size: 1.625em;
    --rate-module-upvote-color: var(--basalt-positive-color);
    --rate-module-downvote-color: var(--basalt-negative-color);
    --rate-module-cancel-color: var(--basalt-overtone);
    --button-text-color: var(--basalt-main-text-color);
    --button-background-color: var(--basalt-secondary-color);
    --button-border-color: var(--basalt-tertiary-color);
    --button-outline-color: var(--basalt-focus-color);
    --button-hover-text-color: var(--basalt-primary-color);
    --button-hover-background-color: var(--basalt-focus-color);
    --button-hover-border-color: var(--basalt-focus-color);
    --button-hover-transition: 0.095s ease-out 0.015s;
    --general-border-color: var(--basalt-tertiary-color);
    --action-area-border-color: var(--general-border-color);
    --blockquote-background-color: var(--basalt-secondary-color);
    --blockquote-border-color: var(--general-border-color);
    --blockquote-border-width: 0.0875rem;
    --toc-background-color: var(--blockquote-background-color);
    --toc-border-color: var(--blockquote-border-color);
    --toc-border-width: var(--blockquote-border-width);
    --tab-background-color: var(--basalt-secondary-color);
    --tab-hover-background-color: var(--basalt-bright-element-color);
    --tab-selected-background-color: var(--basalt-UI-dark-palette);
    --tab-focus-text-color: var(--basalt-light-text-color);
    --tab-border-width: var(--blockquote-border-width);
    --tab-transition: 0.125s ease-out;
    --image-caption-background-color: var(--basalt-background-color);
    --image-block-border-color: var(--basalt-undertone);
    --footnote-background-color: var(--basalt-secondary-color);
    --edit-area-border-color: var(--action-area-border-color);
    --edit-area-border-width: 0.1rem;
    --edit-area-toolbar-background-color: var(--basalt-secondary-color);
    --edit-area-toolbar-icon-size: 1.875rem;
    --edit-area-main-background-color: var(--basalt-background-color);
    --edit-area-ancillary-background-color: var(--basalt-secondary-color);
}
 
@layer header-base,
header-localize;
 
@layer header-base {
    :root {
        --header-title: 'SCP Foundation';
        --header-subtitle: 'SECURE - CONTAIN - PROTECT';
    }
}
 
#container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
 
#content-wrap {
    flex-grow: 1;
}
 
#main-content,
body.print-body #main-content {
    width: var(--main-content-width);
    margin: var(--main-content-top-margin) auto var(--main-content-bottom-margin);
    max-width: calc(100% - var(--main-content-side-margin)*2);
    overflow-wrap: break-word;
}
 
#page-content {
    min-height: calc(100vh - var(--header-final-height) - var(--main-content-top-margin) - 2.325em - var(--main-content-bottom-margin) - var(--bottom-area-padding)*2.5 - var(--true-font-size)*5.75);
}
 
#header {
    display: grid;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    height: var(--header-final-height);
    background-color: rgb(var(--header-background-color));
    border-bottom: solid var(--header-border-width) rgb(var(--header-border-color));
    grid-template-areas: "open-menu h-link top-bar search user";
    grid-template-columns: var(--side-bar-button-width) max-content 1fr var(--search-button-width) var(--user-button-width);
    grid-template-rows: 1fr;
    z-index: 10;
    direction: ltr;
}
 
#header * {
    color: var(--basalt-main-text-color);
    font-family: var(--UI-font);
}
 
#header a,
#top-bar div[class*="top-bar"] ul li a {
    background-color: transparent;
    text-decoration: none;
}
 
#header h1 {
    display: block;
    grid-area: h-link;
    overflow: hidden;
}
 
#header h2 {
    display: none;
}
 
#header h1 a {
    display: flex;
    align-items: center;
    height: 100%;
    line-height: 1.15;
    width: max-content;
    grid-gap: calc(var(--base-header-height)*0.125);
    padding-left: calc(var(--base-header-height)*0.125);
    padding-right: calc(var(--base-header-height)*0.25);
    letter-spacing: calc(var(--header-UI-font-size) * -0.05);
}
 
#header h1 a::before {
    content: "";
    display: block;
    height: 100%;
    width: calc(var(--base-header-height)*0.925);
    min-width: calc(var(--base-header-height)*0.75);
    background-image: var(--header-logo);
    background-size: var(--header-logo-size);
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.25s ease-out;
}
 
#header h1 a span {
    font-size: 0rem;
    font-family: var(--header-font);
    display: flex;
    width: max-content;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
 
#header h1 a span::before {
    content: var(--header-title, 'SCP Foundation');
    color: rgb(var(--header-title-color));
    display: block;
    font-size: var(--title-size);
    font-weight: bold;
}
 
#header h1 a span::after {
    content: var(--header-subtitle, 'SECURE - CONTAIN - PROTECT');
    color: rgb(var(--header-subtitle-color));
    display: block;
    font-size: var(--subtitle-size);
    font-weight: normal;
}
 
#header h1 a:hover::before,
#header h1 a:focus::before {
    transform: rotate(-10deg);
}
 
#top-bar,
#top-bar div.top-bar,
#top-bar div.mobile-top-bar {
    display: contents;
}
 
#top-bar div[class*="top-bar"]>ul {
    display: flex;
    grid-area: top-bar;
}
 
#top-bar div.mobile-top-bar>ul {
    display: none;
}
 
#top-bar div.mobile-top-bar>.open-menu {
    grid-area: open-menu;
}
 
#top-bar div.mobile-top-bar>.open-menu {
    display: flex;
    align-items: center;
    justify-content: center;
}
 
#header .open-menu p {
    display: contents;
}
 
#header div.open-menu a {
    font-size: 0rem;
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
    text-align: center;
}
 
#top-bar div.open-menu a:hover {
    background: transparent;
}
 
#header div.open-menu a::before,
#header div.open-menu a::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(var(--side-bar-button-background-hover));
}
 
#header div.open-menu a::after {
    background-color: rgb(var(--side-bar-button-color));
    transition: background-color var(--side-bar-transition);
    -webkit-mask-image: var(--side-bar-button-mask);
    mask-image: var(--side-bar-button-mask);
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
 
#header div.open-menu a::before {
    height: 0;
    transition: height var(--side-bar-transition);
}
 
#header div.open-menu a:is(:hover, :focus)::before {
    height: 100%;
}
 
#header div.open-menu a:is(:hover, :focus)::after {
    background-color: rgb(var(--side-bar-button-color-hover));
}
 
#top-bar div[class*="top-bar"]>ul {
    align-items: stretch;
    font-size: var(--header-UI-font-size);
}
 
#top-bar div[class*="top-bar"]>ul>li {
    min-width: max-content;
    flex-basis: calc(var(--header-UI-font-size)*6.25);
    flex-shrink: 1;
    align-self: stretch;
    position: relative;
    margin: 0;
}
 
#top-bar div[class*="top-bar"]>ul>li>a {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 0 calc(var(--header-UI-font-size)*0.75);
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    color: rgb(var(--top-bar-link-color));
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    z-index: 0;
    transition: color var(--header-link-transition-2nd);
}
 
#top-bar div[class*="top-bar"]>ul>li>a:hover,
#top-bar div[class*="top-bar"]>ul>li>a:focus,
#top-bar div[class*="top-bar"]>ul>li.sfhover>a,
#top-bar div[class*="top-bar"]>ul>li:focus-within>a {
    color: rgb(var(--top-bar-link-color-hover));
    transition: color var(--header-link-transition-1st);
}
 
#top-bar div[class*="top-bar"]>ul>li>a::before,
#top-bar div[class*="top-bar"]>ul>li>a::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    z-index: -1;
}
 
#top-bar div[class*="top-bar"]>ul>li>a:hover::before,
#top-bar div[class*="top-bar"]>ul>li>a:focus::before,
#top-bar div[class*="top-bar"]>ul>li.sfhover>a::before,
#top-bar div[class*="top-bar"]>ul>li:focus-within>a::before,
#top-bar div[class*="top-bar"]>ul>li>a:hover::after,
#top-bar div[class*="top-bar"]>ul>li>a:focus::after,
#top-bar div[class*="top-bar"]>ul>li.sfhover>a::after,
#top-bar div[class*="top-bar"]>ul>li:focus-within>a::after {
    height: 100%;
}
 
#top-bar div[class*="top-bar"]>ul>li>a::before {
    background-color: rgb(var(--top-bar-link-background-hover));
    transition: height var(--header-link-transition-2nd);
}
 
#top-bar div[class*="top-bar"]>ul>li>a::after {
    background-color: rgb(var(--top-bar-link-background-hover-alt));
    transition: height var(--header-link-transition-1st);
}
 
#top-bar div[class*="top-bar"]>ul>li>a:hover::before,
#top-bar div[class*="top-bar"]>ul>li>a:focus::before,
#top-bar div[class*="top-bar"]>ul>li.sfhover>a::before,
#top-bar div[class*="top-bar"]>ul>li:focus-within>a::before {
    transition: height var(--header-link-transition-1st);
}
 
#top-bar div[class*="top-bar"]>ul>li>a:hover::after,
#top-bar div[class*="top-bar"]>ul>li>a:focus::after,
#top-bar div[class*="top-bar"]>ul>li.sfhover>a::after,
#top-bar div[class*="top-bar"]>ul>li:focus-within>a::after {
    transition: height var(--header-link-transition-2nd);
}
 
#top-bar div[class*="top-bar"] ul li ul {
    visibility: visible;
    pointer-events: none;
    width: max-content;
    min-width: 100%;
    display: flex;
    flex-direction: column;
    border: none;
}
 
#top-bar div.mobile-top-bar ul li ul {
    flex-wrap: wrap;
    flex-direction: row;
    max-width: 100%;
}
 
#top-bar div[class*=top-bar]>ul>li:hover>ul,
#top-bar div[class*=top-bar]>ul>li>ul:hover,
#top-bar div[class*=top-bar]>ul>li:focus-within>ul,
#top-bar div[class*=top-bar]>ul>li>ul:focus-within {
    pointer-events: auto;
}
 
#top-bar div[class*="top-bar"]>ul>li>ul::before {
    content: "";
    z-index: 1;
    display: block;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    width: 0.325rem;
    height: 0;
    background-color: rgb(var(--top-bar-link-background-hover-alt));
    transition: height var(--header-link-transition-2nd);
}
 
#top-bar div[class*=top-bar]>ul>li:is(:hover, :focus-within)>ul::before,
#top-bar div[class*=top-bar]>ul>li>ul:is(:hover, :focus-within)::before {
    height: 100%;
    transition: height var(--header-link-transition-1st);
}
 
#top-bar div[class*="top-bar"] ul li ul li {
    position: relative;
    border: none;
}
 
#top-bar div.mobile-top-bar ul li ul li {
    flex-basis: 50%;
    flex-grow: 1;
}
 
#top-bar div[class*=top-bar] ul li ul li a {
    width: 100%;
    font-size: var(--header-UI-dropdown-font-size);
    padding: calc(var(--header-UI-dropdown-font-size) * 0.775) calc(var(--header-UI-dropdown-font-size) * 1.05);
    box-sizing: border-box;
    color: rgb(var(--top-bar-dropdown-link-color));
    background: rgba(var(--top-bar-dropdown-background), var(--basalt-UI-opacity));
    box-shadow: inset 0 0.05rem 0 rgb(var(--general-border-color));
    -webkit-backdrop-filter: blur(var(--basalt-UI-blur));
    backdrop-filter: blur(var(--basalt-UI-blur));
    clip-path: inset(0 100% 0 0);
    transition: color var(--header-link-transition-2nd), clip-path var(--header-link-transition-1st);
    display: flex;
    align-items: center;
    position: relative;
    isolation: isolate;
}
 
@supports (not (backdrop-filter: blur(var(--basalt-UI-blur)))) and (not (-webkit-backdrop-filter: blur(var(--basalt-UI-blur)))) {
    #top-bar div[class*=top-bar] ul li ul li a {
        --basalt-UI-opacity: 0.995;
    }
}
 
#top-bar div[class*=top-bar] ul>li:is(:hover, :focus-within)>ul>li>a,
#top-bar div[class*=top-bar] ul>li>ul:is(:hover, :focus-within)>li>a {
    clip-path: inset(0);
    transition: color var(--header-link-transition-1st), clip-path var(--header-link-transition-2nd);
}
 
#top-bar div[class*=top-bar] ul li ul li a:is(:hover, :focus),
#top-bar div[class*=top-bar] ul>li>ul>li.sfhover a,
#top-bar div[class*=top-bar] ul>li>ul>li:focus-within>a {
    color: rgb(var(--top-bar-dropdown-link-color-hover));
}
 
#top-bar div[class*=top-bar] ul li ul li a:is(:hover, :focus),
#top-bar div[class*=top-bar] ul li ul li.sfhover a {
    background: rgba(var(--top-bar-dropdown-background), var(--basalt-UI-opacity));
}
 
#top-bar div[class*=top-bar] ul li ul li a::before {
    content: "";
    display: block;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    background-color: rgb(var(--top-bar-dropdown-background-hover));
    transition: width var(--header-link-transition-1st);
}
 
#top-bar div[class*=top-bar] ul>li>ul>li:is(:hover, :focus-within)>a::before {
    width: 100%;
}
 
#top-bar div[class*=top-bar] ul li ul li ul {
    position: absolute;
    top: 0;
    left: 100%;
    pointer-events: none;
}
 
#top-bar div[class*=top-bar] ul li ul li.sfhover>ul {
    pointer-events: auto;
}
 
#top-bar div[class*=top-bar] ul li ul li ul::before {
    content: "";
    display: block;
    width: 0.375em;
    height: 0.75em;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    position: absolute;
    top: calc(var(--header-UI-dropdown-font-size)*1.5);
    left: calc(var(--header-UI-dropdown-font-size)*-0.625);
    transform: translateY(-50%);
    background-color: rgb(var(--top-bar-link-background-hover-alt));
    z-index: 2;
    opacity: 0;
    transition: opacity var(--header-link-transition-1st), background-color var(--header-link-transition-2nd);
}
 
#top-bar div[class*=top-bar] ul li:is(:hover, :focus-within) ul li ul::before {
    opacity: 1;
    transition: opacity var(--header-link-transition-2nd), background-color var(--header-link-transition-2nd);
}
 
#top-bar div[class*=top-bar] ul li ul li a:is(:hover, :focus)+ul::before,
#top-bar div[class*=top-bar] ul li ul li:is(:hover, :focus-within) ul::before {
    background-color: rgb(var(--top-bar-link-color-hover));
}
 
#top-bar div[class*=top-bar] ul li ul li.sfhover ul li a:not(:hover, :focus) {
    color: rgb(var(--top-bar-link-color));
}
 
#login-status {
    grid-area: user;
    position: relative;
    right: 0;
    top: 0;
    max-width: 100%;
    pointer-events: none;
    user-select: none;
    font-size: 0;
    z-index: 2;
}
 
#login-status:is(:hover, :focus-within) {
    pointer-events: auto;
}
 
#login-status>* {
    clip-path: inset(0 0 0 100%);
    user-select: text;
    font-size: var(--header-UI-dropdown-font-size);
    transition: clip-path var(--header-link-transition-1st);
}
 
#login-status:is(:hover, :focus-within)>* {
    clip-path: inset(0);
    transition: clip-path var(--header-link-transition-2nd);
}
 
#login-status::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: var(--user-button-width);
    height: 0;
    pointer-events: auto;
    cursor: pointer;
    background-color: rgb(var(--user-icon-button-background-hover));
    z-index: 1;
    transition: height var(--header-link-transition-2nd);
}
 
#login-status:is(:hover, :focus-within)::after {
    height: var(--base-header-height);
    transition: height var(--header-link-transition-1st);
}
 
#login-status span.printuser {
    display: contents;
    font-size: 0;
    user-select: none;
    pointer-events: none;
}
 
#login-status span.printuser>a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: min(calc(var(--base-header-height)*0.175), 0.625rem);
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    background: transparent;
    width: var(--user-button-width);
    height: var(--base-header-height);
    pointer-events: auto;
    z-index: 2;
}
 
#login-status span.printuser>a img {
    background-image: none !important;
    padding: 0;
    display: block;
    height: 100%;
    flex-grow: 1;
    object-fit: contain;
    padding-right: 0;
}
 
a#account-topbutton,
a#my-account {
    display: none;
}
 
#login-status>a[href*="account/messages"] {
    display: block;
    position: absolute;
    font-size: 0;
    pointer-events: none;
    user-select: none;
    width: min(calc(var(--user-button-width)/5), calc(var(--base-header-height)/4));
    height: min(calc(var(--user-button-width)/5), calc(var(--base-header-height)/4));
    border-radius: calc(var(--user-button-width)/6);
    background-color: rgb(var(--pm-indicator-color));
    top: min(0.625rem, 42.5%);
    right: min(0.325rem, calc(var(--user-button-width)/6));
    z-index: 3;
    clip-path: unset;
}
 
div#account-options {
    width: var(--login-status-width);
    position: absolute;
    inset-block-start: var(--base-header-height);
    right: unset;
    inset-inline-end: 0;
    border: none;
    display: block !important;
    background-color: rgb(var(--login-status-background-color));
}
 
div#account-options>ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
 
div#account-options>ul>li {
    display: contents;
}
 
div#account-options>ul>li>a {
    display: flex;
    height: calc(var(--header-UI-dropdown-font-size)*3.25);
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0;
    position: relative;
    text-decoration: none;
    color: rgb(var(--login-status-text-color));
}
 
div#account-options>ul>li>a:is(:hover, :focus) {
    color: rgb(var(--login-status-text-color-hover));
}
 
div#account-options>ul>li>a::before,
#login-status a:is(.login-status-create-account, .login-status-sign-in)::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    background-color: rgb(var(--login-status-link-background-hover));
    z-index: -1;
    transition: width var(--header-link-transition-1st);
}
 
div#account-options>ul>li>a:is(:hover, :focus)::before,
#login-status a:is(.login-status-create-account, .login-status-sign-in):is(:hover, :focus)::before {
    width: 100%;
}
 
#login-status a+span {
    display: block;
    width: var(--user-button-width);
    height: var(--base-header-height);
    clip-path: none;
    pointer-events: auto;
    cursor: pointer;
    font-size: 0;
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgb(var(--user-icon-button-color));
    z-index: 2;
    -webkit-mask-image: var(--user-icon-mask);
    mask-image: var(--user-icon-mask);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 50%;
    mask-size: 50%;
    transition: background-color var(--header-link-transition-2nd);
}
 
#login-status:is(:hover, :focus-within) a+span {
    background-color: rgb(var(--user-icon-button-color-hover));
    transition: background-color var(--header-link-transition-1st);
}
 
#login-status a:is(.login-status-create-account, .login-status-sign-in) {
    display: flex;
    position: absolute;
    inset-inline-end: 0;
    inset-block-start: var(--base-header-height);
    height: var(--top-bar-mobile-height);
    width: calc(var(--login-status-width)/2);
    text-align: center;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    background-color: rgb(var(--login-status-background-color));
    color: rgb(var(--login-status-text-color));
}
 
#login-status a.login-status-create-account {
    inset-inline-end: calc(var(--login-status-width)/2);
}
 
#search-top-box {
    display: flex;
    position: relative;
    top: initial;
    right: initial;
    grid-area: search;
    width: 100%;
    height: 100%;
    z-index: 1;
}
 
#search-top-box::before,
#search-top-box::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
 
#search-top-box::before {
    background-color: rgb(var(--basalt-focus-color));
    height: 0;
    transition: height var(--header-link-transition-1st);
}
 
#search-top-box:is(:hover, :focus-within)::before {
    height: 100%;
}
 
#search-top-box::after {
    -webkit-mask-image: var(--search-icon-mask);
    mask-image: var(--search-icon-mask);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 52.5%;
    mask-size: 52.5%;
    background-color: rgb(var(--search-icon-color));
    transition: background-color var(--header-link-transition-1st);
}
 
#search-top-box:is(:hover, :focus-within)::after {
    background-color: rgb(var(--search-icon-color-hover));
}
 
#search-top-box-form {
    display: contents;
}
 
#search-top-box-input {
    display: flex;
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    height: 100%;
    width: 100%;
    color: transparent;
    font-family: var(--body-font);
    background-color: transparent;
    margin: 0;
    padding: calc(var(--header-UI-font-size)*0.5);
    box-sizing: border-box;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
    outline: solid 0 rgb(var(--basalt-focus-color));
    transition: width var(--header-link-transition-1st), outline-width var(--header-link-transition-1st), opacity var(--header-link-transition-1st);
}
 
#search-top-box-form:focus-within #search-top-box-input,
#search-top-box-input:focus,
#search-top-box-input:hover {
    color: rgb(var(--basalt-main-text-color));
    background-color: rgb(var(--search-background-color));
}
 
#search-top-box-form:focus-within #search-top-box-input {
    width: calc(var(--header-UI-font-size)*16);
    opacity: 1;
    padding-inline-end: calc(var(--header-UI-font-size)*0.5 + var(--search-button-width));
    z-index: 0;
    outline-width: 0.125rem;
    outline-offset: -0.125rem;
    cursor: text;
    transition: width var(--header-link-transition-1st), outline-width var(--header-link-transition-1st), opacity 0s;
}
 
#search-top-box-form input[type=submit] {
    pointer-events: none;
    background: none;
    border: none;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
    cursor: pointer;
    z-index: 2;
}
 
#search-top-box-form:focus-within input[type=submit] {
    pointer-events: auto;
}
 
#top-bar div.mobile-top-bar>.open-menu {
    visibility: hidden;
}
 
#side-bar {
    position: fixed;
    top: 0;
    left: calc(var(--side-bar-width)*-1.125);
    margin-top: var(--header-final-height);
    margin-bottom: 0;
    height: calc(100vh - var(--header-final-height));
    width: var(--side-bar-width);
    max-width: calc(100% - 3.75rem);
    box-sizing: border-box;
    background-color: rgb(var(--side-bar-background-color));
    padding: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    direction: rtl;
    transition: left var(--side-bar-transition);
    z-index: 10;
}
 
#side-bar:is(:hover, :focus-within) {
    left: 0;
}
 
#side-bar::before,
#side-bar::after {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: var(--side-bar-button-width);
    height: var(--base-header-height);
    background-color: rgb(var(--side-bar-button-background-hover));
    pointer-events: auto;
    cursor: pointer;
}
 
#side-bar::after {
    background-color: rgb(var(--side-bar-button-color));
    transition: background-color var(--side-bar-transition);
    -webkit-mask-image: var(--side-bar-button-mask);
    mask-image: var(--side-bar-button-mask);
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
 
#side-bar::before {
    height: 0;
    transition: height var(--side-bar-transition);
}
 
#side-bar:is(:hover, :focus-within)::before {
    height: var(--base-header-height);
}
 
#side-bar:is(:hover, :focus-within)::after {
    background-color: rgb(var(--side-bar-button-color-hover));
}
 
#side-bar>* {
    direction: ltr;
}
 
#side-bar hr {
    margin: 0.75rem;
}
 
#interwiki {
    background-color: rgb(var(--side-bar-background-color));
}
 
:is(#side-bar, #interwiki) .side-block {
    font-family: var(--UI-font);
}
 
#side-bar .side-block.media {
    background-color: rgb(var(--side-bar-media-background-color));
}
 
#side-bar .side-block.resources {
    background-color: rgb(var(--side-bar-resources-background-color));
}
 
#side-bar .side-block.media>div {
    display: flex;
    justify-content: space-evenly;
}
 
:is(#side-bar, #interwiki) .heading {
    background-color: rgb(var(--side-bar-heading-background-color));
    color: rgb(var(--side-bar-heading-text-color));
    font-family: var(--header-font);
    font-size: 0.875em;
    padding: 0.15em;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}
 
:is(#side-bar, #interwiki) .heading>p {
    margin: 0;
}
 
#side-bar a.close-menu,
#side-bar:target a.close-menu {
    display: none;
}
 
#side-bar .collapsible-block a.collapsible-block-link {
    position: relative;
    display: block;
    text-align: center;
    background-color: rgb(var(--side-bar-heading-background-color));
    color: rgb(var(--side-bar-heading-text-color));
    font-family: var(--header-font);
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.875em;
    padding: 0.15em;
    transition: all var(--side-bar-link-transition);
}
 
#side-bar .collapsible-block-unfolded a.collapsible-block-link {
    background-color: rgb(var(--side-bar-unfolded-heading-background-color));
    color: rgb(var(--side-bar-unfolded-heading-text-color));
}
 
#side-bar .collapsible-block a.collapsible-block-link:is(:hover, :focus) {
    text-decoration: none;
    background-color: rgb(var(--basalt-focus-color));
    color: rgb(var(--side-bar-heading-text-hover-color));
}
 
#side-bar .collapsible-block .collapsible-block-folded a.collapsible-block-link::before,
#side-bar .collapsible-block a.collapsible-block-link::after {
    content: "";
    display: block;
    height: 100%;
    width: 1.925em;
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgb(var(--basalt-focus-color), 0.5);
    z-index: 1;
}
 
#side-bar .collapsible-block a.collapsible-block-link::after {
    background-color: currentColor;
    clip-path: polygon(25% 35%, 75% 35%, 50% 65%);
}
 
#side-bar .collapsible-block .collapsible-block-unfolded-link a.collapsible-block-link::after {
    background-color: currentColor;
    clip-path: polygon(25% 65%, 75% 65%, 50% 35%);
}
 
#side-bar .collapsible-block-content {
    position: relative;
    background-color: rgb(var(--side-bar-background-color), 0.5);
}
 
#side-bar .collapsible-block-content::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 0.425rem;
    height: 100%;
    background-color: rgb(var(--side-bar-unfolded-heading-background-color));
    animation: collapsible-expand var(--side-bar-link-transition) forwards;
}
 
@keyframes collapsible-expand {
    0% {
        height: 0;
    }
 
    100% {
        height: 100%;
    }
}
 
#side-bar .collapsible-block-content .menu-item {
    box-shadow: inset 0 -0.05rem 0 rgb(var(--general-border-color));
}
 
:is(#side-bar, #interwiki) .menu-item,
:is(#side-bar, #interwiki) .menu-item.small {
    display: flex;
    font-size: 0;
}
 
:is(#side-bar, #interwiki) .menu-item>p {
    display: contents;
}
 
:is(#side-bar, #interwiki) .menu-item>img {
    display: none;
}
 
:is(#side-bar, #interwiki) .menu-item a {
    display: inline-block;
    padding: 0.375em 0.625em;
    font-size: var(--true-font-size);
    color: rgb(var(--side-bar-link-color));
    flex-grow: 1;
    isolation: isolate;
    position: relative;
    transition: color var(--side-bar-link-transition);
}
 
:is(#side-bar, #interwiki) .menu-item.small a {
    font-size: calc(var(--true-font-size) * 0.925);
}
 
#side-bar .menu-item a[href="/"],
#side-bar .menu-item a[href="/forum:start"] {
    text-align: center;
    font-weight: bold;
}
 
#side-bar .menu-item a[href*="scp-series"] {
    text-align: center;
}
 
:is(#side-bar, #interwiki) .menu-item a:is(:hover, :focus) {
    color: rgb(var(--side-bar-link-color-hover));
    text-decoration: none;
}
 
:is(#side-bar, #interwiki) .menu-item a::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    background-color: rgb(var(--side-bar-link-background-hover));
    transition: width var(--side-bar-link-transition);
}
 
:is(#side-bar, #interwiki) .menu-item a:is(:hover, :focus)::before {
    width: 100%;
}
 
#side-bar iframe.scpnet-interwiki-frame {
    width: 100%;
}
 
#footer {
    display: grid !important;
    align-items: center;
    grid-template-columns: 1fr max-content max-content;
    font-size: var(--footer-font-size);
    padding: var(--bottom-area-padding);
    font-family: var(--UI-font);
    color: rgb(var(--bottom-area-text-color));
    background-color: rgb(var(--bottom-area-background-color));
    box-sizing: border-box;
    padding-bottom: 0;
    direction: ltr;
}
 
#footer a {
    color: rgb(var(--footer-link-color));
}
 
#footer>a:last-child {
    margin-left: 0.375ch;
}
 
#footer .options {
    display: flex !important;
    flex-wrap: wrap;
    font-size: 0;
    margin-right: calc(var(--bottom-area-padding)/2);
    padding-right: calc(var(--bottom-area-padding)/2);
    border-right: solid var(--footer-divider-thickness) rgb(var(--footer-divider-color));
}
 
#footer .options a {
    font-size: var(--footer-font-size);
    margin: 0.5ch 2ch;
}
 
div#license-area {
    font-family: var(--UI-font);
    font-size: var(--license-area-font-size);
    color: rgb(var(--bottom-area-text-color));
    background-color: rgb(var(--bottom-area-background-color));
    box-sizing: border-box;
    text-align: center;
    padding: var(--bottom-area-padding);
    padding-top: calc(var(--bottom-area-padding)/2);
    position: relative;
}
 
#license-area::before,
#license-area::after {
    content: "";
    display: block;
    height: var(--license-area-logo-size);
    width: 100%;
    margin-block-end: calc(var(--bottom-area-padding)/2);
}
 
#license-area::before {
    background: rgb(var(--license-area-divider-color));
    clip-path: inset(calc(50% - var(--license-area-divider-thickness)/2) 0);
    -webkit-mask-image: linear-gradient(90deg, black 0%, black calc(50% - var(--license-area-logo-size)/2 - var(--bottom-area-padding)/2), transparent calc(50% - var(--license-area-logo-size)/2 - var(--bottom-area-padding)/2), transparent calc(50% + var(--license-area-logo-size)/2 + var(--bottom-area-padding)/2), black calc(50% + var(--license-area-logo-size)/2 + var(--bottom-area-padding)/2), black 100%);
    mask-image: linear-gradient(90deg, black 0%, black calc(50% - var(--license-area-logo-size)/2 - var(--bottom-area-padding)/2), transparent calc(50% - var(--license-area-logo-size)/2 - var(--bottom-area-padding)/2), transparent calc(50% + var(--license-area-logo-size)/2 + var(--bottom-area-padding)/2), black calc(50% + var(--license-area-logo-size)/2 + var(--bottom-area-padding)/2), black 100%);
}
 
#license-area::after {
    position: absolute;
    top: calc(var(--bottom-area-padding)/2);
    left: 0;
    background-image: var(--license-area-logo);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
 
#license-area a {
    font-weight: bold;
}
 
#license-area a::after {
    content: ".";
}
 
#footer-bar {
    max-width: unset;
    margin: 0;
    padding: 0.75rem var(--main-content-side-margin);
    color: rgb(var(--bottom-area-text-color));
    background-color: rgb(var(--bottom-area-background-color));
    border: none;
}
 
#footer-bar .units {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
 
#footer-bar .units .unit {
    flex-basis: 12.5rem;
    text-align: center;
}
 
@media only screen and (max-width: 1024px) {
    :root {
        --header-final-height: var(--header-mobile-height);
    }
 
    #header {
        top: calc(var(--base-header-height)*-1);
        grid-template-areas: "h-link h-link h-link search user""open-menu top-bar top-bar top-bar top-bar";
        grid-template-rows: var(--base-header-height) var(--top-bar-mobile-height);
    }
 
    #top-bar div.mobile-top-bar>ul {
        display: flex;
    }
 
    #top-bar div.top-bar>ul {
        display: none;
    }
 
    #top-bar div[class*="top-bar"]>ul>li {
        position: static;
        flex-grow: 1;
        flex-basis: auto;
    }
 
    #top-bar div[class*="top-bar"]>ul>li>a {
        padding: 0 calc(var(--header-UI-font-size)*0.25);
    }
 
    #top-bar div[class*="top-bar"] ul li ul {
        transform: none;
        left: 0;
    }
 
    #top-bar div.mobile-top-bar>.open-menu {
        visibility: visible;
    }
 
    #side-bar {
        margin-top: 0;
        height: 100vh;
    }
 
    #side-bar,
    #side-bar:is(:hover, :focus-within):not(:target) {
        left: calc(var(--side-bar-width)*-1.125);
    }
 
    #side-bar::before,
    #side-bar::after {
        display: none;
    }
 
    #side-bar:target {
        left: 0;
        width: var(--side-bar-width);
        z-index: 10;
    }
 
    #side-bar a.close-menu,
    #side-bar:target a.close-menu {
        display: block;
        pointer-events: none;
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        min-width: 3.75rem;
        height: 100%;
        margin-left: 0;
        opacity: 0;
        background-color: rgb(var(--modal-fader-background-color), var(--basalt-UI-opacity));
        -webkit-backdrop-filter: blur(var(--basalt-UI-blur));
        backdrop-filter: blur(var(--basalt-UI-blur));
        z-index: -1;
        transition: width var(--side-bar-transition), opacity var(--side-bar-transition);
    }
 
    #side-bar:target a.close-menu {
        width: calc(100% - var(--side-bar-width));
        pointer-events: auto;
        opacity: 1;
    }
}
 
@media screen and (prefers-reduced-motion: reduce) {
 
    *,
    *::before,
    *::after {
        animation-duration: 0s !important;
        transition-duration: 0s !important;
    }
}
 
div#print-options {
    font-size: var(--true-font-size);
    font-family: var(--UI-font);
    padding: 1rem;
    margin: 0;
    background-color: rgb(var(--basalt-secondary-color));
    border: none;
}
 
#print-options tr>td:first-child {
    font-weight: bold;
}
 
#print-options tr>td:last-child {
    font-size: 0;
}
 
#print-options tr>td a {
    font-size: var(--true-font-size);
    display: inline-block;
    padding: 0.375em 1.25em;
    color: rgb(var(--button-text-color));
    text-decoration: none;
    border-bottom: solid 0.05em rgb(var(--general-border-color));
    transition: all var(--button-hover-transition);
}
 
#print-options tr>td a:is(:hover, :focus) {
    color: rgb(var(--basalt-focus-color));
    border-bottom-color: rgb(var(--basalt-focus-color));
}
 
div#print-head {
    font-family: var(--mono-font);
    padding: 0 0.5rem;
    text-align: center;
}
 
body.print-body #container {
    margin: 0;
}
 
body.print-body #container>hr {
    display: none;
}
 
body.print-body #page-info {
    width: 100%;
    text-align: right;
    padding: 0;
}
 
body {
    color: rgb(var(--basalt-main-text-color));
    background-color: rgb(var(--basalt-background-color));
    font-family: var(--body-font);
    font-feature-settings: "salt", "ss01", "ss02";
    font-size: var(--true-font-size);
}
 
body,
li,
p {
    line-height: 1.5;
}
 
code,
.code,
.code pre,
.code p,
tt {
    font-family: var(--mono-font);
    font-size: inherit;
}
 
sub,
sup {
    position: relative;
    font-size: 0.775em;
}
 
sup {
    top: -0.625em;
}
 
sub {
    bottom: -0.625em;
}
 
img,
table,
iframe {
    max-width: 100%;
}
 
#page-content div {
    max-width: 100%;
}
 
* {
    scrollbar-width: thin;
    scrollbar-color: rgb(var(--scrollbar-thumb-color)) rgb(var(--scrollbar-track-color));
}
 
::-webkit-scrollbar {
    width: 0.5rem;
    background: transparent;
}
 
::-webkit-scrollbar-track {
    background: rgb(var(--scrollbar-track-color));
}
 
::-webkit-scrollbar-thumb {
    background-color: rgb(var(--scrollbar-thumb-color));
}
 
::selection {
    background-color: rgb(var(--selection-background-color), 0.875);
    color: rgb(var(--selection-text-color));
}
 
#main-content [id] {
    scroll-margin-top: var(--header-final-height);
}
 
@media only screen and (max-width: 1024px) {
    #main-content [id] {
        --header-final-height: var(--top-bar-mobile-height);
    }
}
 
h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit;
    font-weight: bold;
    font-family: var(--header-font);
    margin: 0.325em 0;
    line-height: 1.25;
}
 
h1 {
    font-size: 2em;
}
 
h2 {
    font-size: 1.75em;
}
 
h3 {
    font-size: 1.5em;
}
 
h4 {
    font-size: 1.325em;
}
 
h5 {
    font-size: 1.15em;
}
 
h6 {
    font-size: 1em;
}
 
a:any-link {
    color: rgb(var(--link-color));
    background-color: transparent;
    text-decoration: none;
}
 
a:visited {
    color: rgb(var(--link-visited-color));
}
 
a:any-link:is(:hover, :focus) {
    text-decoration: underline 0.1em;
    text-underline-offset: 0.08em;
}
 
a.newpage {
    color: rgb(var(--link-newpage-color));
}
 
div.buttons input,
input[type="button"],
button {
    margin: 0;
    padding: 0.325em 0.5em;
    cursor: pointer;
    font-family: var(--UI-font);
    color: rgb(var(--button-text-color));
    background-color: rgb(var(--button-background-color));
    border: solid 0.125em rgb(var(--button-border-color));
    outline: rgb(var(--button-outline-color)) solid 0;
    transition: all var(--button-hover-transition);
}
 
:is(div.buttons input, input[type="button"], button):is(:focus, :hover) {
    color: rgb(var(--button-hover-text-color));
    background-color: rgb(var(--button-hover-background-color));
    border-color: rgb(var(--button-hover-border-color));
    outline-width: 0.25rem;
}
 
input[type="checkbox"],
[type="radio"] {
    appearance: none;
    display: inline-block;
    background-color: rgb(var(--basalt-background-color));
    border: solid 0.125em rgb(var(--basalt-tertiary-color));
    border-radius: 0;
    width: 1.15em;
    height: 1.15em;
    position: relative;
}
 
[type="radio"] {
    border-radius: 50%;
}
 
[type="radio"]:checked {
    border: solid 0.425em rgb(var(--basalt-focus-color));
}
 
[type="checkbox"]:checked {
    border-color: rgb(var(--basalt-focus-color));
    background-color: rgb(var(--basalt-focus-color));
}
 
[type="checkbox"]:checked::before,
[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 0.1875em;
    background-color: rgb(var(--basalt-light-text-color));
}
 
[type="checkbox"]:checked::before {
    height: 45%;
    bottom: 10%;
    left: 10%;
    transform: rotate(-45deg);
}
 
[type="checkbox"]:checked::after {
    height: 100%;
    bottom: 5%;
    left: 50%;
    transform: rotate(45deg);
}
 
textarea,
input[type="text"] {
    color: rgb(var(--basalt-main-text-color));
    border: solid 0.05rem rgb(var(--general-border-color));
    outline: solid 0 rgb(var(--basalt-focus-color));
    transition: outline-width 0.125s linear;
}
 
textarea:focus-visible,
input[type="text"]:focus-visible {
    outline-width: 0.175rem;
}
 
select {
    appearance: auto;
    color: rgb(var(--basalt-main-text-color));
    background-color: rgb(var(--basalt-background-color));
    padding: 0.25ch 0.325ch;
    border: solid 0.125em rgb(var(--general-border-color));
    box-sizing: border-box;
    outline: solid 0 rgb(var(--basalt-focus-color));
    transition: outline-width 0.125s linear;
}
 
select:focus {
    outline-width: 0.175rem;
}
 
table td {
    text-align: start;
}
 
#page-content table {
    width: max-content;
}
 
#page-content table:not(.form),
table.wiki-content-table {
    max-width: 100%;
    overflow-x: auto;
    box-sizing: border-box;
    margin: 0.25rem auto;
    border-collapse: collapse;
}
 
:is(#page-content table:not(.form), table.wiki-content-table) th {
    background-color: rgb(var(--basalt-UI-dark-palette));
    border-color: rgb(var(--basalt-UI-dark-palette));
    color: rgb(var(--basalt-light-text-color));
    padding: 0.5em 0.75em;
    font-family: var(--header-font);
    font-weight: bold;
}
 
:is(#page-content table:not(.form), table.wiki-content-table) td {
    border: solid 0.05rem rgb(var(--general-border-color));
    padding: 0.5em 0.625em;
}
 
hr {
    height: 0.1rem;
    margin: 1.5rem auto;
    background-color: rgb(var(--hr-color));
}
 
.creditRate>.rateBox,
.rate-box-with-credit-button>.page-rate-widget-box {
    display: contents;
}
 
#page-content .creditRate {
    float: none;
    display: block;
    margin: 0;
    text-align: right;
}
 
div.creditRate .rateBox {
    display: contents;
}
 
div.page-rate-widget-box,
div.rate-box-with-credit-button {
    display: inline-flex;
    box-shadow: none;
    background-color: rgb(var(--rate-module-background-color));
    border: none;
    border-radius: 0;
    margin: 0.25rem 0;
    padding: 0.325em;
    text-align: center;
}
 
div.page-rate-widget-box .rate-points {
    display: flex;
    align-items: center;
    color: rgb(var(--rate-module-text-color));
    background-color: transparent;
    padding: 0 0.625em;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    text-transform: uppercase;
    font-size: 0.675em;
    font-weight: bold;
}
 
.page-rate-widget-box .number {
    width: max-content;
    font-size: 1.5em;
    padding: 0 0.125em 0.05em;
}
 
div.page-rate-widget-box span.btn {
    display: block;
    width: var(--rate-module-button-size);
    height: var(--rate-module-button-size);
}
 
div.rate-box-with-credit-button .creditButton {
    display: block;
    width: var(--rate-module-button-size);
    height: var(--rate-module-button-size);
    padding-left: 0.325em;
}
 
div.rate-box-with-credit-button .creditButton>p {
    display: contents;
}
 
div.page-rate-widget-box span.btn>a,
div.rate-box-with-credit-button .creditButton>p>a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    color: transparent !important;
    background-color: transparent;
    box-sizing: border-box;
    transition: all 0.095s linear;
}
 
div.page-rate-widget-box span.btn>a {
    border-bottom: solid 0.05em rgb(var(--general-border-color));
}
 
div.page-rate-widget-box span.btn>a::before,
div.rate-box-with-credit-button .creditButton>p>a::before {
    content: "";
    display: block;
    background-color: rgb(var(--basalt-main-text-color));
    position: absolute;
    width: 100%;
    height: 100%;
    transition: background-color 0.095s linear;
}
 
div.rate-box-with-credit-button .creditButton>p>a::before {
    background-color: rgb(var(--basalt-UI-dark-palette));
}
 
div.rate-box-with-credit-button .creditButton>p>a::after {
    content: "";
    display: block;
    background-color: rgb(var(--basalt-light-text-color));
    position: absolute;
    width: 100%;
    height: 100%;
}
 
div.page-rate-widget-box span.btn>a::before,
div.rate-box-with-credit-button .creditButton>p>a::after {
    -webkit-mask-size: 40%;
    mask-size: 40%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}
 
div.page-rate-widget-box span.rateup>a::before {
    -webkit-mask-image: var(--vote-plus-mask);
    mask-image: var(--vote-plus-mask);
}
 
div.page-rate-widget-box span.ratedown>a::before {
    -webkit-mask-image: var(--vote-minus-mask);
    mask-image: var(--vote-minus-mask);
}
 
div.page-rate-widget-box span.cancel>a::before {
    -webkit-mask-image: var(--vote-cancel-mask);
    mask-image: var(--vote-cancel-mask);
}
 
div.rate-box-with-credit-button .creditButton>p>a::after {
    -webkit-mask-image: var(--vote-info-mask);
    mask-image: var(--vote-info-mask);
    -webkit-mask-size: 27.5%;
    mask-size: 27.5%;
}
 
div.page-rate-widget-box span.btn.rateup>a:is(:hover, :focus) {
    border-color: rgb(var(--rate-module-upvote-color));
}
 
div.page-rate-widget-box span.btn.ratedown>a:is(:hover, :focus) {
    border-color: rgb(var(--rate-module-downvote-color));
}
 
div.page-rate-widget-box span.btn.cancel>a:is(:hover, :focus) {
    border-color: rgb(var(--rate-module-cancel-color));
}
 
div.page-rate-widget-box span.btn.rateup>a:is(:hover, :focus)::before {
    background-color: rgb(var(--rate-module-upvote-color));
}
 
div.page-rate-widget-box span.btn.ratedown>a:is(:hover, :focus)::before {
    background-color: rgb(var(--rate-module-downvote-color));
}
 
div.page-rate-widget-box span.btn.cancel>a:is(:hover, :focus)::before {
    background-color: rgb(var(--rate-module-cancel-color));
}
 
div.rate-box-with-credit-button .creditButton>p>a:is(:hover, :focus)::before {
    background-color: rgb(var(--basalt-focus-color));
}
 
:is(#u-credit-view, #u-credit-otherwise) .fader {
    background: rgb(var(--modal-fader-background-color), var(--basalt-UI-opacity));
    backdrop-filter: blur(var(--basalt-UI-blur));
}
 
:is(#u-credit-view, div#u-credit-otherwise) .modalbox {
    display: flex;
    flex-direction: column;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgb(var(--basalt-background-color));
    padding: 0;
}
 
:is(#u-credit-view, #u-credit-otherwise) .modalbox>div:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.75rem;
    font-size: calc(var(--true-font-size)*0.675);
    text-transform: uppercase;
    background-color: rgb(var(--basalt-UI-dark-palette));
}
 
:is(#u-credit-view, #u-credit-otherwise) .modalbox>div:first-child>h2 {
    color: rgb(var(--basalt-light-text-color));
}
 
#u-credit-view .modalbox>.credit.first>p:first-child::before,
#u-credit-view .modalbox>.credit.first>p:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 2.75rem;
    width: 2.75rem;
    pointer-events: none;
}
 
#u-credit-view .modalbox>.credit.first>p:first-child::before {
    background: rgb(var(--basalt-cancel-color));
    height: 0;
    transition: height 0.125s ease-out;
}
 
#u-credit-view .modalbox>.credit.first>p:first-child::after {
    background: rgb(var(--basalt-light-text-color));
    -webkit-mask-image: var(--modal-close-mask);
    mask-image: var(--modal-close-mask);
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
 
#u-credit-view .modalbox>.credit.first>p:first-child:hover::before {
    height: 2.75rem;
}
 
#u-credit-view iframe.close-credits {
    transform: scale(1.875);
    height: 1rem !important;
    top: 1rem;
    right: 0.5rem;
    opacity: 0;
}
 
:is(#u-credit-view, #u-credit-otherwise) .modalbox>hr {
    margin: 1.25rem 1.25rem 0.625rem;
}
 
#u-credit-view .modalbox>div.credit {
    overflow: auto;
    margin: 0 1.25rem;
}
 
#u-credit-view .modalbox div.credit:last-child {
    margin: 0 !important;
}
 
#u-credit-view .creditBottomRate {
    height: auto !important;
}
 
#page-content :is(.image-block, .scp-image-block),
#page-content :is(.image-block, .scp-image-block)>* {
    max-width: 100%;
    box-sizing: border-box;
}
 
.image-block,
.scp-image-block {
    border-bottom: solid 0.325rem rgb(var(--basalt-undertone));
    width: 300px;
}
 
:is(.image-block, .scp-image-block) img {
    width: 100% !important;
}
 
:is(.image-block, .scp-image-block) :is(.image-caption, .scp-image-caption) {
    font-size: 0.875em;
    text-align: center;
    padding: 0.375rem 0.625rem;
    background: rgb(var(--image-caption-background-color));
}
 
:is(.image-block, .scp-image-block) :is(.image-caption, .scp-image-caption) p {
    margin: 0;
}
 
:is(.image-block, .scp-image-block).block-right {
    margin: 0.25rem 0 0.5rem 2rem;
    float: right;
}
 
:is(.image-block, .scp-image-block).block-left {
    margin: 0.25rem 2rem 0.5rem 0;
    float: left;
}
 
:is(.image-block, .scp-image-block).block-center {
    margin: 0.25rem auto;
}
 
@media only screen and (max-width: 580px) {
    :is(.image-block, .scp-image-block):is(.block-right, .block-left) {
        float: none;
        margin: 0.25rem auto;
    }
}
 
div.wiki-note {
    width: min(100%, calc(var(--main-content-width)*0.5));
    margin: 0.75rem auto;
    padding: 0.25rem 1.5rem;
    box-sizing: border-box;
    border: none;
    background-color: rgb(var(--basalt-alternate-color), 0.075);
    text-align: justify;
}
 
.error-block {
    margin: 0.5rem;
    padding: 0.375rem 1.15rem;
    border: solid 0.05rem rgb(var(--basalt-negative-color));
    color: rgb(var(--basalt-negative-color));
}
 
.error-inline {
    color: rgb(var(--basalt-negative-color));
    border: 0.05em solid currentColor;
}
 
.code :is(.hl-default, .hl-code, .hl-brackets, .hl-identifier) {
    color: rgb(var(--basalt-main-text-color));
}
 
blockquote,
div.blockquote {
    background-color: rgb(var(--blockquote-background-color));
    border: solid var(--blockquote-border-width) rgb(var(--blockquote-border-color));
    margin: 1.25rem auto;
    padding: 0.125rem 1.45rem;
    box-sizing: border-box;
}
 
#main-content blockquote,
#main-content div.blockquote {
    max-width: calc(var(--main-content-width)*0.825);
}
 
.code {
    background-color: rgb(var(--blockquote-background-color));
    margin: 0.5rem 0;
    border: none;
    padding: 0.875rem 1rem;
}
 
.code pre {
    margin: 0;
}
 
div#toc {
    max-width: calc(var(--main-content-width)*0.375);
    min-width: min(100%, calc(var(--main-content-width)*0.25));
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    background-color: rgb(var(--toc-background-color));
    border: solid var(--toc-border-width) rgb(var(--toc-border-color));
    box-sizing: border-box;
}
 
#toc.floatright {
    float: right;
    margin: 0.25rem 0 0.25rem 1.5rem;
}
 
#toc.floatleft {
    float: left;
    margin: 0.25rem 1.5rem 0.25rem 0;
}
 
#page-content table[style^="margin:0;"] td[style^="margin:0;"] {
    display: contents;
}
 
#toc #toc-action-bar {
    text-align: right;
    padding: 0.625rem;
    width: 4em;
}
 
#toc .title {
    flex-grow: 1;
    order: -1;
    padding: 0.625rem 0.875em;
    margin: 0;
    text-align: left;
    font-size: 1.05em;
}
 
#toc-list {
    width: 100%;
    border-top: inherit;
    margin: 0;
    padding: 0.625rem;
    padding-left: 1.125rem;
    background-color: rgb(var(--basalt-background-color));
    counter-reset: toc-num1;
}
 
#toc-list div[style*="1em"] {
    counter-increment: toc-num1;
    position: relative;
}
 
#toc-list div[style*="1em"]::before {
    content: counter(toc-num1) ".";
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    font-size: 0.75em;
    display: flex;
    align-items: center;
    font-family: var(--UI-font);
    padding-right: 0.325em;
}
 
#toc-list>div[style*="2em"]>a {
    font-size: 0.965em;
}
 
#toc-list>div[style*="3em"]>a {
    font-size: 0.915em;
}
 
#toc-list>div[style*="4em"]>a {
    font-size: 0.865em;
}
 
#toc-list>div[style*="5em"]>a {
    font-size: 0.835em;
}
 
#toc-list>div[style*="6em"]>a {
    font-size: 0.775em;
}
 
.yui-navset.yui-navset-top {
    display: flex;
    flex-direction: column;
    margin: 0.75rem 0;
}
 
.yui-navset.yui-navset-top>ul.yui-nav {
    display: flex;
    flex-wrap: wrap;
    border: none;
    font-family: var(--mono-font);
    font-size: 0.95em;
    grid-gap: 0.05rem;
    background-color: rgb(var(--general-border-color));
}
 
.yui-navset.yui-navset-top>ul.yui-nav>li {
    margin: 0;
    padding: 0;
    flex-grow: 1;
    background-color: rgb(var(--tab-background-color));
    position: relative;
    isolation: isolate;
}
 
.yui-navset.yui-navset-top>ul.yui-nav>li>a {
    display: flex;
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    color: rgb(var(--basalt-main-text-color));
    align-items: center;
    justify-content: center;
    text-decoration: none;
    text-align: center;
    padding: 0.5em 1.5em;
    box-sizing: border-box;
    transition: all var(--tab-transition);
}
 
.yui-navset.yui-navset-top>ul.yui-nav>li>a:is(:hover, :focus),
.yui-navset.yui-navset-top>ul.yui-nav>li.selected>a {
    color: rgb(var(--tab-focus-text-color));
}
 
.yui-navset.yui-navset-top>ul.yui-nav>li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 0;
    height: 100%;
    background-color: rgb(var(--tab-hover-background-color));
    transition: all var(--tab-transition);
}
 
.yui-navset.yui-navset-top>ul.yui-nav>li:is(:hover, :focus-within)::before {
    width: 100%;
}
 
.yui-navset.yui-navset-top>ul.yui-nav>li.selected {
    z-index: 1;
    font-weight: bold;
}
 
.yui-navset.yui-navset-top>ul.yui-nav>li.selected::before {
    width: 100%;
    background-color: rgb(var(--tab-selected-background-color));
}
 
.yui-navset.yui-navset-top>ul.yui-nav>li.selected::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: rgb(var(--tab-selected-background-color)) transparent transparent transparent;
    border-width: 0.575rem;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}
 
.yui-navset.yui-navset-top>ul.yui-nav>li>a>em {
    display: inline;
    border: none;
    padding: 0;
    top: 0;
    position: static;
}
 
.yui-navset.yui-navset-top .yui-content {
    border: solid var(--tab-border-width) rgb(var(--general-border-color));
    padding: 0.625rem 1rem;
    background-color: transparent;
}
 
.bibitems,
.footnotes-footer {
    position: relative;
    isolation: isolate;
    padding: 0;
    padding-bottom: 0.5rem;
    background: rgb(var(--basalt-secondary-color));
    margin: 1.25rem 0;
    height: auto;
}
 
.bibitems::before,
.footnotes-footer::before {
    content: "";
    position: absolute;
    width: 0.35rem;
    height: 100%;
    inset-block-start: 0;
    inset-inline-start: 0;
    background-color: rgb(var(--basalt-UI-dark-palette));
}
 
.bibitems .title,
.footnotes-footer .title {
    font-family: var(--UI-font);
    font-size: var(--true-font-size);
    font-weight: bold;
    text-transform: uppercase;
    background-color: rgb(var(--basalt-UI-dark-palette));
    color: rgb(var(--basalt-light-text-color));
    width: max-content;
    padding: 0.25em 0.5em;
    position: relative;
    margin: 0;
    margin-block-end: -0.5rem;
    inset-block-start: -0.75rem;
}
 
.bibitems {
    counter-reset: bibindex;
}
 
.bibitems .bibitem,
.footnotes-footer .footnote-footer {
    height: auto;
    margin: 0.375em 0;
    margin-inline-start: 2.75rem;
    text-indent: -0.575ch;
    position: relative;
}
 
.bibitems .bibitem>*,
.footnotes-footer .footnote-footer>* {
    text-indent: 0;
}
 
.bibitems .bibitem::first-letter {
    font-size: 0;
}
 
.bibitems .bibitem::after {
    counter-increment: bibindex;
    content: counter(bibindex) ".";
    font-weight: bold;
    display: inline-block;
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: calc(100% + 0.25ch);
    font-family: var(--mono-font);
}
 
.footnotes-footer .footnote-footer {
    text-indent: -0.875ch;
}
 
.footnotes-footer .footnote-footer>a:first-child {
    inset-block-start: 0;
    inset-inline-end: calc(100% + 0.15ch);
    display: inline-block;
    font-weight: bold;
    position: absolute;
    font-family: var(--mono-font);
    background-color: rgb(var(--footnote-background-color));
}
 
.footnotes-footer .footnote-footer>a:first-child::after {
    content: ".";
}
 
.hovertip {
    width: max-content;
    max-width: min(87.5%, calc(var(--main-content-width)*0.75));
    background-color: rgb(var(--footnote-background-color)) !important;
    border: solid 0.125rem rgb(var(--general-border-color)) !important;
    font-size: calc(var(--true-font-size)*0.95);
}
 
.hovertip .content {
    padding: 0.325em 0.5em;
}
 
.hovertip .content .footnote .f-heading,
.hovertip .content .reference .r-heading {
    background-color: rgb(var(--basalt-UI-dark-palette));
    color: rgb(var(--basalt-light-text-color));
    width: max-content;
    padding: 0.25ch 0.75ch;
    font-family: var(--UI-font);
    position: absolute;
    inset-block-start: -1em;
    inset-inline-start: -0.125rem;
}
 
.hovertip .content .footnote::before,
.hovertip .content .reference::before {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 0.325rem;
    inset-inline-start: -0.125rem;
    inset-block-start: 0.125rem;
    background-color: rgb(var(--basalt-UI-dark-palette));
}
 
.hovertip .content .footnote .f-content,
.hovertip .content .reference .r-content {
    padding-inline-start: 0.5rem;
    margin: 0.625rem 0 0;
}
 
.hovertip .content .footnote .f-footer,
.hovertip .content .reference .r-footer {
    text-align: end;
    font-size: 0.825em;
    color: rgb(var(--basalt-sub-text-color));
}
 
.printuser a {
    margin-right: 0;
}
 
.printuser {
    display: inline-flex;
    align-items: baseline;
    grid-gap: 0.25em;
    text-indent: 0;
}
 
.printuser>a:first-child {
    display: flex;
    user-select: none;
    align-self: center;
    min-width: max-content;
}
 
.printuser>a:first-child img {
    height: 1.15em;
    width: 1.15em;
    padding: 0;
    padding-left: 0.5em;
    object-fit: contain;
    background-size: cover;
    overflow: hidden;
}
 
#avatar-hover-container {
    display: none;
}
 
.odialog-shader,
.odialog-shader-iframe {
    display: none;
}
 
#odialog-container[style*="block"] {
    display: flex !important;
    justify-content: center;
    align-items: center;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgb(var(--modal-fader-background-color), var(--basalt-UI-opacity));
    backdrop-filter: blur(var(--basalt-UI-blur));
}
 
.owindow {
    position: relative;
    top: initial !important;
    left: initial !important;
    background-color: rgb(var(--basalt-background-color));
    border: none;
    flex-basis: calc(100vw - var(--main-content-side-margin)*2);
    max-width: 80ch;
    display: grid;
}
 
.owindow h1 {
    margin: 0;
    text-align: center;
    flex-grow: 1;
}
 
.owindow p {
    margin: 0.5em 0;
}
 
.owindow>*:not(.button-bar, .title) {
    padding: 0.625em 0.875em 0;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 0.625rem;
    align-items: center;
    justify-content: center;
}
 
.owindow .title {
    cursor: initial;
    font-family: var(--header-font);
    font-size: 1.15em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 0.75em;
    color: rgb(var(--basalt-light-text-color));
    background-color: rgb(var(--basalt-UI-dark-palette));
    height: 2.75rem;
    display: flex;
    align-items: center;
}
 
.owindow .button-bar {
    margin: 0;
    padding: 0 0.5rem 0.5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 0.5rem;
}
 
.owindow .button-bar>a:not([onclick*="cleanAll"]),
.owindow div[style*="margin-top"] a {
    margin: 0;
    display: inline-block;
    flex-basis: 12em;
    flex-grow: 1;
    text-align: center;
    padding: 0.5ch;
    font-family: var(--UI-font);
    text-decoration: none;
    color: rgb(var(--button-text-color));
    background-color: rgb(var(--button-background-color));
    border: solid 0.125em rgb(var(--button-border-color));
    outline: rgb(var(--button-outline-color)) solid 0;
    transition: all var(--button-hover-transition);
}
 
.owindow .button-bar>a:not([onclick*="cleanAll"]):is(:hover, :focus),
.owindow div[style*="margin-top"] a:is(:hover, :focus) {
    color: rgb(var(--button-hover-text-color));
    background-color: rgb(var(--button-hover-background-color));
    border-color: rgb(var(--button-hover-border-color));
    outline-width: 0.25rem;
}
 
.owindow .button-bar>a,
.owindow .button-bar>a:hover {
    background: transparent;
}
 
.owindow .button-bar>a[onclick*="cleanAll"] {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    border: none;
    height: 2.75rem;
    width: 2.75rem;
    font-size: 0;
    background-image: linear-gradient(to bottom, rgb(var(--basalt-cancel-color)), rgb(var(--basalt-cancel-color)));
    background-size: 100% 0;
    background-position: 0 0;
    background-repeat: no-repeat;
    transition: background-size 0.125s ease-out;
}
 
.owindow .button-bar>a[onclick*="cleanAll"]:is(:hover, :focus) {
    background-size: 100% 100%;
}
 
.owindow .button-bar>a[onclick*="cleanAll"]::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: -1;
}
 
.owindow .button-bar>a[onclick*="cleanAll"]::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgb(var(--basalt-light-text-color));
    -webkit-mask-image: var(--modal-close-mask);
    mask-image: var(--modal-close-mask);
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
 
.owindow.owait .content {
    margin: 0;
    padding: 0.625em 0.875em 1.325em;
    background-image: none;
    flex-direction: column;
    grid-gap: 0.75rem;
    text-align: center;
}
 
.owindow.owait .content::after {
    content: " ";
    display: block;
    width: 1.75rem;
    height: 1.75rem;
    box-sizing: border-box;
    border: solid 0.375rem rgb(var(--basalt-undertone));
    margin: 0 auto;
    animation: load-rotate 1.325s ease-in-out infinite, load-pulsate .875s linear infinite;
}
 
@keyframes load-rotate {
    50% {
        transform: rotate(0deg);
    }
 
    100% {
        transform: rotate(90deg);
    }
}
 
@keyframes load-pulsate {
    0% {
        box-shadow: 0 0 0 0 rgba(var(--basalt-undertone), 0.5), inset 0 0 0 0 rgba(var(--basalt-undertone), 0.375);
    }
 
    70% {
        box-shadow: 0 0 0 0.675rem rgba(var(--basalt-undertone), 0), inset 0 0 0 0.45rem rgba(var(--basalt-undertone), 0);
    }
 
    100% {
        box-shadow: 0 0 0 0 rgba(var(--basalt-undertone), 0), inset 0 0 0 0 rgba(var(--basalt-undertone), 0);
    }
}
 
.owindow>*:not(.button-bar, .title)>img {
    float: none !important;
    padding: 0 !important;
    background: transparent !important;
    height: 5.25em;
}
 
.owindow>*:not(.button-bar, .title)>*:not(img, img + h1) {
    flex-basis: 100%;
}
 
.owindow>.content.modal-body>img+h1+table {
    display: grid;
    border: solid rgb(var(--basalt-tertiary-color));
    border-width: 0.1em 0;
    max-height: 47.5vh;
    overflow-y: auto;
    direction: rtl;
}
 
.owindow>.content.modal-body>img+h1+table>tbody {
    display: contents;
}
 
.owindow>.content.modal-body>img+h1+table>tbody>tr {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(30ch, 100%), 1fr));
    align-items: center;
    padding: 0.5em;
    direction: ltr;
}
 
.owindow>.content.modal-body>img+h1+table>tbody>tr:not(:last-child) {
    border-bottom: solid 0.1em rgb(var(--basalt-tertiary-color));
}
 
.owindow>.content.modal-body>img+h1+table>tbody>tr>td {
    display: block;
    padding: 0;
    text-align: justify;
}
 
.owindow>.content.modal-body>img+h1+table>tbody>tr>td:first-child {
    font-family: var(--UI-font);
}
 
.owindow div[style*="margin-top"] {
    display: grid;
    grid-gap: 0.5rem;
    grid-template-columns: repeat(auto-fill, minmax(min(12em, 100%), 1fr));
}
 
.owindow div[style*="margin-top"]>div {
    display: contents;
}
 
.owindow div[style*="margin-top"]>div>a {
    order: 4;
    grid-column: -1/-2;
    --button-text-color: var(--basalt-cancel-color);
}
 
:is(#flag-user-options-flag, #flag-user-options-unflag):not([style*="none"]) {
    display: flex !important;
    margin: 0;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 0.325rem;
    align-items: center;
}
 
:is(#flag-user-options-flag, #flag-user-options-unflag)>* {
    flex-basis: 12em;
    flex-grow: 1;
    border: none;
    margin: 0;
    padding: 0.25em 0.375em;
    font-family: var(--UI-font);
    font-size: 1.325em;
    color: rgb(var(--basalt-sub-text-color));
    font-weight: bold;
}
 
:is(#flag-user-options-flag, #flag-user-options-unflag)>a {
    display: block;
    text-align: center;
    font-weight: normal;
    text-decoration: none;
    color: rgb(var(--button-text-color));
    background-color: rgb(var(--button-background-color));
    border: solid 0.125em rgb(var(--button-border-color));
    outline: rgb(var(--button-outline-color)) solid 0;
    transition: all var(--button-hover-transition);
}
 
:is(#flag-user-options-flag, #flag-user-options-unflag)>a:is(:hover, :focus) {
    color: rgb(var(--button-hover-text-color));
    background-color: rgb(var(--button-hover-background-color));
    border-color: rgb(var(--button-hover-border-color));
    outline-width: 0.25rem;
}
 
#flag-user-options-flag a.flag-user-abusive {
    --button-text-color: var(--basalt-negative-color);
}
 
#flag-user-options-unflag a.unflag-user-ok {
    --button-text-color: var(--basalt-positive-color);
}
 
#page-title,
.meta-title {
    font-family: var(--header-font);
    font-weight: bold;
    font-size: 2.325em;
    border-bottom: solid 0.125rem rgb(var(--title-border-color));
    padding: 0;
    margin: 0;
}
 
.meta-title>p {
    margin: 0;
}
 
#breadcrumbs,
.pseudocrumbs {
    font-size: 0.875em;
    margin: 0;
    font-weight: bold;
}
 
.pseudocrumbs>p {
    margin: 0;
}
 
:is(#breadcrumbs, .pseudocrumbs) a {
    font-weight: normal;
}
 
.footer-wikiwalk-nav {
    font-weight: bold;
    font-size: 0.875em;
    text-align: center;
}
 
#main-content>.page-tags {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    --basalt-focus-color: var(--link-color);
}
 
#main-content>.page-tags>span {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 0.25rem;
    width: max-content;
    max-width: 100%;
    font-size: calc(var(--true-font-size)*0.75);
    padding-top: 0.375rem;
    border: none;
}
 
#main-content>.page-tags>span a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0;
    padding: 0.25em 0.475em;
    flex-grow: 1;
    background-color: rgba(var(--tag-background-color), var(--basalt-UI-opacity));
    border-radius: 0 0.5em;
    box-shadow: 0 0 0 0 rgb(var(--basalt-focus-color));
    transition: all var(--button-hover-transition);
}
 
#main-content>.page-tags>span a:is(:hover, :focus) {
    color: rgb(var(--basalt-light-text-color));
    background-color: rgb(var(--basalt-focus-color));
    box-shadow: 0 0 0 0.25rem rgb(var(--basalt-focus-color));
    text-decoration: none;
}
 
#main-content>.page-tags>span a[href^='/system:page-tags/tag/_'] {
    display: none;
}
 
#page-info-break {
    height: 1rem;
    margin: 0;
}
 
#page-options-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 0.775em;
    align-items: center;
}
 
#page-info {
    padding: 0;
    margin: 0;
    font-family: var(--UI-font);
    font-size: calc(var(--true-font-size)*0.675);
}
 
#page-options-container .page-watch-options {
    font-family: var(--UI-font);
    font-size: calc(var(--true-font-size)*0.75);
    text-align: left;
}
 
#page-info {
    padding: 0.325em 0 0;
    margin: 0;
    width: max-content;
    font-family: var(--UI-font);
    text-align: left;
    text-transform: uppercase;
}
 
div[id*="page-options-bottom"] {
    --po-padding: 0.5rem;
    width: 100%;
    line-height: 1.5;
    text-align: center;
    margin: 0;
    font-size: var(--true-font-size);
    position: relative;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    row-gap: var(--po-padding);
    padding: var(--po-padding);
    padding-inline-end: calc(7.25rem + var(--po-padding));
    background-color: rgb(var(--basalt-secondary-color));
    box-sizing: border-box;
}
 
div[id*="page-options-bottom"]>a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0;
    padding: 0.5rem;
    box-sizing: border-box;
    flex-basis: 7.25rem;
    flex-grow: 1;
    font-size: calc(var(--true-font-size)*0.875);
    color: rgb(var(--button-text-color));
    text-decoration: none;
    border-bottom: solid 0.05em rgb(var(--general-border-color));
    transition: all var(--button-hover-transition);
}
 
div[id*="page-options-bottom"]>a:is(:hover, :focus) {
    text-decoration: none;
}
 
#more-options-button,
#delete-button {
    position: absolute;
    inset-block-start: var(--po-padding);
    inset-inline-end: var(--po-padding);
    width: calc(7.25rem - var(--po-padding));
    height: calc(100% - var(--po-padding)*2);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(var(--basalt-UI-dark-palette));
    color: rgb(var(--basalt-light-text-color));
    border: none;
}
 
#page-options-bottom-2 {
    padding-top: 0;
}
 
#delete-button {
    top: 0;
    color: rgba(var(--basalt-cancel-color));
    background-color: rgba(var(--basalt-cancel-color), 0.105);
    height: calc(100% - var(--po-padding));
}
 
div[id*="page-options-bottom"]>a:is(:hover, :focus) {
    font-weight: bold;
    color: rgb(var(--basalt-focus-color));
    border-bottom-color: currentColor;
}
 
#more-options-button:is(:hover, :focus),
#delete-button:is(:hover, :focus) {
    color: rgb(var(--basalt-light-text-color));
    background-color: rgb(var(--basalt-focus-color));
}
 
@media only screen and (max-width: 32rem) {
    div[id*="page-options-bottom"] {
        width: 100%;
        padding-inline-end: var(--po-padding);
    }
 
    #more-options-button,
    #delete-button {
        position: static;
        inset-block-start: initial;
        inset-inline-end: initial;
        width: initial;
        height: initial;
        flex-basis: 100%;
    }
}
 
.licensebox a.collapsible-block-link {
    color: rgb(var(--basalt-sub-text-color));
    font-weight: bold;
}
 
.bblock {
    background-color: rgb(var(--basalt-main-text-color));
    transition: color 0.75s linear;
}
 
.bblock:is(:hover, :focus-within) {
    background-color: rgb(var(--basalt-main-text-color));
    color: rgb(var(--basalt-light-text-color));
}
 
.dblock {
    background-color: currentColor;
    transition: background-color 0.75s linear;
}
 
.dblock:is(:hover, :focus-within) {
    background-color: transparent;
}
 
.keycap {
    background-color: rgb(var(--basalt-secondary-color));
    padding: 0.25em;
    border-radius: 0.25rem;
    box-shadow: 0 0.125em 0 0.05em rgb(var(--general-border-color));
}
 
.tags {
    display: inline-block;
    background-color: rgba(var(--tag-background-color), var(--basalt-UI-opacity));
    border-radius: 0 0.5em;
    padding: 0.25em 0.475em;
    transition: all var(--button-hover-transition);
}
 
.tags:is(:hover, :focus, :focus-within) {
    color: rgb(var(--basalt-light-text-color));
    background-color: rgb(var(--basalt-focus-color));
    box-shadow: 0 0 0 0.25rem rgb(var(--basalt-focus-color));
}
 
.rt,
rt {
    display: table-header-group;
    font-size: .625em;
    line-height: 1.15;
}
 
.ruby,
ruby {
    display: inline-table;
    height: 1em;
    line-height: 1;
    vertical-align: text-bottom;
}
 
.rt,
.ruby,
rt,
ruby {
    text-align: center;
    white-space: nowrap;
}
 
#action-area p {
    margin: 0.325em 0 0.625em;
}
 
#action-area div.sub {
    color: rgb(var(--basalt-sub-text-color));
    font-size: 81.25%;
    text-align: right;
}
 
#action-area div.buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 0.5rem;
    padding: 0.625em 0;
    width: 100%;
    max-width: calc(var(--main-content-width)*0.75);
    margin: 0 auto;
}
 
#action-area div.buttons>* {
    flex-basis: 12em;
    flex-shrink: 1;
    flex-grow: 1;
}
 
#history-subarea:not([style*="none"]),
#action-area:not([style*="none"]) {
    display: grid !important;
}
 
#history-subarea,
#action-area {
    position: relative;
    padding: 0;
    margin: 1rem 0 0;
    grid-template-columns: 1fr max-content;
}
 
#history-subarea>*,
#action-area>* {
    grid-column: 1 / 3;
}
 
:is(#action-area, div.buttons) :is(a, input).btn,
#history-subarea a.action-area-close,
#view-diff-div a.button {
    cursor: pointer;
    margin: 0;
    display: inline-block;
    text-align: center;
    padding: 0.5ch;
    font-family: var(--UI-font);
    text-decoration: none;
    color: rgb(var(--button-text-color));
    background-color: rgb(var(--button-background-color));
    border: solid 0.125em rgb(var(--button-border-color));
    outline: rgb(var(--button-outline-color)) solid 0;
    transition: all var(--button-hover-transition);
}
 
:is(#action-area, div.buttons) :is(a, input).btn:is(:hover, :focus),
#history-subarea a.action-area-close:is(:hover, :focus),
#view-diff-div a.button:is(:hover, :focus) {
    color: rgb(var(--button-hover-text-color));
    background-color: rgb(var(--button-hover-background-color));
    border-color: rgb(var(--button-hover-border-color));
    outline-width: 0.25rem;
}
 
#action-area div.buttons> :is([name="cancel"], [onclick*="page.listeners.closeActionArea(event)"]) {
    --button-text-color: var(--basalt-cancel-color);
}
 
#action-area div.buttons> :is([name="save"], [onclick*="PageTagsModule.listeners.save(event)"]) {
    --button-text-color: var(--basalt-positive-color);
    font-weight: bold;
}
 
#view-diff-div>h1+p {
    text-align: center;
}
 
#view-diff-div a.button {
    --button-text-color: var(--basalt-cancel-color);
}
 
#action-area a.action-area-close {
    float: none;
    grid-column: 2 / 3;
    grid-row-start: 1;
    z-index: 1;
    align-self: center;
    width: max-content;
    color: rgb(var(--basalt-cancel-color));
}
 
#action-area>h1 {
    grid-row-start: 1;
    font-size: calc(var(--true-font-size)*1.2);
    text-transform: uppercase;
    display: flex;
    align-items: center;
    text-align: center;
    margin: 0.425rem 0;
}
 
#history-subarea>h2::before,
#history-subarea>h2::after,
#action-area>h1::before,
#action-area>h1::after {
    content: "";
    display: block;
    background-color: rgb(var(--action-area-border-color));
    height: 0.1rem;
    min-width: 2.5ch;
    flex-grow: 1;
}
 
#history-subarea>h2::before,
#action-area>h1::before {
    margin-right: 0.5ch;
}
 
#history-subarea>h2::after,
#action-area>h1::after {
    margin-left: 0.5ch;
    min-width: 4.25ch;
}
 
form#edit-page-form {
    font-family: var(--UI-font);
    max-width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-areas: "title title""toolbar toolbar""txt txt""help size""bottom bottom""hdn hdn""button button""notify notify";
    grid-template-columns: 1fr auto;
    column-gap: 0.5rem;
}
 
form#edit-page-form table.form {
    grid-area: title;
}
 
form#edit-page-form #wd-editor-toolbar-panel {
    grid-area: toolbar;
}
 
form#edit-page-form>div:nth-of-type(2) {
    grid-area: txt;
}
 
form#edit-page-form .change-textarea-size {
    grid-area: size;
}
 
form#edit-page-form .edit-help-34 {
    grid-area: help;
}
 
form#edit-page-form table.edit-page-bottomtable {
    grid-area: bottom;
}
 
form#edit-page-form #edit-page-captcha {
    grid-area: hdn;
}
 
form#edit-page-form .buttons.alignleft {
    grid-area: button;
}
 
form#edit-page-form .checkbox.do-not-notify {
    grid-area: notify;
}
 
form#edit-page-form table.form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    width: 100%;
    margin: 0 !important;
    font-size: calc(var(--true-font-size)*1.25);
}
 
form#edit-page-form table.form tbody,
form#edit-page-form table.form tr {
    display: contents;
}
 
form#edit-page-form table.form td {
    display: block;
    flex-grow: 1;
    font-weight: bold;
    padding: 0;
    margin: 0;
}
 
form#edit-page-form table.form td:nth-of-type(1) {
    font-size: var(--true-font-size);
    color: rgb(var(--basalt-main-text-color));
    transition: color 0.175s ease-out;
}
 
form#edit-page-form table.form:focus-within td:nth-of-type(1) {
    color: rgb(var(--basalt-focus-color));
}
 
form#edit-page-form table.form td:nth-of-type(2) {
    flex-grow: 99;
}
 
form#edit-page-form table.form td:nth-of-type(1)::after {
    content: "";
    display: block;
    height: 0.25rem;
    width: 0;
    background-color: rgb(var(--basalt-focus-color));
    order: 1;
    transition: width 0.175s ease-out;
}
 
form#edit-page-form table.form:focus-within td:nth-of-type(1)::after {
    width: 100%;
}
 
#edit-page-title {
    width: 100%;
    padding: 0.125ch 0.325ch;
    box-sizing: border-box;
    margin: 0;
    border: none;
    font-family: var(--header-font);
    background-color: rgb(var(--edit-area-ancillary-background-color));
}
 
#edit-page-title:focus-visible {
    outline: none;
}
 
#wd-editor-toolbar-panel {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: calc(var(--edit-area-toolbar-icon-size)/4);
    background-color: rgb(var(--edit-area-toolbar-background-color));
    border: solid var(--edit-area-border-width) rgb(var(--edit-area-border-color));
    border-bottom: 0;
    padding: 0.5rem;
    margin-top: 0.5rem;
}
 
#wd-editor-toolbar-panel>div {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    height: auto;
    grid-gap: calc(var(--edit-area-toolbar-icon-size)/4);
}
 
#wd-editor-toolbar-panel>div>ul {
    display: contents;
}
 
#wd-editor-toolbar-panel>div>ul>li {
    float: none;
    position: relative;
    margin: 0;
    padding: 0;
}
 
.wd-editor-toolbar-panel li.hseparator {
    display: none;
}
 
.wd-editor-toolbar-panel ul li a,
.wd-editor-toolbar-panel ul li a:hover {
    background-image: none;
}
 
#wd-editor-toolbar-panel ul li a {
    display: block;
    height: var(--edit-area-toolbar-icon-size);
    width: var(--edit-area-toolbar-icon-size);
    background-color: transparent;
    position: relative;
}
 
#wd-editor-toolbar-panel ul li ul {
    position: absolute;
    display: flex;
    flex-direction: column;
    border: none;
    border-inline-start: solid calc(var(--edit-area-toolbar-icon-size)/8) rgb(var(--basalt-UI-dark-palette));
    background-color: rgb(var(--edit-area-toolbar-background-color));
    top: 100%;
    left: 0;
    clip-path: inset(0 0 100% 0);
    pointer-events: none;
    transition: clip-path 0.175s ease-out;
}
 
#wd-editor-toolbar-panel ul li.sfhover ul,
#wd-editor-toolbar-panel ul li:is(:hover, :focus-within) ul {
    clip-path: inset(0);
    pointer-events: auto;
}
 
#wd-editor-toolbar-panel ul li ul li a {
    height: calc(var(--edit-area-toolbar-icon-size)*7/8);
    width: calc(var(--edit-area-toolbar-icon-size)*7/8);
}
 
#edit-page-form .wd-editor-toolbar-panel a:focus {
    outline: none;
}
 
#edit-page-form .wd-editor-toolbar-panel a::before,
#edit-page-form .wd-editor-toolbar-panel a::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
}
 
#edit-page-form .wd-editor-toolbar-panel a::after {
    background-color: rgb(var(--basalt-main-text-color));
    -webkit-mask-image: var(--edit-area-toolbar-icon-mask);
    mask-image: var(--edit-area-toolbar-icon-mask);
    -webkit-mask-size: 80%;
    mask-size: 80%;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transition: background-color var(--button-hover-transition);
}
 
#edit-page-form .wd-editor-toolbar-panel a::before {
    background-color: rgb(var(--basalt-focus-color));
    width: 0;
    transition: all var(--button-hover-transition);
}
 
#edit-page-form .wd-editor-toolbar-panel a:is(:hover, :focus)::before {
    width: 100%;
}
 
#edit-page-form .wd-editor-toolbar-panel div>ul>li.sfhover>a:not(:hover, :focus)::before,
#edit-page-form .wd-editor-toolbar-panel div>ul>li:focus-within>a:not(:hover, :focus)::before {
    width: 100%;
    background-color: rgb(var(--basalt-UI-dark-palette));
}
 
#edit-page-form .wd-editor-toolbar-panel a:is(:hover, :focus)::after,
#edit-page-form .wd-editor-toolbar-panel div>ul>li.sfhover>a:not(:hover, :focus)::after,
#edit-page-form .wd-editor-toolbar-panel div>ul>li:focus-within>a:not(:hover, :focus)::after {
    background-color: rgb(var(--basalt-light-text-color));
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-h1::after {
    --edit-area-toolbar-icon-mask: var(--h1-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-h2::after {
    --edit-area-toolbar-icon-mask: var(--h2-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-h3::after {
    --edit-area-toolbar-icon-mask: var(--h3-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-h4::after {
    --edit-area-toolbar-icon-mask: var(--h4-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-h5::after {
    --edit-area-toolbar-icon-mask: var(--h5-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-h6::after {
    --edit-area-toolbar-icon-mask: var(--h6-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-bold::after {
    --edit-area-toolbar-icon-mask: var(--bold-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-italic::after {
    --edit-area-toolbar-icon-mask: var(--italic-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-underline::after {
    --edit-area-toolbar-icon-mask: var(--underline-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-strikethrough::after {
    --edit-area-toolbar-icon-mask: var(--strikethrough-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-teletype::after {
    --edit-area-toolbar-icon-mask: var(--teletype-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-quote::after {
    --edit-area-toolbar-icon-mask: var(--quote-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-superscript::after {
    --edit-area-toolbar-icon-mask: var(--superscript-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-subscript::after {
    --edit-area-toolbar-icon-mask: var(--subscript-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-raw::after {
    --edit-area-toolbar-icon-mask: var(--rawtext-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-hr::after {
    --edit-area-toolbar-icon-mask: var(--hr-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-div::after {
    --edit-area-toolbar-icon-mask: var(--divblock-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-clearfloat::after {
    --edit-area-toolbar-icon-mask: var(--clearfloat-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-clearfloatleft::after {
    --edit-area-toolbar-icon-mask: var(--clearfloatleft-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-clearfloatright::after {
    --edit-area-toolbar-icon-mask: var(--clearfloatright-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-table::after {
    --edit-area-toolbar-icon-mask: var(--table-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-toc::after {
    --edit-area-toolbar-icon-mask: var(--toc-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-code::after {
    --edit-area-toolbar-icon-mask: var(--codeblock-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-codewiz::after {
    --edit-area-toolbar-icon-mask: var(--codewiz-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-uri::after {
    --edit-area-toolbar-icon-mask: var(--url-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-uriwiz::after {
    --edit-area-toolbar-icon-mask: var(--urlwiz-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-pagelink::after {
    --edit-area-toolbar-icon-mask: var(--pagelink-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-pagelinkwiz::after {
    --edit-area-toolbar-icon-mask: var(--pagelinkwiz-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-image::after {
    --edit-area-toolbar-icon-mask: var(--imageblock-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-imagewiz::after {
    --edit-area-toolbar-icon-mask: var(--imagewiz-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-html::after {
    --edit-area-toolbar-icon-mask: var(--htmlblock-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-numlist::after {
    --edit-area-toolbar-icon-mask: var(--ordered-list-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-bullist::after {
    --edit-area-toolbar-icon-mask: var(--unordered-list-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-incindent::after {
    --edit-area-toolbar-icon-mask: var(--inc-list-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-decindent::after {
    --edit-area-toolbar-icon-mask: var(--dec-list-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-deflist::after {
    --edit-area-toolbar-icon-mask: var(--def-list-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-footnote::after {
    --edit-area-toolbar-icon-mask: var(--footnote-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-math::after {
    --edit-area-toolbar-icon-mask: var(--math-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-mathinline::after {
    --edit-area-toolbar-icon-mask: var(--inline-math-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-eqref::after {
    --edit-area-toolbar-icon-mask: var(--eq-def-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-bib::after {
    --edit-area-toolbar-icon-mask: var(--bib-mask);
}
 
#edit-page-form .wd-editor-toolbar-panel a.weditor-bibcite::after {
    --edit-area-toolbar-icon-mask: var(--bib-cite-mask);
}
 
form#edit-page-form>div:nth-of-type(2) {
    min-width: 100%;
}
 
#edit-page-textarea {
    min-width: inherit;
    min-height: calc(var(--true-font-size)*8);
    font-family: var(--body-font);
    padding: 1ch 0.5ch;
    color: rgb(var(--basalt-main-text-color));
    background-color: rgb(var(--edit-area-main-background-color));
    border: solid var(--edit-area-border-width) rgb(var(--edit-area-border-color));
    box-sizing: border-box;
    transition: border-color 0.125s linear;
}
 
#edit-page-textarea:focus-visible {
    outline: none;
    border-color: rgb(var(--basalt-focus-color));
}
 
form#edit-page-form .change-textarea-size {
    float: none;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: var(--edit-area-border-width);
    grid-gap: var(--edit-area-border-width);
    background-color: rgb(var(--edit-area-border-color));
    box-sizing: border-box;
    padding-top: 0;
    justify-content: flex-end;
    align-items: stretch;
}
 
form#edit-page-form .change-textarea-size a {
    text-decoration: none;
    display: flex;
    width: 10ch;
    flex-grow: 1;
    padding: 0;
    border: none;
    font-size: calc(var(--true-font-size)*1.25);
    justify-content: center;
    align-items: center;
    color: rgb(var(--button-text-color));
    background-color: rgb(var(--button-background-color));
    outline: rgb(var(--button-outline-color)) solid 0;
    transition: all var(--button-hover-transition);
}
 
form#edit-page-form .change-textarea-size a:is(:hover, :focus) {
    color: rgb(var(--button-hover-text-color));
    background-color: rgb(var(--button-hover-background-color));
    outline-width: var(--edit-area-border-width);
}
 
form#edit-page-form .edit-help-34 {
    display: flex;
    flex-wrap: wrap;
    font-size: 0;
    align-items: center;
    margin: 0;
}
 
form#edit-page-form .edit-help-34 a {
    margin-right: 0.625em;
    width: max-content;
    font-size: calc(var(--true-font-size)*0.75);
}
 
form#edit-page-form table.edit-page-bottomtable {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 0.75rem;
    padding: 0 !important;
}
 
form#edit-page-form table.edit-page-bottomtable tbody,
form#edit-page-form table.edit-page-bottomtable tr {
    display: contents;
}
 
form#edit-page-form table.edit-page-bottomtable tr td {
    box-sizing: border-box;
    flex-basis: calc(var(--main-content-width)/3);
    flex-grow: 1;
    display: block;
    padding: 0 !important;
    position: relative;
}
 
form#edit-page-form table.edit-page-bottomtable tr td:nth-of-type(2) {
    display: flex;
    align-items: flex-end;
}
 
form#edit-page-form table.edit-page-bottomtable tr td>div:nth-of-type(1) {
    max-width: 100%;
    min-width: 100%;
}
 
form#edit-page-form table.edit-page-bottomtable tr td:nth-of-type(1)>div:nth-of-type(1) {
    font-size: calc(var(--true-font-size)*0.875);
    font-weight: bold;
    display: grid;
    transition: color 0.175s ease-out;
}
 
form#edit-page-form table.edit-page-bottomtable tr td:nth-of-type(1)>div:nth-of-type(1)::before {
    content: "";
    display: block;
    height: 0.25rem;
    width: 0;
    background-color: rgb(var(--basalt-focus-color));
    order: 1;
    transition: width 0.175s ease-out;
}
 
form#edit-page-form table.edit-page-bottomtable tr td:nth-of-type(1)>div:nth-of-type(1):focus-within {
    color: rgb(var(--basalt-focus-color));
}
 
form#edit-page-form table.edit-page-bottomtable tr td:nth-of-type(1)>div:nth-of-type(1):focus-within::before {
    width: 100%;
}
 
#edit-page-comments {
    width: 100% !important;
    min-height: calc(var(--true-font-size)*6.5);
    padding: 1ch 0.875ch;
    box-sizing: border-box;
    font-weight: initial;
    background-color: rgb(var(--edit-area-ancillary-background-color));
    border: none;
    order: 2;
}
 
#edit-page-comments:focus-visible {
    outline: none;
}
 
form#edit-page-form table.edit-page-bottomtable tr td>div.sub {
    position: absolute;
    inset-block-end: 0.125ch;
    inset-inline-end: 1.75ch;
}
 
#lock-info {
    background-color: rgb(var(--edit-area-ancillary-background-color));
    text-align: center;
    border: none;
    padding: 1em;
    margin: 0;
    box-sizing: border-box;
}
 
#edit-page-form>div.buttons.alignleft {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--main-content-width)/4), 100%), 1fr));
    grid-gap: 0.625rem;
    padding: 0.625rem 0 0;
    max-width: 100%;
}
 
#edit-page-form>.buttons.alignleft>input[type="button"] {
    margin: 0;
    font-size: calc(var(--true-font-size)*1.05);
    padding: 0.675ch;
}
 
#edit-page-form .checkbox.do-not-notify {
    margin-top: 0.5rem;
}
 
#edit-page-form .checkbox.do-not-notify>label {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 0.25em;
}
 
#action-area>p>a[onclick*="PageRateModule.listeners"] {
    display: block;
    width: max-content;
    margin: 0 auto;
}
 
#who-rated-page-area>div {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(12.5rem, 1fr) 1.75rem);
    font-size: calc(var(--true-font-size)*0.925);
}
 
#who-rated-page-area>div br {
    display: none;
}
 
#who-rated-page-area>div span:nth-of-type(2n+1) {
    padding-left: 0.75rem;
    border-left: solid 0.075rem rgb(var(--action-area-border-color));
    transition: background-color 0.175s ease-out;
    position: relative;
    align-items: center;
}
 
#who-rated-page-area>div span:nth-of-type(2n+1)::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 100%;
    width: 1.75rem;
    height: 100%;
}
 
#who-rated-page-area>div span[style*="color"] {
    display: grid;
    place-items: center;
    color: rgb(var(--basalt-main-text-color)) !important;
    font-weight: bold;
    text-align: center;
    font-size: 1.25em;
    transition: background-color 0.175s ease-out;
}
 
#who-rated-page-area>div span:nth-of-type(2n+1):is(:hover, :focus-within),
#who-rated-page-area>div span:nth-of-type(2n+1):is(:hover, :focus-within)+span[style*="color"] {
    background-color: rgb(var(--basalt-focus-color), 0.0625);
}
 
form[onsubmit*="PageTagsModule"]>table.form {
    display: grid;
    width: 100%;
}
 
form[onsubmit*="PageTagsModule"]>table.form>tbody,
form[onsubmit*="PageTagsModule"]>table.form>tbody>tr {
    display: contents;
}
 
form[onsubmit*="PageTagsModule"]>table.form>tbody>tr>td {
    display: block;
    padding: 0;
}
 
form[onsubmit*="PageTagsModule"]>table.form>tbody>tr>td:first-child {
    font-family: var(--UI-font);
    font-size: 0.875em;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.325;
    transition: color 0.125s linear;
}
 
form[onsubmit*="PageTagsModule"]>table.form>tbody>tr:focus-within>td:first-child {
    color: rgb(var(--basalt-focus-color));
}
 
#page-tags-input {
    width: 100%;
}
 
#history-form-1 {
    display: grid;
    grid-template-columns: 1fr 11.25em;
    grid-template-rows: auto auto auto;
    column-gap: 1.25rem;
}
 
#revision-list {
    grid-column: 1/3;
}
 
#history-form-1>table.form,
#history-form-1>table.form>tbody {
    display: contents;
}
 
#history-form-1>table.form>tbody>tr:first-child {
    display: flex;
    flex-direction: column;
    grid-row: span 2;
}
 
#history-form-1>table.form>tbody>tr:first-child::before {
    content: "";
    display: block;
    width: 100%;
    height: 0.25rem;
    background-color: rgb(var(--basalt-UI-dark-palette));
}
 
#history-form-1>table.form>tbody>tr:first-child>td:first-child {
    display: block;
    width: max-content;
    padding: 0.5ch 0.75ch 0;
    font-size: 0.75em;
    background-color: rgb(var(--basalt-UI-dark-palette));
    color: rgb(var(--basalt-light-text-color));
    font-family: var(--UI-font);
    text-transform: uppercase;
    order: -1;
}
 
#history-form-1>table.form>tbody>tr:first-child>td:nth-child(2) {
    display: grid;
    grid-template-columns: repeat(auto-fill, 1.25em minmax(9.875em, 1fr));
    grid-auto-rows: auto;
    text-indent: -0.5ex;
    grid-gap: 0.325em 0.375em;
    align-items: center;
    margin: 0.375em 0;
}
 
#history-form-1>table.form>tbody>tr:first-child>td:nth-child(2) input.checkbox {
    display: inline-block;
    margin: 0 0 0 auto;
}
 
#history-form-1>table.form>tbody>tr:nth-child(2) {
    display: flex;
    flex-direction: column;
}
 
#history-form-1>table.form>tbody>tr:nth-child(2)>td {
    position: relative;
    padding: 0;
    font-family: var(--UI-font);
}
 
#history-form-1>table.form>tbody>tr:nth-child(2)>td:first-child {
    text-align: center;
    font-size: 0.75em;
    padding: 0.425ch 0 0.125ch;
    position: relative;
    text-transform: uppercase;
    transition: color 0.125s ease-out;
}
 
#history-form-1>table.form>tbody>tr:nth-child(2)>td:first-child::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 0;
    background-color: rgb(var(--basalt-UI-dark-palette));
    z-index: -1;
    transition: height 0.125s ease-out;
}
 
#history-form-1>table.form>tbody>tr:nth-child(2):focus-within>td:first-child {
    color: rgb(var(--basalt-light-text-color));
}
 
#history-form-1>table.form>tbody>tr:nth-child(2):focus-within>td:first-child::before {
    height: 100%;
}
 
#h-perpage {
    appearance: none;
    width: 100%;
    border: solid 0.125em rgb(var(--action-area-border-color));
    outline: solid 0 rgb(var(--basalt-UI-dark-palette));
}
 
#h-perpage:focus {
    border-color: rgb(var(--basalt-UI-dark-palette));
    outline-width: 0;
}
 
#history-form-1>table.form>tbody>tr:nth-child(2)>td:nth-child(2)::before,
#history-form-1>table.form>tbody>tr:nth-child(2)>td:nth-child(2)::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.625em;
    height: 100%;
    background-color: rgb(var(--basalt-UI-dark-palette));
    pointer-events: none;
    z-index: 1;
    transition: all 0.125s ease-out;
}
 
#history-form-1>table.form>tbody>tr:nth-child(2)>td:nth-child(2)::before {
    height: 0;
}
 
#history-form-1>table.form>tbody>tr:nth-child(2)>td:nth-child(2)::after {
    clip-path: polygon(25% 40%, 75% 40%, 50% 70%);
}
 
#history-form-1>table.form>tbody>tr:nth-child(2)>td:nth-child(2):focus-within::before {
    height: 100%;
}
 
#history-form-1>table.form>tbody>tr:nth-child(2)>td:nth-child(2):focus-within::after {
    background-color: rgb(var(--basalt-light-text-color));
}
 
#history-form-1>div.buttons {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 1rem 0;
    grid-gap: 0.5rem;
    justify-content: center;
    align-items: center;
    height: min-content;
    align-self: center;
}
 
#history-form-1>div.buttons>input.btn {
    cursor: pointer;
    flex-grow: 1;
    flex-basis: min(12em, 47.5vw);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.875em;
}
 
#main-content .pager {
    display: grid;
    position: relative;
    grid-template-areas: "pgno pgno pgno pgno pgno pgno pgno pgno pgno pgno pgno""prv . . . . . . . . . nxt""prv . . . . . . . . . nxt";
    grid-template-columns: 7.75em 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 7.75em;
    grid-template-rows: 2em auto;
    margin: 0;
    z-index: 0;
    --basalt-focus-color: var(--link-color);
}
 
#main-content .pager>* {
    display: flex;
    text-align: center;
    flex-grow: 1;
    height: 1.875em;
    align-items: center;
    justify-content: center;
}
 
#main-content .pager .pager-no {
    grid-area: pgno;
    position: static;
    height: auto;
    width: max-content;
    padding: 0 0.75ch;
    box-sizing: border-box;
    background-color: rgb(var(--basalt-UI-dark-palette));
    color: rgb(var(--basalt-light-text-color));
    font-family: var(--UI-font);
    text-transform: uppercase;
}
 
#main-content .pager .pager-no::after {
    content: "";
    display: block;
    background-color: inherit;
    position: absolute;
    top: calc(2em - 0.25rem);
    left: 0;
    width: 100%;
    height: 0.25rem;
}
 
#main-content .pager>span.current {
    background-color: rgb(var(--basalt-UI-dark-palette));
    color: rgb(var(--basalt-light-text-color));
    font-weight: bold;
    border: none;
    margin: 0;
    padding: 0;
}
 
#main-content .pager span.target {
    display: contents;
}
 
#main-content .pager>span.target>a {
    display: flex;
    height: 100%;
    width: 100%;
    min-height: 1.875em;
    align-items: center;
    justify-content: center;
    position: relative;
    text-decoration: none;
    border: none;
    margin: 0;
    padding: 0;
    transition: color 0.1s ease-out;
}
 
#main-content .pager span>a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 0;
    background-color: rgb(var(--basalt-focus-color));
    z-index: -1;
    transition: height 0.125s ease-out;
}
 
#main-content .pager span>a:is(:hover, :focus) {
    color: rgb(var(--basalt-light-text-color));
}
 
#main-content .pager span>a:is(:hover, :focus)::before {
    height: 100%;
}
 
#main-content .pager>span.target:nth-child(2)>a {
    grid-area: prv;
}
 
#main-content .pager>span.target:last-child>a {
    grid-area: nxt;
}
 
#main-content .pager>span.target:is(:nth-child(2), :last-child)>a {
    font-weight: bold;
    min-width: max-content;
    padding: 0 1ch;
    margin: 0;
    box-sizing: border-box;
}
 
#main-content .pager>span.target:is(:nth-child(2), :last-child)>a::before {
    height: 100%;
    width: 0;
    transition: width 0.125s ease-out;
}
 
#main-content .pager>span.target:last-child>a::before {
    right: 0;
    left: unset;
}
 
#main-content .pager>span.target:is(:nth-child(2), :last-child)>a:is(:hover, :focus)::before {
    width: 100%;
}
 
#main-content .pager::before,
#main-content .pager::after {
    grid-area: nxt;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(var(--basalt-sub-text-color));
    opacity: 0.375;
    font-weight: bold;
    z-index: -1;
    cursor: not-allowed;
}
 
#main-content .pager::before {
    content: "« previous";
    grid-area: prv;
}
 
#main-content .pager::after {
    content: "next »";
    grid-area: nxt;
}
 
#revision-list .page-history {
    display: block;
    width: 100%;
    font-size: calc(var(--true-font-size)*0.825);
    margin: 0;
}
 
#revision-list .page-history tbody {
    display: contents;
}
 
#revision-list .page-history td.optionstd a {
    text-decoration: none;
    display: flex;
    padding: 0;
    font-size: calc(var(--true-font-size)*0.925);
    justify-content: center;
    align-items: center;
    border: solid 0.1em rgb(var(--button-border-color));
    color: rgb(var(--button-text-color));
    background-color: rgb(var(--button-background-color));
    outline: rgb(var(--button-outline-color)) solid 0;
    transition: all var(--button-hover-transition);
}
 
#revision-list .page-history td.optionstd a:is(:hover, :focus) {
    color: rgb(var(--button-hover-text-color));
    border-color: rgb(var(--button-hover-border-color));
    background-color: rgb(var(--button-hover-background-color));
    outline-width: var(--edit-area-border-width);
}
 
#revision-list .page-history tr:first-child {
    display: none;
}
 
#revision-list .page-history tr[id*="revision-row"] {
    display: grid;
    align-items: center;
    grid-template-areas: "rev flags . date""dv dv dv dv""radio actions by comment";
    grid-template-columns: 5.5ch 8.25em 1.5fr 5fr;
    padding: 0.25rem 0.375rem;
    box-sizing: border-box;
    border-top: solid 0.075rem rgb(var(--action-area-border-color));
    transition: background-color 0.175s ease-out;
}
 
#revision-list .page-history tr[id*="revision-row"]:is(:hover, :focus-within) {
    background-color: rgb(var(--basalt-focus-color), 0.0625);
}
 
#revision-list .page-history tr[id*="revision-row"]::before {
    grid-area: dv;
    content: "";
    display: block;
    height: 0.15rem;
    width: 0;
    background: rgb(var(--basalt-UI-dark-palette));
    transition: width 0.25s ease-out;
    transition-delay: 0s;
}
 
#revision-list .page-history tr[id*="revision-row"]:is(:hover, :focus-within)::before {
    width: 100%;
    transition-delay: 0.1s;
}
 
#revision-list .page-history tr[id*="revision-row"] td {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 100%;
    width: unset !important;
}
 
#revision-list .page-history tr[id*="revision-row"] td:nth-child(1) {
    grid-area: rev;
    font-family: var(--mono-font);
    font-size: 0.925em;
    padding: 0;
    text-align: center;
    position: relative;
    z-index: 0;
    transition: color 0.125s ease-out;
}
 
#revision-list .page-history tr[id*="revision-row"] td:nth-child(1)::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background-color: rgb(var(--basalt-UI-dark-palette));
    transition: width 0.075s ease-out;
    transition-delay: 0s;
    z-index: -1;
}
 
#revision-list .page-history tr[id*="revision-row"]:is(:hover, :focus-within) td:nth-child(1) {
    color: rgb(var(--basalt-light-text-color));
    transition-delay: 0.125s;
}
 
#revision-list .page-history tr[id*="revision-row"]:is(:hover, :focus-within) td:nth-child(1)::before {
    width: 100%;
    transition-delay: 0.125s;
}
 
#revision-list .page-history tr[id*="revision-row"] td:nth-child(2) {
    grid-area: radio;
    grid-gap: 0.125rem;
}
 
#revision-list .page-history tr[id*="revision-row"] td:nth-child(3) {
    grid-area: flags;
    align-items: stretch;
    justify-content: left;
    padding: 0;
}
 
#revision-list .page-history tr[id*="revision-row"] td:nth-child(3)>span {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-weight: bold;
    padding: 0 0.325em;
    color: rgb(var(--basalt-sub-text-color));
    position: relative;
    z-index: 0;
    transition: color 0.075s ease-out;
}
 
#revision-list .page-history tr[id*="revision-row"]:is(:hover, :focus-within) td:nth-child(3)>span {
    color: rgb(var(--basalt-light-text-color));
    transition-delay: 0.125s;
}
 
#revision-list .page-history tr[id*="revision-row"] td:nth-child(3)>span::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background: rgb(var(--basalt-focus-color));
    transition: width 0.075s ease-out;
    transition-delay: 0s;
    z-index: -1;
    transition: width 0.075s ease-out;
}
 
#revision-list .page-history tr[id*="revision-row"]:is(:hover, :focus-within) td:nth-child(3)>span::before {
    width: 100%;
    transition-delay: 0.125s;
}
 
#revision-list .page-history tr[id*="revision-row"] td:nth-child(4) {
    grid-area: actions;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 0.325rem;
    align-items: center;
    text-align: center;
    height: 100%;
    font-family: var(--UI-font);
}
 
#revision-list .page-history tr[id*="revision-row"] td:nth-child(5) {
    grid-area: by;
    margin: 0.375em 2vw;
}
 
#revision-list .page-history tr[id*="revision-row"] td:nth-child(6) {
    grid-area: date;
    justify-content: right;
    text-align: right;
    font-size: 0.975em;
    font-family: var(--UI-font);
    padding: 0 !important;
}
 
#revision-list .page-history tr[id*="revision-row"] td:nth-child(7) {
    grid-area: comment;
    display: block;
    text-align: center;
    font-size: calc(var(--true-font-size)*0.875) !important;
    padding-top: 0.375em;
}
 
div.site-changes-box {
    margin: 0.5rem 0;
}
 
#page-content div.site-changes-box>form>table.form {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 0.75rem;
    width: 100%;
}
 
div.site-changes-box>form>table.form>tbody {
    display: contents;
}
 
div.site-changes-box>form>table.form>tbody>tr {
    display: flex;
    flex-direction: column;
    flex-basis: 14.5em;
    flex-grow: 1;
}
 
div.site-changes-box>form>table.form>tbody>tr:first-child {
    flex-basis: 100%;
}
 
div.site-changes-box>form>table.form td {
    padding: 0;
}
 
div.site-changes-box>form>table.form>tbody>tr>td:first-child {
    order: -1;
    width: max-content;
    padding: 0.5ch 0.75ch 0;
    font-size: 0.75em;
    box-sizing: border-box;
    background-color: rgb(var(--basalt-UI-dark-palette));
    color: rgb(var(--basalt-light-text-color));
    font-family: var(--UI-font);
    text-transform: uppercase;
}
 
div.site-changes-box>form>table.form>tbody>tr::before {
    content: "";
    display: block;
    background-color: rgb(var(--basalt-UI-dark-palette));
    width: 100%;
    height: 0.25rem;
}
 
div.site-changes-box>form>table.form>tbody>tr:first-child>td:nth-child(2) {
    display: grid;
    grid-template-columns: repeat(auto-fill, 1.75em minmax(12.75em, 1fr));
    grid-auto-rows: 1.75em;
    grid-gap: 0.175em;
    align-items: center;
    margin: 0.325rem 0;
}
 
div.site-changes-box>form>table.form>tbody>tr:first-child>td:nth-child(2) input[type="checkbox"] {
    margin: 0 0 0 auto;
}
 
div.site-changes-box>form>table.form>tbody>tr>td>select {
    width: 100%;
}
 
#site-changes-list div.changes-list-item {
    display: grid;
    grid-template-areas: "name flag rev user""comment flag rev date";
    grid-template-columns: 1fr 3.25em 5.875em 10em;
    grid-gap: 0.25em;
    padding: 0.625em 0.175em 0.325em;
    align-items: center;
    font-size: 0.95em;
    border-top: solid 0.075rem rgb(var(--action-area-border-color));
    transition: background-color 0.175s ease-out;
}
 
#site-changes-list div.changes-list-item:is(:hover, :focus-within) {
    background-color: rgb(var(--basalt-focus-color), 0.0625);
}
 
#site-changes-list div.changes-list-item>table,
#site-changes-list div.changes-list-item>table>tbody,
#site-changes-list div.changes-list-item>table>tbody>tr {
    display: contents;
}
 
#site-changes-list div.changes-list-item>table>tbody>tr>td {
    display: block;
    width: 100%;
    padding: 0;
    border: none;
}
 
#site-changes-list div.changes-list-item>table>tbody>tr>td.title {
    grid-area: name;
}
 
#site-changes-list div.changes-list-item>table>tbody>tr>td.flags {
    grid-area: flag;
}
 
#site-changes-list div.changes-list-item>table>tbody>tr>td.flags>.spantip {
    text-decoration: none;
    color: rgb(var(--basalt-sub-text-color));
    font-weight: bold;
}
 
#site-changes-list div.changes-list-item>table>tbody>tr>td.revision-no {
    grid-area: rev;
    font-family: var(--UI-font);
}
 
#site-changes-list div.changes-list-item>table>tbody>tr>td.mod-by {
    grid-area: user;
    text-align: center;
}
 
#site-changes-list div.changes-list-item>table>tbody>tr>td.mod-date {
    grid-area: date;
    font-size: 0.825em;
    font-family: var(--UI-font);
}
 
#site-changes-list div.changes-list-item>div.comments {
    grid-area: comment;
    margin: 0;
    color: rgb(var(--basalt-main-text-color));
    text-align: center;
}
 
@media only screen and (max-width: 580px) {
    #history-form-1 {
        display: block;
    }
 
    #main-content .pager {
        grid-template-areas: "pgno pgno pgno pgno pgno pgno pgno""prv . . . . . nxt""prv . . . . . nxt";
        grid-template-columns: 2.5em 1fr 1fr 1fr 1fr 1fr 2.5em;
    }
 
    #main-content .pager>span.target:is(:nth-child(2), :last-child)>a {
        font-size: 0;
    }
 
    #main-content .pager::before,
    #main-content .pager::after,
    #main-content .pager>span.target:is(:nth-child(2), :last-child)>a::after {
        font-size: calc(var(--true-font-size)*1.25);
    }
 
    #main-content .pager::before,
    #main-content .pager>span.target:nth-child(2)>a::after {
        content: "«";
    }
 
    #main-content .pager::after,
    #main-content .pager>span.target:last-child>a::after {
        content: "»";
    }
 
    #main-content .page-history tr[id*="revision-row"] {
        grid-template-areas: "rev flags date""dv dv dv""radio actions by""comment comment comment";
        grid-template-columns: 5.5ch 1fr 11.75em;
    }
 
    #site-changes-list div.changes-list-item {
        grid-template-areas: "name name name rev""comment comment comment comment""flag user date date";
        grid-template-columns: 3.25em 1fr 4.5em 5.875em;
    }
 
    #site-changes-list div.changes-list-item>table>tbody>tr>td.flags {
        text-align: left;
    }
 
    #site-changes-list div.changes-list-item>table>tbody>tr>td:is(.revision-no, .mod-date) {
        text-align: right;
    }
}
 
#history-subarea>h2 {
    grid-row-start: 1;
    font-family: var(--UI-font);
    font-size: calc(var(--true-font-size)*1.05);
    color: rgb(var(--basalt-sub-text-color));
    text-transform: uppercase;
    display: flex;
    align-items: center;
    text-align: center;
    margin: 0.425rem 0;
}
 
.inline-diff.page-source ins {
    text-decoration: none;
    background-color: rgb(var(--basalt-positive-color), 0.1875);
}
 
.inline-diff.page-source del {
    background-color: rgb(var(--basalt-negative-color), 0.1875);
}
 
.inline-diff.page-source :is(ins, del)>br {
    display: none;
}
 
#page-version-info {
    right: var(--main-content-side-margin);
    border: solid var(--blockquote-border-width) rgb(var(--blockquote-border-color));
    padding: 1rem;
    box-sizing: border-box;
    background-color: rgb(var(--blockquote-background-color), 0.875);
    -webkit-backdrop-filter: blur(var(--basalt-UI-blur));
    backdrop-filter: blur(var(--basalt-UI-blur));
    max-width: min-content;
    opacity: 1;
    z-index: 1;
}
 
#action-area input.text,
textarea#file-comments {
    border: none;
    background-color: rgb(var(--basalt-secondary-color));
    padding: 0.5ch 0.325ch;
    max-width: 100%;
    box-sizing: border-box;
}
 
#file-upload-form table.form,
form[onsubmit*="setParent"]>table.form,
#rename-option-rename table.form {
    display: flex;
    flex-direction: column;
    grid-gap: 0.625rem;
    width: 100%;
}
 
:is(#file-upload-form table.form, form[onsubmit*="setParent"] > table.form, #rename-option-rename table.form)>tbody {
    display: contents;
}
 
:is(#file-upload-form table.form, form[onsubmit*="setParent"] > table.form, #rename-option-rename table.form)>tbody>tr {
    display: grid;
    grid-gap: 0.125em;
    align-items: center;
}
 
:is(#file-upload-form table.form, form[onsubmit*="setParent"] > table.form, #rename-option-rename table.form)>tbody>tr>td {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
}
 
:is(#file-upload-form table.form, form[onsubmit*="setParent"] > table.form, #rename-option-rename table.form)>tbody>tr>td:nth-child(1) {
    font-family: var(--UI-font);
    font-size: 0.875em;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.325;
    transition: color 0.125s linear;
}
 
:is(#file-upload-form table.form, form[onsubmit*="setParent"] > table.form, #rename-option-rename table.form) tr:focus-within>td:nth-child(1) {
    color: rgb(var(--basalt-focus-color));
}
 
:is(#file-upload-form table.form, form[onsubmit*="setParent"] > table.form, #rename-option-rename table.form) td:nth-child(2)>*:not(div) {
    width: 100% !important;
}
 
#action-area table.page-files {
    display: block;
    width: 100%;
    margin: 0 auto;
}
 
#action-area table.page-files> :is(thead, tbody) {
    display: contents;
}
 
#action-area table.page-files> :is(thead, tbody)>tr {
    display: grid;
    grid-gap: 0.625rem;
    grid-template-columns: 2.5fr 1fr 4.5em 2fr;
    align-items: center;
    padding: 0.475em 0;
    border-top: solid 0.1em rgb(var(--action-area-border-color));
    overflow-wrap: anywhere;
}
 
#action-area table.page-files>thead>tr {
    border-top: 0;
    text-transform: uppercase;
    font-family: var(--UI-font);
}
 
#action-area table.page-files>tbody>tr:last-child {
    border-bottom: solid 0.1em rgb(var(--action-area-border-color));
}
 
#action-area table.page-files>tbody>tr[id*="file-options-row"] {
    border-top: 0;
    padding-top: 0;
    background-color: transparent;
}
 
#action-area table.page-files :is(td, th) {
    text-align: center;
    padding: 0;
    display: block;
    font-size: 0.875em;
}
 
#action-area table.page-files>tbody>tr>td:last-child {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 0.325rem;
}
 
#action-area table.page-files>tbody>tr>td:last-child>a {
    flex-grow: 1;
    flex-basis: 3.75em;
}
 
#action-area>div[style="margin-top:1em;text-align: center;font-size: 120%;"] {
    font-size: 1.05em !important;
    margin: 0.5em 0 !important;
    display: flex;
    justify-content: flex-end;
}
 
input#upload-userfile {
    color: rgb(var(--basalt-main-text-color));
    box-shadow: 0 0 0 0 rgb(var(--basalt-focus-color));
    transition: box-shadow 0.125s linear;
}
 
#file-upload-form table.form {
    flex-direction: row;
    flex-wrap: wrap;
}
 
#file-upload-form table.form>tbody>tr {
    flex-grow: 1;
    flex-basis: calc(var(--main-content-width)/2.5);
}
 
#file-upload-form table.form tr:first-child:is(:hover, :focus-within) td:first-child {
    color: rgb(var(--basalt-focus-color));
}
 
#file-upload-form table.form tr:first-child:is(:hover, :focus-within) input#upload-userfile {
    box-shadow: 0 0 0 0.175rem rgb(var(--basalt-focus-color));
}
 
input#upload-userfile::file-selector-button {
    padding: 0.5ch;
    margin: 0 0.55em 0 0.125em;
    font-family: var(--UI-font);
    color: rgb(var(--button-text-color));
    background-color: rgb(var(--button-background-color));
    border: solid 0.125em rgb(var(--button-border-color));
    outline: rgb(var(--button-outline-color)) solid 0;
    transition: all var(--button-hover-transition);
}
 
#file-upload-form table.form tr:first-child:is(:hover, :focus-within) input#upload-userfile::file-selector-button {
    color: rgb(var(--button-hover-text-color));
    background-color: rgb(var(--button-hover-background-color));
    border-color: rgb(var(--button-hover-border-color));
    outline-width: 0.475em;
}
 
#file-comments {
    min-width: 100%;
    max-width: 100%;
    min-height: 4.875em;
}
 
#action-area #upload-dfilename {
    padding-bottom: 1.25em;
}
 
:is(#upload-dfilename, #file-comments)+div.sub {
    position: absolute;
    inset-block-end: 0.25ch;
    inset-inline-end: 1.5ch;
    width: max-content;
}
 
#site-tools-box {
    padding-top: 0 !important;
    grid-row: 1/3;
}
 
#site-tools-box::before {
    content: "";
    display: block;
    background-color: rgb(var(--action-area-border-color));
    height: 0.1rem;
    margin: calc(var(--true-font-size)*1.125) 0;
}
 
#site-tools-box>.page-options-bottom {
    height: auto;
    margin: 0;
}
 
#site-tools-box .page-options-bottom ul.nav-pills {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    justify-content: center;
    align-items: center;
}
 
#site-tools-box .page-options-bottom ul.nav-pills>li {
    display: contents;
}
 
#site-tools-box .page-options-bottom ul.nav-pills>li>a {
    margin: 0;
    padding: 0.5em;
    text-align: center;
    text-transform: capitalize;
    border-left: solid 0.05rem rgb(var(--general-border-color));
    flex-basis: 7.75rem;
    text-decoration: none;
    color: rgb(var(--basalt-main-text-color));
    transition: all var(--button-hover-transition);
}
 
#site-tools-box .page-options-bottom ul.nav-pills>li:first-child>a {
    border-left: none;
}
 
#site-tools-box .page-options-bottom ul.nav-pills>li>a:is(:hover, :focus) {
    font-weight: bold;
    color: rgb(var(--basalt-focus-color));
}
 
#st-action-area span[style*="#999"] {
    color: rgb(var(--basalt-sub-text-color)) !important;
}
 
#edit-section-content {
    border: none;
    padding: 0;
    background-color: rgb(var(--basalt-focus-color), 0.0625);
    box-shadow: 0 0 0 0.675rem rgb(var(--basalt-focus-color), 0.0625);
}
 
a.edit-section-button {
    float: right;
    background: transparent;
    font-size: calc(var(--true-font-size)*0.875);
    text-transform: uppercase;
    margin: 0;
    margin-top: 1.15em;
    padding: 0;
}
 
a.edit-section-button::before {
    content: "[";
}
 
a.edit-section-button::after {
    content: "]";
}
 
a.edit-section-button+ :is(h1, h2, h3, h4, h5, h6) {
    box-shadow: 0 0.1rem 0 rgb(var(--basalt-alternate-color));
}
 
#action-area>h1+p+h2+div[style*="padding-left"] {
    padding-left: 0 !important;
}
 
#action-area>h1+p+h2+div[style*="padding-left"]>div {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 0.75rem;
    font-family: var(--mono-font);
}
 
#action-area>h1+p+h2+div[style*="padding-left"]>div>a[onclick*="EditMetaModule.listeners.deleteTag"] {
    order: 1;
    margin-right: 0 !important;
    cursor: pointer;
    margin: 0;
    display: inline-block;
    padding: 0.5ch;
    font-family: var(--UI-font);
    text-decoration: none;
    color: rgb(var(--basalt-cancel-color));
    background-color: rgb(var(--button-background-color));
    border: solid 0.125em rgb(var(--button-border-color));
    outline: rgb(var(--button-outline-color)) solid 0;
    transition: all var(--button-hover-transition);
}
 
#action-area>h1+p+h2+div[style*="padding-left"]>div>a[onclick*="EditMetaModule.listeners.deleteTag"]:is(:hover, :focus) {
    color: rgb(var(--button-hover-text-color));
    background-color: rgb(var(--button-hover-background-color));
    border-color: rgb(var(--button-hover-border-color));
    outline-width: 0.25rem;
}
 
#edit-meta-addbutton {
    text-align: center;
}
 
#edit-meta-newtag>h2::after {
    content: ":";
}
 
#edit-meta-newtag-form>table {
    font-family: var(--mono-font);
}
 
#action-area>ul[style="list-style: none"] {
    display: grid;
    margin: 0;
    padding: 0;
    grid-template-columns: repeat(auto-fill, minmax(min(16em, 100%), 1fr));
    grid-gap: 0.25rem;
}
 
#action-area .page-source {
    overflow-wrap: anywhere;
    font-family: var(--mono-font);
    font-size: 0.875em;
    padding: 0.5em 0;
    border: none;
}
 
#action-area div.autocomplete-container.yui-ac {
    width: 100% !important;
}
 
#rename-option-rename>p> :is(#rename-show-backlinks, #rename-hide-backlinks) {
    display: block;
    width: max-content;
    margin: 0 auto;
}
 
#action-area>a.action-area-close+h1+p+table.form {
    display: block;
    width: 100%;
    padding: 0.675rem;
    border-style: solid;
    border-color: rgb(var(--action-area-border-color));
    border-width: 0.1em 0;
}
 
#action-area>a.action-area-close+h1+p+table.form>tbody {
    display: contents;
}
 
#action-area>a.action-area-close+h1+p+table.form>tbody>tr {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 0.25rem 1rem;
    flex-wrap: wrap;
}
 
#action-area>a.action-area-close+h1+p+table.form>tbody>tr>td:first-child {
    font-family: var(--UI-font);
    font-size: 0.875em;
    font-weight: bold;
    text-transform: uppercase;
}
 
#action-area>a.action-area-close+h1+p+table.form>tbody>tr>td:nth-child(2) {
    display: grid;
    grid-template-columns: 1.25em 1fr;
    align-items: center;
    grid-gap: 0.25rem 0.125rem;
}
 
#rename-option-rename>form {
    border-top: solid 0.1em rgb(var(--action-area-border-color));
    margin-top: 1em;
    padding-top: 0.75em;
}
 
:is(#rename-option-delete, form[onsubmit*="RenamePageModule"]) div.buttons>input.btn:first-child {
    --button-text-color: var(--basalt-main-text-color);
}
 
#rename-option-delete div.buttons>input.btn:last-child {
    --button-text-color: var(--basalt-negative-color);
    font-weight: bold;
}
 
:root {
    --side-bar-button-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzUycHQiIGhlaWdodD0iNzUycHQiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDc1MiA3NTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8Zz4KICA8cGF0aCBkPSJtMjE4LjE0IDM5NS43M2gzMTUuNzJjNy4wNDY5IDAgMTMuNTYyLTMuNzYxNyAxNy4wODYtOS44NjcyIDMuNTI3My02LjEwNTUgMy41MjczLTEzLjYyNSAwLTE5LjczLTMuNTIzNC02LjEwNTUtMTAuMDM5LTkuODY3Mi0xNy4wODYtOS44NjcyaC0zMTUuNzJjLTcuMDUwOCAwLTEzLjU2MiAzLjc2MTctMTcuMDkgOS44NjcyLTMuNTIzNCA2LjEwNTUtMy41MjM0IDEzLjYyNSAwIDE5LjczIDMuNTI3MyA2LjEwNTUgMTAuMDM5IDkuODY3MiAxNy4wOSA5Ljg2NzJ6Ii8+CiAgPHBhdGggZD0ibTUzMy44NiAyMzcuODhoLTMxNS43MmMtNy4wNTA4IDAtMTMuNTYyIDMuNzU3OC0xNy4wOSA5Ljg2MzMtMy41MjM0IDYuMTA1NS0zLjUyMzQgMTMuNjI5IDAgMTkuNzM0IDMuNTI3MyA2LjEwNTUgMTAuMDM5IDkuODY3MiAxNy4wOSA5Ljg2NzJoMzE1LjcyYzcuMDQ2OSAwIDEzLjU2Mi0zLjc2MTcgMTcuMDg2LTkuODY3MiAzLjUyNzMtNi4xMDU1IDMuNTI3My0xMy42MjkgMC0xOS43MzQtMy41MjM0LTYuMTA1NS0xMC4wMzktOS44NjMzLTE3LjA4Ni05Ljg2MzN6Ii8+CiAgPHBhdGggZD0ibTIxOC4xNCA1MTQuMTNoMzE1LjcyYzcuMDQ2OSAwIDEzLjU2Mi0zLjc2MTcgMTcuMDg2LTkuODY3MiAzLjUyNzMtNi4xMDU1IDMuNTI3My0xMy42MjUgMC0xOS43My0zLjUyMzQtNi4xMDU1LTEwLjAzOS05Ljg2NzItMTcuMDg2LTkuODY3MmgtMzE1LjcyYy03LjA1MDggMC0xMy41NjIgMy43NjE3LTE3LjA5IDkuODY3Mi0zLjUyMzQgNi4xMDU1LTMuNTIzNCAxMy42MjUgMCAxOS43MyAzLjUyNzMgNi4xMDU1IDEwLjAzOSA5Ljg2NzIgMTcuMDkgOS44NjcyeiIvPgogPC9nPgo8L3N2Zz4K");
    --user-icon-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 2' viewBox='0 0 811.11 811.11'%3E%3Cpath fill='none' d='M290.36 538h230.39a128.94 128.94 0 0 1 127.79 111.83l.65-.64a344.79 344.79 0 1 0-487.27 0l.65.64A128.94 128.94 0 0 1 290.36 538Z'/%3E%3Ccircle cx='405.56' cy='319.9' r='165.69'/%3E%3Cpath d='M405.56 0C181.57 0 0 181.57 0 405.56c0 132.32 63.38 249.85 161.44 323.87a405.63 405.63 0 0 0 488.23 0c98.06-74 161.44-191.55 161.44-323.87C811.11 181.57 629.54 0 405.56 0Zm243.63 649.19-.65.64A128.94 128.94 0 0 0 520.75 538H290.36a128.94 128.94 0 0 0-127.79 111.83l-.65-.64a344.79 344.79 0 1 1 487.27 0Z'/%3E%3C/svg%3E");
    --search-icon-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M505%20442.7L405.3%20343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3%2044-79.7%2044-128C416%2093.1%20322.9%200%20208%200S0%2093.1%200%20208s93.1%20208%20208%20208c48.3%200%2092.7-16.4%20128-44v16.3c0%206.4%202.5%2012.5%207%2017l99.7%2099.7c9.4%209.4%2024.6%209.4%2033.9%200l28.3-28.3c9.4-9.4%209.4-24.6.1-34zM208%20336c-70.7%200-128-57.2-128-128%200-70.7%2057.2-128%20128-128%2070.7%200%20128%2057.2%20128%20128%200%2070.7-57.2%20128-128%20128z%22%2F%3E%3C%2Fsvg%3E");
    --modal-close-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzUycHQiIGhlaWdodD0iNzUycHQiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDc1MiA3NTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8cGF0aCBkPSJtMjI4LjAxIDE2OC44MS01OS4xOTkgNTkuMTk5IDE0OCAxNDcuOTktMTQ4IDE0OCA1OS4xOTkgNTkuMTk1IDE0Ny45OS0xNDcuOTkgMTQ4IDE0Ny45OSA1OS4xOTUtNTkuMTk1LTE0Ny45OS0xNDggMTQ3Ljk5LTE0Ny45OS01OS4xOTUtNTkuMTk5LTE0OCAxNDh6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4KPC9zdmc+Cg==");
    --vote-cancel-mask: url("data:image/svg+xml;charset=utf8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 779.53 779.53'%3E%3Ctitle%3Ecancel-vote%3C/title%3E%3Cpolygon points='779.53 665.37 503.93 389.77 779.53 114.17 665.37 0 389.77 275.6 114.17 0 0 114.17 275.6 389.77 0 665.37 114.17 779.53 389.77 503.93 665.37 779.53 779.53 665.37'/%3E%3C/svg%3E");
    --vote-plus-mask: url("data:image/svg+xml;charset=utf8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 872.37 872.37'%3E%3Ctitle%3Eplus%3C/title%3E%3Cpolygon points='872.37 341.18 531.2 341.18 531.2 0 341.18 0 341.18 341.18 0 341.18 0 531.2 341.18 531.2 341.18 872.37 531.2 872.37 531.2 531.2 872.37 531.2 872.37 341.18'/%3E%3C/svg%3E");
    --vote-minus-mask: url("data:image/svg+xml;charset=utf8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 872.37 190.02'%3E%3Ctitle%3Eminus%3C/title%3E%3Crect x='444.99' y='103.81' width='190.02' height='872.37' transform='translate(-103.81 635.01) rotate(-90)'/%3E%3C/svg%3E");
    --vote-info-mask: url("data:image/svg+xml;charset=utf8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 432.1 810.25'%3E%3Ctitle%3Einfo-vote%3C/title%3E%3Cpath d='M324,917.73v-139H491.5V493.71H346V355.77H615v423H756.05v139ZM544.41,266.88q-36.17,0-57.76-21.46T465,187.18q0-36.78,21.61-58.24t57.76-21.46q36.15,0,57.76,21.46t21.6,58.24q0,36.78-21.6,58.24T544.41,266.88Z' transform='translate(-323.95 -107.48)'/%3E%3C/svg%3E");
    --h1-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='H1-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M22.4 160V40h14.5v53.4h64V40h14.5v120h-14.5v-53.7h-64V160H22.4zM177.6 40v120h-14.5V61.1h-.9c-.5 1.1-2 2.3-4.2 3.7-2.3 1.4-5.2 2.6-8.8 3.6s-7.7 1.6-12.3 1.6V57.8c4.6 0 8.7-.8 12.1-2.5 3.4-1.7 6.2-3.7 8.5-5.9 2.3-2.3 4-4.3 5.2-6.2 1.2-1.8 1.9-2.9 2.1-3.2h12.8z'/%3E%3C/svg%3E");
    --h2-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='H2-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M10.2 160.8v-120h14.5v53.4h64V40.8h14.5v120H88.7v-53.7h-64v53.7H10.2zm106.8 0v-10.5l39.6-43.4c4.6-5.1 8.5-9.5 11.5-13.3 3-3.8 5.2-7.3 6.7-10.7s2.2-6.8 2.2-10.5c0-4.2-1-7.9-3-11-2-3.1-4.8-5.5-8.2-7.1-3.5-1.7-7.4-2.5-11.7-2.5-4.6 0-8.6.9-12 2.8-3.4 1.9-6.1 4.5-7.9 7.9s-2.8 7.4-2.8 12h-13.8c0-7 1.6-13.2 4.9-18.5 3.2-5.3 7.7-9.5 13.3-12.4 5.6-3 11.9-4.5 18.9-4.5 7 0 13.3 1.5 18.7 4.5 5.4 3 9.7 7 12.8 12s4.6 10.6 4.6 16.8c0 4.4-.8 8.7-2.4 12.9-1.6 4.2-4.3 8.9-8.2 14-3.9 5.1-9.3 11.4-16.1 18.8l-27 28.8v.9h55.8v12.9H117z'/%3E%3C/svg%3E");
    --h3-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='H3-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M6.1 160V40h14.5v53.4h64V40h14.5v120H84.6v-53.7h-64V160H6.1zm147.3 1.6c-7.7 0-14.6-1.3-20.7-4s-10.8-6.4-14.4-11.1c-3.5-4.7-5.5-10.3-5.8-16.6h14.8c.3 3.9 1.6 7.2 4 10 2.3 2.8 5.4 5 9.2 6.5 3.8 1.5 8 2.3 12.6 2.3 5.2 0 9.7-.9 13.7-2.7 4-1.8 7.1-4.3 9.4-7.5 2.3-3.2 3.4-6.9 3.4-11.1 0-4.4-1.1-8.3-3.3-11.7-2.2-3.4-5.4-6-9.6-7.9-4.2-1.9-9.4-2.9-15.5-2.9h-9.6V92h9.6c4.8 0 9-.9 12.6-2.6 3.6-1.7 6.4-4.1 8.5-7.3 2.1-3.1 3.1-6.8 3.1-11 0-4.1-.9-7.6-2.7-10.6-1.8-3-4.3-5.4-7.6-7-3.3-1.7-7.1-2.5-11.5-2.5-4.1 0-8 .8-11.7 2.3-3.7 1.5-6.6 3.7-8.9 6.5-2.3 2.8-3.6 6.2-3.8 10.2h-14.1c.2-6.3 2.1-11.8 5.7-16.6 3.6-4.7 8.2-8.4 14-11.1 5.8-2.7 12.1-4 19-4 7.4 0 13.8 1.5 19.1 4.5 5.3 3 9.4 6.9 12.2 11.8 2.9 4.9 4.3 10.2 4.3 15.8 0 6.8-1.8 12.5-5.3 17.3-3.5 4.8-8.3 8.1-14.4 9.9v.9c7.6 1.3 13.5 4.5 17.8 9.6 4.3 5.2 6.4 11.6 6.4 19.2 0 6.5-1.8 12.4-5.3 17.5-3.5 5.2-8.3 9.2-14.4 12.2s-13 4.6-20.8 4.6z'/%3E%3C/svg%3E");
    --h4-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='H4-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M83.2 93.4h-64V40H4.6v120h14.6v-53.7h64V160h14.5V40H83.2zm112.2 29.1H179V40h-17.7l-52.7 83.4v12h56.5V160h13.8v-24.6h16.4v-12.9zm-71.1-.9 39.8-63h.9v64h-40.8v-1z'/%3E%3C/svg%3E");
    --h5-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='H5-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M6.4 159.2v-120h14.5v53.4h64V39.2h14.5v120H84.9v-53.7h-64v53.7H6.4zm147.6 1.6c-6.9 0-13.1-1.4-18.6-4.1s-9.9-6.5-13.2-11.2c-3.3-4.8-5.1-10.2-5.4-16.3h14.1c.5 5.4 3 9.9 7.4 13.4s9.7 5.3 15.8 5.3c4.9 0 9.3-1.2 13.2-3.5 3.8-2.3 6.9-5.5 9.1-9.5s3.3-8.6 3.3-13.7c0-5.2-1.1-9.9-3.4-14s-5.4-7.4-9.4-9.8c-4-2.4-8.5-3.6-13.7-3.6-3.7 0-7.4.5-11.3 1.7-3.9 1.2-7.1 2.6-9.6 4.4l-13.6-1.6 7.3-59.1h62.3v12.9h-50.2l-4.2 35.4h.7c2.5-2 5.5-3.6 9.3-4.9s7.6-1.9 11.6-1.9c7.3 0 13.9 1.7 19.7 5.2 5.8 3.5 10.3 8.3 13.6 14.3 3.3 6.1 5 13 5 20.7 0 7.7-1.7 14.5-5.1 20.5-3.4 6-8.1 10.7-14.1 14.2s-13 5.2-20.6 5.2z'/%3E%3C/svg%3E");
    --h6-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='H6-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M5 160.1v-120h14.5v53.4h64V40.1H98v120H83.5v-53.7h-64v53.7H5zm149.9 1.7c-4.9-.1-9.8-1-14.8-2.8s-9.4-4.8-13.5-9.1-7.3-10.1-9.8-17.4c-2.5-7.3-3.7-16.5-3.7-27.6 0-10.7 1-20.1 3-28.4s4.9-15.2 8.7-20.9c3.8-5.7 8.4-10 13.7-12.9s11.4-4.4 18.2-4.4c6.7 0 12.7 1.3 18 4s9.5 6.4 12.9 11.2c3.3 4.8 5.5 10.3 6.4 16.6h-14.3c-1.3-5.5-3.9-10-7.7-13.6s-8.9-5.4-15.2-5.4c-9.3 0-16.6 4.1-21.9 12.2-5.3 8.1-8 19.5-8.1 34.2h.9c2.2-3.3 4.8-6.2 7.8-8.5 3-2.4 6.4-4.2 10-5.5s7.6-1.9 11.7-1.9c6.9 0 13.2 1.7 18.9 5.1 5.7 3.4 10.3 8.1 13.7 14.1 3.4 6 5.2 12.9 5.2 20.6 0 7.4-1.7 14.2-5 20.4s-8 11-14 14.6c-5.9 3.7-13 5.4-21.1 5.4zm0-12.9c4.9 0 9.3-1.2 13.3-3.7s7-5.8 9.3-9.9c2.3-4.1 3.4-8.8 3.4-13.8s-1.1-9.5-3.3-13.6c-2.2-4.1-5.2-7.3-9.1-9.8-3.8-2.4-8.2-3.6-13.2-3.6-3.7 0-7.2.7-10.4 2.2s-6 3.5-8.4 6c-2.4 2.5-4.3 5.4-5.7 8.7-1.4 3.3-2.1 6.7-2.1 10.3 0 4.8 1.1 9.2 3.4 13.4 2.2 4.1 5.3 7.5 9.3 10 4.1 2.5 8.5 3.8 13.5 3.8z'/%3E%3C/svg%3E");
    --bold-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Bold-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M53.9 159.4V40h47.8c8.8 0 16.1 1.3 22 3.9 5.9 2.6 10.3 6.2 13.2 10.8 3 4.6 4.4 9.9 4.4 15.9 0 4.7-.9 8.8-2.8 12.3s-4.4 6.4-7.7 8.6c-3.2 2.2-7 3.8-11.1 4.8v1.2c4.5.2 8.8 1.5 12.8 3.8 4 2.4 7.2 5.7 9.7 9.9 2.5 4.3 3.7 9.3 3.7 15.2 0 6.3-1.6 12-4.7 16.9-3.1 5-7.7 8.9-13.9 11.8-6.1 2.9-13.6 4.3-22.6 4.3H53.9zM79.2 90h18.7c3.5 0 6.5-.6 9.2-1.8 2.7-1.2 4.8-3 6.4-5.2 1.6-2.3 2.4-5 2.4-8.1 0-4.3-1.5-7.8-4.6-10.4-3.1-2.6-7.4-4-13-4H79.2V90zm0 48.8h20.6c7 0 12.2-1.4 15.4-4.1 3.2-2.7 4.8-6.3 4.8-10.8 0-3.3-.8-6.2-2.4-8.7-1.6-2.5-3.9-4.5-6.8-5.9-2.9-1.4-6.4-2.2-10.5-2.2H79.2v31.7z'/%3E%3C/svg%3E");
    --italic-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Italic-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='m136.4 52.9 2.2-12.9H81.4l-2.1 12.9h21.3l-15.7 94.2H63.6L61.4 160h57.2l2.1-12.9H99.4l15.7-94.2z'/%3E%3C/svg%3E");
    --underline-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Underline-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M30 172.5h140v10H30zM131.5 40h14.3v78c0 8.1-1.9 15.2-5.7 21.5-3.8 6.3-9.1 11.3-16 14.9-6.9 3.6-14.9 5.4-24.2 5.4-9.2 0-17.3-1.8-24.2-5.4-6.9-3.6-12.2-8.6-16-14.9C55.9 133.2 54 126 54 118V40h14.3v76.9c0 5.8 1.3 10.9 3.8 15.3 2.5 4.5 6.1 8 10.8 10.5 4.7 2.6 10.3 3.8 16.9 3.8s12.2-1.3 16.9-3.8c4.7-2.6 8.3-6.1 10.8-10.5 2.5-4.5 3.8-9.6 3.8-15.3V40z'/%3E%3C/svg%3E");
    --strikethrough-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Strike-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M30 95h140v10H30z'/%3E%3Cpath d='M127.5 69.8c-.7-5.9-3.6-10.5-8.6-13.8s-11-5-18.3-5c-5.3 0-10 .9-13.9 2.6-4 1.7-7.1 4.1-9.3 7.1-2.2 3-3.3 6.4-3.3 10.3 0 3.2.8 5.9 2.3 8.2 1.5 2.3 3.5 4.2 5.9 5.7 2.4 1.5 5 2.7 7.6 3.7 2.7 1 5.1 1.7 7.3 2.3l12.2 3.3c3.1.8 6.6 2 10.5 3.4 3.8 1.4 7.5 3.4 11.1 5.9s6.5 5.7 8.8 9.5 3.5 8.6 3.5 14.2c0 6.5-1.7 12.3-5.1 17.6-3.4 5.2-8.3 9.4-14.8 12.5s-14.3 4.6-23.5 4.6c-8.6 0-16-1.4-22.3-4.2s-11.2-6.6-14.8-11.6c-3.6-5-5.6-10.7-6.1-17.3h15c.4 4.5 1.9 8.3 4.6 11.2 2.7 3 6.1 5.1 10.2 6.6 4.1 1.4 8.6 2.1 13.3 2.1 5.5 0 10.5-.9 14.9-2.7s7.9-4.4 10.5-7.6c2.6-3.3 3.9-7.1 3.9-11.5 0-4-1.1-7.2-3.3-9.7s-5.2-4.5-8.8-6.1-7.6-2.9-11.8-4.1l-14.8-4.2c-9.4-2.7-16.8-6.5-22.3-11.5s-8.2-11.5-8.2-19.6c0-6.7 1.8-12.6 5.5-17.6 3.7-5 8.6-8.9 14.8-11.7 6.2-2.8 13.1-4.2 20.8-4.2 7.7 0 14.6 1.4 20.6 4.1s10.8 6.5 14.3 11.3c3.5 4.8 5.4 10.2 5.6 16.2h-14z'/%3E%3C/svg%3E");
    --teletype-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Teletype-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M166 70.9c-.3-.3-.8-.5-1.3-.5h-34.4V43.9c0-.4-.1-.8-.2-1l-.6-.6c-.2-.2-.6-.2-1-.2h-9.8v28.3H67.4V43.9c0-.4-.1-.8-.2-1l-.6-.6c-.2-.2-.6-.2-1-.2h-9.8v28.3H33.5V79c0 .3 0 .6.1.8l.3.6c.2.2.4.3.6.3.2.1.5.1.8.1h20.5V126c0 6.3.8 11.5 2.4 15.6 1.6 4.1 3.9 7.4 6.8 9.8 2.9 2.4 6.3 4.1 10.1 5 3.8 1 7.9 1.5 12.2 1.5h14.6c.7 0 1.1-.2 1.4-.5.3-.3.4-.8.4-1.5v-8.8H88.3c-3.7 0-6.9-.3-9.5-1-2.6-.7-4.7-1.8-6.4-3.5-1.7-1.7-2.9-4-3.7-6.9-.8-3-1.2-6.7-1.2-11.2V80.8h51.3V126c0 6.3.8 11.5 2.4 15.6 1.6 4.1 3.9 7.4 6.8 9.8 2.9 2.4 6.3 4.1 10.1 5s7.9 1.5 12.2 1.5h14.6c.7 0 1.1-.2 1.4-.5.3-.3.4-.8.4-1.5v-8.8h-15.4c-3.7 0-6.9-.3-9.5-1-2.6-.7-4.7-1.8-6.4-3.5-1.7-1.7-2.9-4-3.7-6.9-.8-3-1.2-6.7-1.2-11.2V80.8h36.2v-8.6c-.2-.5-.4-1-.7-1.3z'/%3E%3C/svg%3E");
    --quote-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Quote-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M114.8 150v-37.2c0-4.1.2-8.6.5-13.7.3-4 .8-8 1.8-12.4.8-3.8 2.2-7.5 4-11.2 1.8-3.5 4.3-6.9 7.5-10.1 5.4-5.4 10.8-8.9 16.5-10.6 3.1-.9 6.2-1.8 9.4-2.6v10c-3.2 1.5-5.9 3.2-8.1 5.1-3.6 3.2-6.3 6.7-8.2 10.4-1.7 3.4-2.9 7.1-3.4 11v.4c-.4 3.4-.6 6.4-.6 9.1v10h20.3V150h-39.7zm-69.3 0v-37.2c0-4.1.2-8.6.5-13.7.3-4.1.9-8.1 1.8-12.2 1-4 2.3-7.8 4.2-11.5 1.6-3.3 4.1-6.6 7.4-9.7l.2-.2.2-.2c4.9-5.2 10.4-8.7 16.2-10.4 3.1-.9 6.3-1.8 9.6-2.6v10.1c-3.2 1.5-5.9 3.2-8.1 5.1-3.6 3.2-6.3 6.7-8.2 10.4-1.7 3.4-2.9 7.1-3.4 11v.4c-.4 3.4-.6 6.4-.6 9.1v10h20.3V150H45.5z'/%3E%3C/svg%3E");
    --superscript-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Superscript-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='m33.9 39.9 30.9 49.9h.9l30.9-49.9h17.1L76 99.9l37.7 60h-17l-30.9-49h-.9l-30.9 49H16.8l38.7-60-38.7-60h17.1zm92.6 60v-9.1l27.4-24.4c2.7-2.4 5-4.6 6.9-6.5 1.8-1.9 3.2-3.8 4.2-5.6.9-1.8 1.4-3.7 1.4-5.7 0-3.5-1.3-6.3-4-8.4-2.7-2.1-6-3.1-10-3.1-4.2 0-7.6 1.1-10.2 3.4-2.6 2.2-3.9 5.2-3.9 8.8H126c0-6.7 2.5-12.1 7.4-16.1 5-4.1 11.3-6.1 19-6.1 5.2 0 9.7.9 13.6 2.8 3.9 1.9 7 4.4 9.1 7.6s3.3 6.9 3.3 10.9c0 3.2-.6 6.2-1.9 8.9-1.3 2.7-3.3 5.6-6 8.5s-6.2 6.3-10.5 10l-15.2 13.4v.5h35.9V100h-54.2z'/%3E%3C/svg%3E");
    --subscript-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Subscript-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='m35.6 39.9 30.9 49.9h.9l30.9-49.9h17.1l-37.7 60 37.7 60h-17l-30.9-49h-.9l-30.9 49H18.4l38.7-60-38.7-60h17.2zm89.2 140.6v-9.1l27.4-24.4c2.7-2.4 5-4.6 6.9-6.5 1.8-1.9 3.2-3.8 4.2-5.6.9-1.8 1.4-3.7 1.4-5.7 0-3.5-1.3-6.3-4-8.4s-6-3.1-10-3.1c-4.2 0-7.6 1.1-10.2 3.4s-3.9 5.2-3.9 8.8h-12.2c0-6.7 2.5-12.1 7.4-16.1s11.3-6.1 19-6.1c5.2 0 9.7.9 13.6 2.8s7 4.4 9.1 7.6 3.3 6.9 3.3 10.9c0 3.2-.6 6.2-1.9 8.9-1.3 2.7-3.3 5.6-6 8.5s-6.2 6.3-10.5 10l-15.2 13.4v.5H179v10.3h-54.2z'/%3E%3C/svg%3E");
    --rawtext-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Raw-Text-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M104.3 109.8V98.5H81.1L65.6 71.4H35.8v.1l-13.1 36 10.6 3.9 10.5-28.7h8.7l-17.3 47.6H12.8v11.3h30.4l7.4-20.5 32.7 39 8.7-7.3-36.9-44 7.3-20.1 12.1 20.9v.2zm-37.2-42c3.2 1.2 6.4 1 9.5-.4 3.1-1.5 5.3-3.8 6.4-7 1.2-3.2 1-6.4-.4-9.5-1.5-3.1-3.8-5.3-7.1-6.5-3.2-1.2-6.3-1-9.5.5-3.1 1.5-5.3 3.8-6.5 7s-1 6.4.4 9.5c1.6 3 4 5.2 7.2 6.4z'/%3E%3Cpath d='M183.4 72.7C180.8 66 177 60.2 172 55.3c-5-4.9-11-8.6-18.2-11.3-7.1-2.6-15.2-4-24.3-4-9.8 0-18.5 1.4-26.2 4.3-5.6 2.1-10.6 4.9-15 8.4.6 3.1.4 6.3-.7 9.3-1.5 4.3-4.6 7.7-8.9 9.8l-.1.2c-1.9.8-3.8 1.3-5.7 1.5-.1.1-.1.3-.2.4L84 93.5h.4c.4-3.9 1.3-7.6 2.4-11.2 1.9-5.6 4.7-10.4 8.5-14.5s8.5-7.4 14.2-9.7c5.7-2.3 12.3-3.4 19.9-3.4 4.4 0 8.7.4 12.8 1.3 4.2.9 8 2.3 11.6 4.2 3.6 1.9 6.7 4.4 9.4 7.5 2.7 3.1 4.8 6.8 6.3 11.1s2.3 9.4 2.3 15.1c0 5.9-.4 10.8-1.1 14.7s-1.8 6.7-3.2 8.5c-1.4 1.9-3.2 2.8-5.3 2.8-1.5 0-2.8-.6-3.7-1.7-.9-1.2-1.4-2.8-1.4-4.9V68.7h-14.3v5.1h-.6c-.5-1.3-1.8-2.6-4-3.7-2.1-1.2-4.7-2-7.8-2.5-3.1-.5-6.3-.5-9.8 0-3 .4-6.1 1.4-9.1 2.9s-5.7 3.6-8.2 6.3c-2.4 2.7-4.4 6-5.9 9.9-.8 2.1-1.4 4.4-1.7 6.9h13.6v21.3H97.4c1.4 4 3.3 7.4 5.8 10.1 2.5 2.8 5.3 4.9 8.5 6.3 3.2 1.5 6.6 2.3 10.2 2.5 3.4.2 6.7-.1 9.7-.9 3.1-.8 5.6-2 7.8-3.4 2.1-1.5 3.6-3.1 4.3-5h.5c.3 2.1 1.1 3.9 2.2 5.5s2.8 2.7 5 3.5c2.2.8 5.1 1.1 8.6.8 4.9-.3 9.1-1.4 12.6-3.4s6.3-4.8 8.4-8.3c2.1-3.5 3.7-7.6 4.7-12.3 1-4.7 1.5-9.8 1.5-15.4.1-8.1-1.2-15.5-3.8-22.2zm-42.9 37.5c-1 2.8-2.5 4.9-4.7 6.4-2.2 1.4-5.2 2.1-8.9 2.1-4 0-7.1-.9-9.5-2.7s-4-4.1-5-7c-1-2.9-1.5-5.9-1.6-9.2 0-3.5.7-6.5 1.9-9.1 1.2-2.6 3-4.6 5.4-6 2.4-1.4 5.2-2.1 8.6-2.1 3.9 0 6.9.7 9.1 2 2.2 1.3 3.7 3.3 4.6 5.8.9 2.5 1.4 5.6 1.4 9.3.1 4.2-.4 7.7-1.3 10.5z'/%3E%3Cpath d='M149.4 142.5c-2.7.7-5.7 1.3-9.1 1.8-3.3.5-6.8.8-10.3.8-7.4 0-14-1-19.7-2.9-5.7-1.9-10.5-4.8-14.4-8.6-3.9-3.8-6.8-8.4-8.8-14-.6-1.5-1-3.2-1.4-4.8H69.5v-3.9l-1.4-2.4c.3 3.4.8 6.7 1.5 9.8L99 153.4l-.8.7c1.6.7 3.2 1.4 4.9 1.9 7.6 2.6 16.2 3.9 25.9 3.9 4.3 0 8.5-.3 12.6-.9 4.1-.6 7.8-1.4 11-2.3 3.3-1 5.9-2 7.8-3.1l-4.5-13.2c-1.7.7-3.8 1.4-6.5 2.1z'/%3E%3C/svg%3E");
    --hr-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='hr-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath fill='none' stroke='%23000000' stroke-miterlimit='10' stroke-width='10' d='M160 40v30H40V40m0 120v-30h120v30'/%3E%3Cpath d='M175 110H25V90h150v20z'/%3E%3C/svg%3E");
    --divblock-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Div-Block-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='m59.5 65.5-18.8 69.7H30.3L49 65.5h10.5zm17.1 61.6c-3.3 0-6.3-.9-9-2.6-2.7-1.7-4.8-4.2-6.4-7.6-1.6-3.3-2.3-7.4-2.3-12.3 0-5 .8-9.2 2.4-12.5 1.6-3.3 3.8-5.8 6.4-7.5 2.7-1.7 5.6-2.5 8.8-2.5 2.4 0 4.5.4 6.1 1.2 1.6.8 3 1.8 4 3.1 1 1.2 1.8 2.4 2.3 3.6h.4V68.2h12.1v58.2H89.5v-7H89c-.6 1.2-1.4 2.4-2.4 3.6-1 1.2-2.4 2.2-4 2.9s-3.7 1.2-6 1.2zm3.8-9.6c2 0 3.6-.5 5-1.6s2.4-2.6 3.1-4.5c.7-1.9 1.1-4.2 1.1-6.8s-.4-4.8-1.1-6.8c-.7-1.9-1.8-3.4-3.1-4.4s-3-1.6-5-1.6-3.7.5-5 1.6-2.4 2.6-3.1 4.5c-.7 1.9-1.1 4.1-1.1 6.6s.4 4.8 1.1 6.7c.7 1.9 1.7 3.5 3.1 4.5s3 1.8 5 1.8zm35-40.4c-1.8 0-3.3-.6-4.6-1.8-1.3-1.2-1.9-2.6-1.9-4.3s.6-3.1 1.9-4.3c1.3-1.2 2.8-1.8 4.6-1.8 1.8 0 3.4.6 4.6 1.8 1.3 1.2 1.9 2.6 1.9 4.3 0 1.7-.6 3.1-1.9 4.3-1.3 1.2-2.8 1.8-4.6 1.8zm-6.1 49.3V82.7h12.1v43.6h-12.1zm60.4-43.7-15.3 43.6h-13.6l-15.3-43.6h12.8l9.1 31.2h.5l9-31.2h12.8z'/%3E%3Cpath fill='none' stroke='%23000000' stroke-width='10' d='M42.4 160H5V40h37.4m115.2 0H195v120h-37.4'/%3E%3C/svg%3E");
    --clearfloat-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Clear-Both-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M150 50v100H50V50h100m10-10H40v120h120V40z'/%3E%3Cpath d='m160 58.2 28 41.8-28 41.8V58.2m-.1-18.2H150v120h9.9l40.1-60-40.1-60zM40 58.2v83.6L12 100l28-41.8M50 40h-9.9L0 100l40.1 60H50V40zm77.3 102.7-70-69.9 15.4-15.5 70.1 70-15.5 15.4zm-54.7 0-15.4-15.4 70-70 15.4 15.5-70 69.9z'/%3E%3C/svg%3E");
    --clearfloatleft-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Clear-Left-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M170 50v100H70V50h100m10-10H60v120h120V40z'/%3E%3Cpath d='M60 58.2v83.6L32 100l28-41.8M70 40h-9.9L20 100l40.1 60H70V40zm77.3 102.7-70-69.9 15.4-15.5 70.1 70-15.5 15.4zm-54.7 0-15.4-15.4 70-70 15.4 15.5-70 69.9z'/%3E%3C/svg%3E");
    --clearfloatright-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Clear-Right-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M130 50v100H30V50h100m10-10H20v120h120V40z'/%3E%3Cpath d='m140 58.2 28 41.8-28 41.8V58.2m-.1-18.2H130v120h9.9l40.1-60-40.1-60zm-32.6 102.7-70-69.9 15.4-15.5 70.1 70-15.5 15.4zm-54.7 0-15.4-15.4 70-70 15.4 15.5-70 69.9z'/%3E%3C/svg%3E");
    --table-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Tables-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M165 50v100H35V50h130m10-10H25v120h150V40z'/%3E%3Cpath d='M25 40h150v30H25z'/%3E%3Cpath fill='none' stroke='%23000000' stroke-miterlimit='10' stroke-width='10' d='M115 70v90m5-50H25'/%3E%3C/svg%3E");
    --toc-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='TOC-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M66.5 50.5v9.1H40.2v-9.1h26.3zM46.2 40.1h12.1v40.7c0 1.1.2 2 .5 2.6s.8 1 1.4 1.3c.6.2 1.3.4 2.1.4.6 0 1.1-.1 1.7-.2s1-.2 1.3-.2l1.9 9c-.6.2-1.5.4-2.6.7-1.1.3-2.4.4-4 .5-2.9.1-5.5-.3-7.7-1.2-2.2-.9-3.9-2.3-5.1-4.1-1.2-1.9-1.8-4.2-1.8-7.1V40.1h.2zM90.1 95c-4.4 0-8.2-.9-11.4-2.8-3.2-1.9-5.7-4.5-7.4-7.9-1.7-3.4-2.6-7.3-2.6-11.8s.9-8.5 2.6-11.8c1.7-3.4 4.2-6 7.4-7.9 3.2-1.9 7-2.8 11.4-2.8s8.2.9 11.4 2.8c3.2 1.9 5.7 4.5 7.4 7.9 1.7 3.4 2.6 7.3 2.6 11.8s-.9 8.4-2.6 11.8-4.2 6-7.4 7.9c-3.1 1.9-7 2.8-11.4 2.8zm.1-9.3c2 0 3.7-.6 5-1.7s2.4-2.7 3.1-4.7 1-4.3 1-6.8-.3-4.8-1-6.8-1.7-3.6-3.1-4.7c-1.3-1.2-3-1.7-5-1.7s-3.7.6-5.1 1.7c-1.4 1.2-2.4 2.7-3.1 4.7s-1 4.3-1 6.8.3 4.8 1 6.8 1.7 3.6 3.1 4.7 3.1 1.7 5.1 1.7zm47.4 9.3c-4.5 0-8.3-1-11.5-2.9s-5.7-4.5-7.4-7.9c-1.7-3.4-2.6-7.3-2.6-11.7 0-4.5.9-8.4 2.6-11.8s4.2-6 7.4-7.9c3.2-1.9 7-2.9 11.4-2.9 3.8 0 7.1.7 10 2.1 2.9 1.4 5.1 3.3 6.8 5.8s2.6 5.4 2.8 8.8h-11.4c-.3-2.2-1.2-3.9-2.5-5.3-1.4-1.3-3.2-2-5.4-2-1.9 0-3.5.5-4.9 1.5s-2.5 2.5-3.3 4.4c-.8 1.9-1.2 4.3-1.2 7 0 2.8.4 5.2 1.2 7.1s1.9 3.4 3.3 4.5c1.4 1 3 1.5 4.9 1.5 1.4 0 2.6-.3 3.7-.9 1.1-.6 2-1.4 2.8-2.5.7-1.1 1.2-2.4 1.4-3.9h11.4c-.2 3.3-1.1 6.3-2.7 8.8s-3.8 4.5-6.7 5.9c-2.9 1.6-6.2 2.3-10.1 2.3z'/%3E%3Cpath fill='none' stroke='%23000000' stroke-width='10' d='M70 155h80m-80-28.8h80'/%3E%3Cpath stroke='%23000000' stroke-width='2.5' d='M50.2 131.2v-10l10 5zm0 29v-10l10 5z'/%3E%3C/svg%3E");
    --codeblock-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Code-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M165 50v100H35V50h130m10-10H25v120h150V40z'/%3E%3Cpath d='M60.5 86.4c-2.9 1.3-5.6 2.5-8.3 3.7-2.7 1.2-5.3 2.4-7.7 3.5v13.5c0 .3 0 .5.1.6.1.2.2.3.4.5s.4.3.6.4c3.5 1.6 7.1 3.1 10.7 4.7 3.5 1.6 7.1 3.1 10.6 4.7s7.1 3.1 10.6 4.7v-9.5c0-.4-.1-.7-.1-.8-.1-.2-.3-.3-.7-.5-.9-.4-2.3-1-4.1-1.8-1.8-.8-3.9-1.8-6.3-2.8-2.4-1-4.8-2.1-7.3-3.2-2-.9-3.8-1.7-5.5-2.4V100c1.2-.6 2.6-1.2 4-1.8 1.9-.9 3.9-1.7 5.8-2.6 2-.8 3.8-1.7 5.6-2.5 1.8-.8 3.4-1.5 4.7-2.1s2.4-1 3.1-1.4c.3-.2.6-.4.7-.6.1-.2.1-.4.1-.8v-9.4c-2.7 1.2-5.5 2.4-8.4 3.7-2.9 1.4-5.8 2.7-8.6 3.9zm54.8 38.4c-2.5-6.3-4.9-12.7-7.3-19.1-2.5-6.4-4.9-12.8-7.4-19.1-2.5-6.4-4.9-12.7-7.4-19.1-.1-.1-.1-.3-.2-.3-.1-.1-.2-.1-.3-.1H82.5c2.8 7.2 5.6 14.4 8.4 21.7 2.8 7.3 5.6 14.5 8.4 21.8 2.8 7.3 5.6 14.5 8.3 21.8.1.3.3.5.5.6.2.1.4.2.6.2h9.8c-.6-1.3-1.1-2.7-1.6-4.1s-1.1-2.9-1.6-4.3zm40.2-30.9c-.1-.2-.2-.4-.4-.5-.2-.2-.4-.3-.6-.4-3.6-1.5-7.1-3.1-10.6-4.7s-7.1-3.1-10.6-4.7c-3.6-1.5-7.1-3.1-10.6-4.7v9.4c0 .4 0 .6.1.8.1.2.3.4.7.6.9.4 2.3 1 4.1 1.8 1.8.8 3.9 1.8 6.3 2.8 2.4 1.1 4.8 2.1 7.3 3.2 2 .9 3.8 1.7 5.6 2.4v1.6c-1.2.6-2.6 1.2-4 1.8-1.9.9-3.9 1.7-5.8 2.6-2 .9-3.8 1.7-5.6 2.5s-3.4 1.5-4.7 2.1c-1.3.6-2.4 1-3.1 1.3-.4.2-.6.4-.7.5-.1.2-.1.4-.1.8v9.5c2.7-1.2 5.5-2.5 8.4-3.8 2.9-1.2 5.7-2.5 8.6-3.8 2.8-1.3 5.6-2.5 8.3-3.8 2.7-1.2 5.3-2.4 7.7-3.5V94.3c-.2 0-.3-.2-.3-.4z'/%3E%3C/svg%3E");
    --codewiz-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Code-Wizard-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M60.5 86.4c-2.9 1.3-5.6 2.5-8.3 3.7-2.7 1.2-5.3 2.4-7.7 3.5v13.5c0 .3 0 .5.1.6.1.2.2.3.4.5s.4.3.6.4c3.5 1.6 7.1 3.1 10.7 4.7 3.5 1.6 7.1 3.1 10.6 4.7s7.1 3.1 10.6 4.7v-9.5c0-.4-.1-.7-.1-.8-.1-.2-.3-.3-.7-.5-.9-.4-2.3-1-4.1-1.8-1.8-.8-3.9-1.8-6.3-2.8-2.4-1-4.8-2.1-7.3-3.2-2-.9-3.8-1.7-5.5-2.4V100c1.2-.6 2.6-1.2 4-1.8 1.9-.9 3.9-1.7 5.8-2.6 2-.8 3.8-1.7 5.6-2.5 1.8-.8 3.4-1.5 4.7-2.1s2.4-1 3.1-1.4c.3-.2.6-.4.7-.6.1-.2.1-.4.1-.8v-9.4c-2.7 1.2-5.5 2.4-8.4 3.7-2.9 1.4-5.8 2.7-8.6 3.9zm54.8 38.4c-2.5-6.3-4.9-12.7-7.3-19.1-2.5-6.4-4.9-12.8-7.4-19.1l-2.1-5.4-8.6-8.6-5.6-5.6h-1.8c2.8 7.2 5.6 14.4 8.4 21.7 2.8 7.3 5.6 14.5 8.4 21.8 2.8 7.3 5.6 14.5 8.3 21.8.1.3.3.5.5.6.2.1.4.2.6.2h9.8c-.6-1.3-1.1-2.7-1.6-4.1s-1.1-2.8-1.6-4.2zm12.1-14.7c-.3.1-.6.3-.9.4-1.3.6-2.4 1-3.1 1.3-.4.2-.6.4-.7.5-.1.2-.1.4-.1.8v9.5c2.7-1.2 5.5-2.5 8.4-3.8 1.2-.5 2.4-1.1 3.6-1.6l-7.2-7.1zM140.7 50H165v24.3l10 10V40h-44.3z'/%3E%3Cpath d='m169.4 152.2-4.4-4.5v2.3H35V50h63.3l10-10H25v120h150v-2.3z'/%3E%3Cpath d='m199.1 122.5-57-57-22.6-22.6-22.6 22.6 22.6 22.6 57 57 22.6-22.6zM119.5 57l8.5 8.5-8.5 8.5-8.5-8.5 8.5-8.5z'/%3E%3C/svg%3E");
    --url-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Link-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M96 100.9c-5.3 6.9-15.6-1.2-10.3-8.1l4-5.1c8.5-10.9 20.3-11.9 29.7-7.4 3.5 1.5 6.9 4.1 9.3 7.2 6.7 8 8.6 19.8.2 30.7l-25.1 32.2c-5.8 7.4-13.2 10.1-20.4 9.5-9.1 0-18.7-6.6-22-15.2-4.7-9.7-2-19.3 6.3-28.7 2.5 3.5 6.3 6.4 10.3 8-1.8 2.4-5 5.8-5.3 8.8-1.7 7.8 5.7 15.4 13.6 13.8 2.6-.3 5.1-1.6 7.2-4.3 5.9-7.5 25.1-32.3 25.1-32.3 1.5-1.9 2.2-3.9 2.4-5.9 1.3-11.7-13.7-17.8-20.9-8.5l-4.1 5.3z'/%3E%3Cpath d='M114.2 107.2c5.3-6.8-5-14.9-10.3-8.1l-4 5.1c-7.2 9.3-22.2 3.2-20.9-8.5.1-2 .9-4 2.4-5.9 0 0 19.2-24.7 25.1-32.3 2.1-2.7 4.6-4 7.2-4.3 7.9-1.6 15.3 6 13.6 13.8-.3 3.1-3.4 6.4-5.3 8.8 4 1.6 7.8 4.5 10.3 8 8.3-9.4 11-18.9 6.3-28.7-3.3-8.6-12.8-15.1-22-15.2-7.2-.6-14.6 2.1-20.4 9.5L71.1 81.6c-8.5 10.9-6.5 22.7.2 30.7 2.4 3 5.7 5.7 9.3 7.2 9.4 4.5 21.2 3.5 29.7-7.4l3.9-4.9z'/%3E%3C/svg%3E");
    --urlwiz-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Link-Wizard-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M52.5 100.9c-5.3 6.9-15.6-1.2-10.3-8.1l4-5.1c8.5-10.9 20.3-11.9 29.7-7.4 3.5 1.5 6.9 4.1 9.3 7.2 6.7 8 8.6 19.8.2 30.7l-25.1 32.2c-5.8 7.4-13.2 10.1-20.4 9.5-9.1 0-18.7-6.6-22-15.2-4.7-9.7-2-19.3 6.3-28.7 2.5 3.5 6.3 6.4 10.3 8-1.8 2.4-5 5.8-5.3 8.8-1.7 7.8 5.7 15.4 13.6 13.8 2.6-.3 5.1-1.6 7.2-4.3 5.9-7.5 25.1-32.3 25.1-32.3 1.5-1.9 2.2-3.9 2.4-5.9 1.3-11.7-13.7-17.8-20.9-8.5l-4.1 5.3z'/%3E%3Cpath d='m60.5 99.1-4 5.1c-7.2 9.3-22.2 3.2-20.9-8.5.1-2 .9-4 2.4-5.9 0 0 19.2-24.7 25.1-32.3 2.1-2.7 4.6-4 7.2-4.3 4.1-.9 8.1.8 10.7 3.8l9.3-9.3C85.8 43.1 79.4 40 73.2 40c-7.2-.6-14.6 2.1-20.4 9.5L27.7 81.7c-8.5 10.9-6.5 22.7.2 30.7 2.4 3 5.7 5.7 9.3 7.2 9.4 4.5 21.2 3.5 29.7-7.4l4-5.1c5.1-6.8-5.2-14.9-10.4-8zm128.3 23.4-57-57-22.6-22.6-22.6 22.6 22.6 22.6 57 57 22.6-22.6zM109.2 57l8.5 8.5-8.5 8.5-8.5-8.5 8.5-8.5z'/%3E%3C/svg%3E");
    --pagelink-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Page-Link-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M96 100.9c-5.3 6.9-15.6-1.2-10.3-8.1l4-5.1c8.5-10.9 20.3-11.9 29.7-7.4 3.5 1.5 6.9 4.1 9.3 7.2 6.7 8 8.6 19.8.2 30.7l-25.1 32.2c-5.8 7.4-13.2 10.1-20.4 9.5-9.1 0-18.7-6.6-22-15.2-4.7-9.7-2-19.3 6.3-28.7 2.5 3.5 6.3 6.4 10.3 8-1.8 2.4-5 5.8-5.3 8.8-1.7 7.8 5.7 15.4 13.6 13.8 2.6-.3 5.1-1.6 7.2-4.3 5.9-7.5 25.1-32.3 25.1-32.3 1.5-1.9 2.2-3.9 2.4-5.9 1.3-11.7-13.7-17.8-20.9-8.5l-4.1 5.3z'/%3E%3Cpath d='M114.2 107.2c5.3-6.8-5-14.9-10.3-8.1l-4 5.1c-7.2 9.3-22.2 3.2-20.9-8.5.1-2 .9-4 2.4-5.9 0 0 19.2-24.7 25.1-32.3 2.1-2.7 4.6-4 7.2-4.3 7.9-1.6 15.3 6 13.6 13.8-.3 3.1-3.4 6.4-5.3 8.8 4 1.6 7.8 4.5 10.3 8 8.3-9.4 11-18.9 6.3-28.7-3.3-8.6-12.8-15.1-22-15.2-7.2-.6-14.6 2.1-20.4 9.5L71.1 81.6c-8.5 10.9-6.5 22.7.2 30.7 2.4 3 5.7 5.7 9.3 7.2 9.4 4.5 21.2 3.5 29.7-7.4l3.9-4.9z'/%3E%3Cpath d='M35.9 150V50h70.7l10-10H25.9v120h150v-10z'/%3E%3Cpath d='m165.9 140 10-10v30h-10zm-140-70h69.9V40H25.9v30zm39.9-20h10v10h-10V50zm-19.9 0h10v10h-10V50z'/%3E%3C/svg%3E");
    --pagelinkwiz-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Page-Link-Wizard-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M35.9 150V70h28.6l10.7-13.7c6.8-8.6 16.1-13.4 26.3-13.4.8 0 1.6 0 2.4.1 1.5 0 3 .2 4.6.4l1.8-1.8L112 40H25.9v120h12.4c-1.2-2.9-2.1-6.3-2.4-10zm10-100h10v10h-10V50zm124.4 102.2-4.4-4.5v2.3h-52.2l-7.8 10h70v-2.3z'/%3E%3Cpath d='M82.8 113.9c-5.3 6.9-15.6-1.2-10.3-8.1l4-5.1c8.5-10.9 20.3-11.9 29.7-7.4 3.5 1.5 6.9 4.1 9.3 7.2 6.7 8 8.6 19.8.2 30.7l-25.1 32.2c-5.8 7.4-13.2 10.1-20.4 9.5-9.1 0-18.7-6.6-22-15.2-4.7-9.7-2-19.3 6.3-28.7 2.5 3.5 6.3 6.4 10.3 8-1.8 2.4-5 5.8-5.3 8.8-1.7 7.8 5.7 15.4 13.6 13.8 2.6-.3 5.1-1.6 7.2-4.3 5.9-7.5 25.1-32.3 25.1-32.3 1.5-1.9 2.2-3.9 2.4-5.9 1.3-11.7-13.7-17.8-20.9-8.5l-4.1 5.3zm117.2 8.6-57-57-22.6-22.6-22.6 22.6 22.6 22.6 57 57 22.6-22.6zM120.4 57l8.5 8.5-8.5 8.5-8.5-8.5 8.5-8.5z'/%3E%3Cpath d='m90.7 112.1-4 5.1c-7.2 9.3-22.2 3.2-20.9-8.5.1-2 .9-4 2.4-5.9 0 0 19.2-24.7 25.1-32.3 1.6-2.1 3.5-3.4 5.5-4l-1-1 11.6-11.6c-2-.6-4-.9-6-.9-7.2-.6-14.6 2.1-20.4 9.5L57.9 94.7c-8.5 10.9-6.5 22.7.2 30.7 2.4 3 5.7 5.7 9.3 7.2 9.4 4.5 21.2 3.5 29.7-7.4l4-5.1c5.2-6.8-5.1-14.9-10.4-8z'/%3E%3C/svg%3E");
    --imageblock-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Image-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M25 40v120h150V40H25zm10 110v-20.3l24.1-24.1 21.6 21.6L130 78l35 35v37H35zm28-89c8.3 0 15 6.7 15 15s-6.7 15-15 15-15-6.7-15-15c0-8.2 6.7-15 15-15z'/%3E%3C/svg%3E");
    --imagewiz-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Image-Wizard-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M175 83.9V40h-43.9zm-10 63.5v2.6H35v-20.3l24.1-24.1 21.6 21.6 32-32-22.6-22.7-7.1-7 7.1-7.1L108.5 40H25v120h150v-2.6l-10-10zM63 61c8.3 0 15 6.7 15 15s-6.7 15-15 15-15-6.7-15-15c0-8.2 6.7-15 15-15z'/%3E%3Cpath d='m199.4 122.5-57-57-22.6-22.6-22.6 22.6 22.6 22.6 57 57 22.6-22.6zM119.8 57l8.5 8.5-8.5 8.5-8.5-8.5 8.5-8.5z'/%3E%3C/svg%3E");
    --htmlblock-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='HTML-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M76.5 110.6c-1.7.8-3.3 1.5-4.9 2.2s-3.1 1.4-4.6 2.1v8c0 .2 0 .3.1.4.1.1.1.2.2.3s.2.2.4.2c2.1.9 4.2 1.8 6.4 2.8 2.1.9 4.2 1.8 6.3 2.8s4.2 1.8 6.3 2.8v-5.6c0-.2-.1-.4-.1-.5-.1-.1-.2-.2-.4-.3-.5-.2-1.4-.6-2.4-1.1-1.1-.5-2.3-1.1-3.7-1.7-1.4-.6-2.8-1.2-4.3-1.9-1.2-.5-2.3-1-3.3-1.4v-1c.7-.4 1.5-.7 2.4-1.1 1.1-.5 2.3-1 3.4-1.5 1.2-.5 2.3-1 3.3-1.5 1.1-.5 2-.9 2.8-1.2.8-.4 1.4-.6 1.8-.8.2-.1.4-.2.4-.4.1-.1.1-.2.1-.5v-5.6c-1.6.7-3.3 1.4-5 2.2-1.9.8-3.6 1.6-5.2 2.3zm14 25.3c-.3.8-.6 1.7-.9 2.4h5.8c.1 0 .2-.1.4-.1.1-.1.2-.2.3-.4 1.6-4.3 3.3-8.6 4.9-12.9s3.3-8.6 5-12.9c1.7-4.3 3.3-8.6 5-12.9h-6.1c-.1 0-.1 0-.2.1-.1 0-.1.1-.1.2-1.5 3.8-2.9 7.5-4.4 11.3-1.5 3.7-2.9 7.5-4.4 11.3-1.4 3.8-2.8 7.6-4.3 11.3-.4.9-.7 1.8-1 2.6zm42.4-20.9c-.1-.1-.1-.2-.2-.3-.1-.1-.2-.2-.4-.2-2.1-.9-4.2-1.8-6.3-2.8-2.1-.9-4.2-1.8-6.3-2.8-2.1-.9-4.2-1.8-6.3-2.8v5.6c0 .2 0 .4.1.5l.4.4c.5.2 1.4.6 2.4 1.1 1.1.5 2.3 1.1 3.7 1.7 1.4.7 2.8 1.2 4.3 1.9 1.2.5 2.3 1 3.3 1.4v.9c-.7.4-1.5.7-2.4 1.1-1.1.5-2.3 1-3.4 1.5-1.2.5-2.3 1-3.3 1.5-1.1.5-2 .9-2.8 1.2-.8.4-1.4.6-1.8.8-.2.1-.4.2-.4.3-.1.1-.1.2-.1.5v5.6c1.6-.7 3.3-1.5 5-2.3 1.7-.7 3.4-1.5 5.1-2.3 1.7-.8 3.3-1.5 4.9-2.3 1.6-.7 3.1-1.4 4.6-2.1v-8c-.1.2-.1.1-.1-.1z'/%3E%3Cpath d='M110.7 38.3H51.6v123.5h96.8V75.9l-37.7-37.6zm4.4 33.3V57l14.6 14.6h-14.6zm23.1 10.2v69.8H61.7V48.4h43.2v33.3h33.3z'/%3E%3C/svg%3E");
    --ordered-list-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='OL-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath fill='none' stroke='%23000000' stroke-width='15' d='M65 150h110M65 100h110M65 50h110'/%3E%3Cpath d='M49.2 60.5c-1.7-.4-4.5 0-6.7-.1V33.2c-.9-1.3-6-.2-7.7-.5-2.4 1.6-5 3.4-7.4 5.1.2.3-.3 8.3.2 8.2 2.7-.8 5.2-3.5 6.6-6.1h1v20.5h-8.8c.1 2-.2 4.8.1 6.8 7 .4 15.7 0 22.8.1-.1-1.8.3-5-.1-6.8zm.5 50.3c-4.9-.5-11.8-.2-16.3 1.2.2-7.1 10.8-8.1 14-13.5 6.7-12.1-5.4-19-16.2-15.1-5.7 1.3-3.9 4.7-4.1 9h1c3.4-2.4 10.8-5 13.7-1.2.8 7.6-13.2 8.8-14.8 16.1-1 2.6-1.3 7.5-.6 10.2 7.3.2 16.3 0 23.6.1-.3-2 .1-4.9-.3-6.8zm-.7 43.1c-1.5-2.2-4.3-3.3-7.3-3.9v-1c9.3-.6 10.8-13.7 1.8-16.1-4.6-1.5-12.5-1.2-16.6.7-.3 2 0 4.9-.1 6.9 4.5-.4 11-3 15 .3 2.4 6.2-6.7 5.1-11.2 5.4-.8 11.4 1.7 4.7 10 7.9 3 1 2.9 5.4-.2 6.2-4.6 1.3-10-.1-14.5-1v6.6c.2 1.1 1 .9 2.4 1.3 9.3 2.6 26.5.1 20.7-13.3z'/%3E%3C/svg%3E");
    --unordered-list-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='UL-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath fill='none' stroke='%23000000' stroke-width='15' d='M65 150h110M65 100h110M65 50h110'/%3E%3Ccircle cx='37.5' cy='50.2' r='12.5'/%3E%3Ccircle cx='37.5' cy='100' r='12.5'/%3E%3Ccircle cx='37.5' cy='150' r='12.5'/%3E%3C/svg%3E");
    --inc-list-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Inc-List-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath fill='none' stroke='%23000000' stroke-width='15' d='M90 140h110M90 100h110M90 60h110M58 40v120'/%3E%3Cpath d='M0 125V75l30 25z'/%3E%3C/svg%3E");
    --dec-list-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Dec-List-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath fill='none' stroke='%23000000' stroke-width='15' d='M90 140h110M90 100h110M90 60h110M58 40v120'/%3E%3Cpath d='M30 75v50L0 100z'/%3E%3C/svg%3E");
    --def-list-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Def-List-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M34.2 63.4c-1.5 0-2.9-.5-4-1.7-1.1-1.1-1.7-2.4-1.7-4 0-1.5.5-2.9 1.7-4 1.1-1.1 2.4-1.7 4-1.7 1.5 0 2.9.6 4 1.7s1.7 2.4 1.7 4c0 1-.3 2-.8 2.8-.5.9-1.2 1.5-2 2-.9.6-1.9.9-2.9.9zm0 32.2c-1.5 0-2.9-.5-4-1.7-1.1-1.1-1.7-2.4-1.7-4s.5-2.9 1.7-4c1.1-1.1 2.4-1.7 4-1.7 1.5 0 2.9.5 4 1.7 1.1 1.1 1.7 2.4 1.7 4 0 1-.3 2-.8 2.8-.5.9-1.2 1.5-2 2-.9.7-1.9.9-2.9.9zm19.2 8.2h-8.1L68.7 40h8l23.4 63.8H92L73 50.1h-.5l-19.1 53.7zm3-24.9H89v6.9H56.4v-6.9zm54.9-15.5c-1.5 0-2.9-.5-4-1.7-1.1-1.1-1.7-2.4-1.7-4 0-1.5.6-2.9 1.7-4s2.4-1.7 4-1.7 2.9.6 4 1.7 1.7 2.4 1.7 4c0 1-.3 2-.8 2.8-.5.9-1.2 1.5-2 2-1 .6-1.9.9-2.9.9zm0 32.2c-1.5 0-2.9-.5-4-1.7-1.1-1.1-1.7-2.4-1.7-4s.6-2.9 1.7-4 2.4-1.7 4-1.7 2.9.5 4 1.7 1.7 2.4 1.7 4c0 1-.3 2-.8 2.8s-1.2 1.5-2 2c-1 .7-1.9.9-2.9.9zm17.3 8.2V40h22.3c4.4 0 8.1.8 11 2.3s5 3.6 6.4 6.1c1.4 2.6 2.1 5.4 2.1 8.5 0 2.7-.5 5-1.4 6.8-1 1.8-2.2 3.2-3.8 4.2s-3.3 1.8-5.1 2.3v.6c2 .1 3.9.8 5.9 2.1 2 1.2 3.6 3 5 5.4s2 5.2 2 8.5c0 3.2-.7 6.1-2.2 8.6s-3.7 4.6-6.9 6.1c-3.1 1.5-7.2 2.2-12.2 2.2h-23.1zm7.7-35.8h14.3c2.3 0 4.4-.5 6.3-1.4 1.9-.9 3.4-2.2 4.5-3.9 1.1-1.7 1.7-3.6 1.7-5.9 0-2.8-1-5.2-2.9-7.1s-5-2.9-9.3-2.9h-14.6V68zm0 28.9h15.3c5 0 8.6-1 10.8-2.9s3.2-4.3 3.2-7.1c0-2.2-.6-4.2-1.7-6-1.1-1.8-2.7-3.3-4.7-4.4-2-1.1-4.4-1.7-7.2-1.7h-15.7v22.1z'/%3E%3Cpath fill='none' stroke='%23000000' stroke-width='10' d='M69.9 154.2h80m-80-28.8h80'/%3E%3Cpath stroke='%23000000' stroke-width='2.5' d='M50.1 130.4v-10l10 5-10 5zm0 29v-10l10 5-10 5z'/%3E%3C/svg%3E");
    --footnote-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Footnotes-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath fill='none' stroke='%23000000' stroke-miterlimit='10' stroke-width='10' d='M127.9 84.7v14.6H73.5v15.4'/%3E%3Cpath d='M185 125.1v30h-75v-30h75m5-5h-85v40h85v-40zM75 77.4H10v-5h65v5zm-20-15H10v-5h45v5zm40-15H10v-5h85v5z'/%3E%3Cpath fill='none' stroke='%23000000' stroke-miterlimit='10' stroke-width='5' d='M95 44.9H10m45 15H10m65 15H10'/%3E%3Cpath d='M130.4 44.9v30H125V50.2h-.2l-7 4.5v-5l7.5-4.8h5.1zm-54.7 80.2v30h-5.4v-24.7h-.2l-7 4.5v-5l7.5-4.8h5.1z'/%3E%3C/svg%3E");
    --math-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Math-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath fill='none' stroke='%23000000' stroke-miterlimit='10' stroke-width='10' d='M160 157H40m0-110h120'/%3E%3Cpath d='m65.1 142-3-7.1 29.1-35.7-28.7-29.1 3-8.1h60.1l5.2 4.3V83h-8.4l-5.6-10.7H82.4l28.5 28.6v4.7l-24.6 28h35.4l4.2-10.8h6.8V142H65.1z'/%3E%3C/svg%3E");
    --inline-math-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Inline-Math-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='m65.1 142-3-7.1 29.1-35.7-28.7-29.1 3-8.1h60.1l5.2 4.3V83h-8.4l-5.6-10.7H82.4l28.5 28.6v4.7l-24.6 28h35.4l4.2-10.8h6.8V142H65.1z'/%3E%3Cpath d='m65.8 103.4-54.9 28v-10.9L53 100.2l-.3.7v-1.7l.3.7-42.1-20.4V68.6l54.9 28v6.8zm69.3-6.8 54.9-28v10.9l-42.1 20.3.3-.7v1.7l-.3-.7 42.1 20.3v10.9l-54.9-28v-6.7z'/%3E%3C/svg%3E");
    --eq-def-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Equation-Ref-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath fill='none' d='M.5 0h200v200H.5z'/%3E%3Cpath d='m145.7 106.1.9-25-21.1 13.4L120 85l22.3-11.6L120 61.8l5.5-9.5 21.1 13.4-.9-25h10.9l-.9 25 21.1-13.4 5.5 9.5L160 73.4 182.3 85l-5.5 9.5-21.1-13.4.9 25h-10.9zM21 160V87.3h45.6v9.4H32v22.2h32.2v9.4H32v22.3h35v9.4H21zm100.9 20.5h-10.6v-28.9h-.6c-.6 1.2-1.6 2.5-2.8 4s-2.8 2.8-4.9 3.9c-2.1 1.1-4.8 1.7-8.1 1.7-4.4 0-8.3-1.1-11.8-3.4-3.4-2.3-6.1-5.5-8.1-9.7s-2.9-9.3-2.9-15.1 1-10.9 3-15.1c2-4.2 4.7-7.4 8.1-9.6 3.5-2.2 7.4-3.3 11.8-3.3 3.4 0 6.1.6 8.2 1.7 2.1 1.1 3.7 2.4 4.8 3.9 1.1 1.5 2 2.8 2.7 3.9h.9v-8.8H122v74.8zm-10.5-47.8c0-3.8-.5-7.1-1.6-9.9-1.1-2.8-2.7-5.1-4.8-6.6-2.1-1.6-4.7-2.4-7.8-2.4-3.2 0-5.9.8-8 2.5-2.1 1.7-3.7 3.9-4.8 6.8-1.1 2.9-1.6 6.1-1.6 9.7 0 3.6.5 6.9 1.6 9.8 1.1 2.9 2.7 5.2 4.8 6.9 2.1 1.7 4.8 2.5 7.9 2.5 3.1 0 5.6-.8 7.8-2.4 2.1-1.6 3.7-3.9 4.8-6.8 1.2-2.9 1.7-6.2 1.7-10.1z'/%3E%3C/svg%3E");
    --bib-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath id='Bibliography-Icon' d='M165.6 110.1c2.6-6.4 2.6-13.8 0-20.2 2.7-6.7 2.6-14.6-.4-21.2-.2-.5-.6-.9-1-1.1l-46.4-27.1c-.4-.3-1-.4-1.5-.3l-81.4 6.9h-.5c-.1 0-.2.1-.2.1s-.1 0-.1.1c-.1 0-.2.1-.2.1l-.1.1-.2.2-.1.1-.2.2s-.1.1-.1.2-.1.1-.1.2-.1.1-.1.2-.1.1-.1.2 0 .1-.1.2v1.4c0 .1 0 .2.1.2 2.6 5.7 2.6 12.5 0 18.2v.1c0 .1-.1.2-.1.3v.1c0 .1 0 .3-.1.4v.6c0 .1 0 .2.1.3 0 .1 0 .1.1.2 0 .1 0 .1.1.2 2.6 5.7 2.6 12.5 0 18.2v.1c0 .1-.1.2-.1.3v.1c0 .1 0 .3-.1.4v.6c0 .1 0 .2.1.3 0 .1 0 .1.1.2 0 .1 0 .1.1.2 2.6 5.7 2.6 12.5 0 18.2v.1c0 .1-.1.2-.1.3v.1c0 .1 0 .3-.1.4v.6c0 .1 0 .2.1.3 0 .1 0 .1.1.2 0 .1 0 .1.1.2 2.6 5.7 2.6 12.5 0 18.2-.5 1.2-.1 2.5 1 3.2l46.4 27.1c.4.2.8.3 1.3.3h.2l81.4-6.9c.9-.1 1.7-.6 2.1-1.5 3-6.6 3.1-14.5.4-21.3 2.1-7 2.1-14.4-.4-20.8zm-81.3 6.7c2.5-6.4 2.4-13.7-.1-20 0-.1.1-.2.1-.2l76.1-6.5c0 .3.1.6.2.8 2.6 5.7 2.6 12.5 0 18.2-.2.4-.2.8-.2 1.2l-76.1 6.5zm-4.8-38.5c1.9 4.7 2.1 10 .7 14.8l-42-24.6c1.5-4.4 1.9-9.2 1.1-13.8l34.8 20.4 5.4 3.2zm0 20.2c1.9 4.7 2.1 10 .7 14.8l-42-24.6c1.5-4.4 1.9-9.2 1.1-13.8l40.2 23.6zm0 20.3c1.9 4.7 2.1 10 .7 14.8l-42-24.6c1.5-4.4 1.9-9.2 1.1-13.8l40.2 23.6zm.6 35-42-24.6c1.5-4.4 1.9-9.2 1.1-13.8l40.1 23.5.1.1c2 4.7 2.2 10 .7 14.8zm81-5.6-76 6.5c1.6-5.7 1.2-11.9-.9-17.4 0-.1.1-.2.1-.2l76.1-6.5c0 .3.1.6.2.8 2.3 5.2 2.5 11.4.5 16.8z'/%3E%3C/svg%3E");
    --bib-cite-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cg id='Bibliography-Cite-Icon'%3E%3Cpath d='m145.2 106.1.9-25L125 94.5l-5.5-9.5 22.3-11.6-22.3-11.6 5.5-9.5 21.1 13.4-.9-25h10.9l-.9 25 21.1-13.4 5.5 9.5-22.3 11.6L181.8 85l-5.5 9.5-21.1-13.4.9 25h-10.9z'/%3E%3Cpath d='m165.9 99.7.2 6 .1 2.6c.8-2.4 1.2-5 1.3-7.6l-1.6-1zm.5 12.8.1 3.6h-31.7l.1-3.6-50.7 4.3c2.5-6.4 2.4-13.7-.1-20 0-.1.1-.2.1-.2l29-2.5-2.4-4.2-5.2-9 9.2-4.8 5.2-2.7-5.2-2.7-9.2-4.8 5.2-9 5.5-9.5 3.3-5.8-1.9-1.1c-.4-.3-1-.4-1.5-.3l-81.4 6.9h-.5c-.1 0-.2.1-.2.1s-.1 0-.1.1c-.1 0-.2.1-.2.1l-.1.1-.2.2-.1.1-.2.2s-.1.1-.1.2-.1.1-.1.2-.1.1-.1.2-.1.1-.1.2 0 .1-.1.2v1.4c0 .1 0 .2.1.2 2.6 5.7 2.6 12.5 0 18.2v.1c0 .1-.1.2-.1.3v.1c0 .1 0 .3-.1.4v.6c0 .1 0 .2.1.3 0 .1 0 .1.1.2 0 .1 0 .1.1.2 2.6 5.7 2.6 12.5 0 18.2v.1c0 .1-.1.2-.1.3v.1c0 .1 0 .3-.1.4v.6c0 .1 0 .2.1.3 0 .1 0 .1.1.2 0 .1 0 .1.1.2 2.6 5.7 2.6 12.5 0 18.2v.1c0 .1-.1.2-.1.3v.1c0 .1 0 .3-.1.4v.6c0 .1 0 .2.1.3 0 .1 0 .1.1.2 0 .1 0 .1.1.2 2.6 5.7 2.6 12.5 0 18.2-.5 1.2-.1 2.5 1 3.2l46.4 27.1c.4.2.8.3 1.3.3h.2l81.4-6.9c.9-.1 1.7-.6 2.1-1.5 3-6.6 3.1-14.5.4-21.3 1.9-6.2 2.2-12.6.5-18.4zm-86.3 41.3-42-24.6c1.5-4.4 1.9-9.2 1.1-13.8l40.1 23.5.1.1c2 4.7 2.2 10 .7 14.8zm0-20.2-42-24.6c1.5-4.4 1.9-9.2 1.1-13.8l40.2 23.5c2 4.7 2.2 10.1.7 14.9zm0-20.2-42-24.6c1.5-4.4 1.9-9.2 1.1-13.8l40.2 23.5c2 4.7 2.2 10 .7 14.9zm0-20.3-42-24.6c1.5-4.4 1.9-9.2 1.1-13.8L74 75.1l5.4 3.2c2 4.7 2.2 10 .7 14.8zm81 55.1-76 6.5c1.6-5.7 1.2-11.9-.9-17.4 0-.1.1-.2.1-.2l76.1-6.5c0 .3.1.6.2.8 2.3 5.2 2.5 11.4.5 16.8z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
 
:root:lang(fr) #main-content .pager::before {
    content: "« précédente";
}
 
:root:lang(fr) #main-content .pager::after {
    content: "suivante »";
}
 
:root:lang(fr) #top-bar div[class*=top-bar] ul li span.topbar_arrow {
    display: none;
}
 
:root:lang(de) #main-content .pager::before {
    content: "« vorherige";
}
 
:root:lang(de) #main-content .pager::after {
    content: "nächste »";
}
 
:root:lang(it) #main-content .pager::before {
    content: "« precedente";
}
 
:root:lang(it) #main-content .pager::after {
    content: "prossimo »";
}
 
:root:lang(ja) {
    --body-font-fallback: "メイリオ", Meiryo, Tahoma, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
    --UI-font-fallback: "游ゴシック体", YuGothic, "ヒラギノ丸ゴ", "Hiragino Sans", "Yu Gothic UI", "Meiryo UI", "MS Gothic", Roboto, Noto, "Noto Sans CJK JP", sans-serif;
    --mono-font-fallback: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "MS Pゴシック", "MS PGothic", "MS ゴシック", "MS Gothic", "Noto Sans CJK JP", TakaoPGothic, monospace;
    --header-font-fallback: var(--body-font-fallback);
}
 
:root:lang(ja) #side-bar div.menu-item {
    margin: 0;
}
 
:root:lang(ja) #side-bar .menu-item .sub-text {
    display: flex;
    align-items: center;
    padding: 0 0.75em;
    width: 15ch;
    font-size: calc(var(--true-font-size)*0.75);
    color: rgb(var(--basalt-sub-text-color));
    transition: background-color var(--side-bar-link-transition);
}
 
:root:lang(ja) #side-bar .menu-item a:is(:hover, :focus)+.sub-text {
    background-color: rgb(var(--basalt-focus-color), 0.0625);
}
 
:root:lang(ja) #side-bar .side-block:is(.sns, [style*="#a7dba2"]) {
    background-color: transparent !important;
}
 
:root:lang(ja) #side-bar .side-block:is(.sns, [style*="#f0f0f0"]) {
    background-color: rgb(var(--side-bar-media-background-color)) !important;
}
 
:root:lang(ja) #side-bar .side-block[style*="#f0f0f0"] p {
    margin: 0;
}
 
:root:lang(ko) {
    --body-font-fallback: Inter, NanumBarunCatsi, "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", "Helvetica Neue", "Helvetica", Arial, sans-serif;
    --UI-font-fallback: "Nanum Gothic", "Apple SD Gothic Neo", "Malgun Gothic", Roboto, Noto, "Noto Sans CJK KR", sans-serif;
    --mono-font-fallback: "Nanum Gothic Coding", Recursive, "Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", "Helvetica Neue", "Helvetica", Arial, monospace;
    --header-font-fallback: var(--body-font-fallback);
}
 
:root:lang(ko) #main-content .pager::before {
    content: "« 이전";
}
 
:root:lang(ko) #main-content .pager::after {
    content: "다음 »";
}
 
:root:lang(pl) #main-content .pager::before {
    content: "« poprzednia";
}
 
:root:lang(pl) #main-content .pager::after {
    content: "następna »";
}
 
:root:lang(pt-br) #main-content .pager::before {
    content: "« anterior";
}
 
:root:lang(pt-br) #main-content .pager::after {
    content: "próximo »";
}
 
:root:lang(ru) {
    --body-font-fallback: Charcoal, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    --header-font-fallback: Inter, Charcoal, "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", "Helvetica Neue", "Helvetica", Arial, sans-serif;
}
 
:root:lang(cn) {
    --body-font-fallback: "Noto Sans SC", Verdana, "Microsoft YaHei", "微软雅黑", Geneva, sans-serif, STXihei, "华文细黑";
    --UI-font-fallback: "方体", "PingFang SC", "黑体", "Heiti SC", "Microsoft JhengHei UI", "Microsoft JhengHei", Roboto, Noto, "Noto Sans CJK SC", sans-serif;
    --header-font-fallback: var(--body-font-fallback);
    --mono-font-fallback: "幼圆", "Noto Serif SC", "Microsoft YaHei", "微软雅黑", "Courier New", Courier, monospace, STXihei, "华文细黑";
}
 
:root:lang(cn) #side-bar .side-block:is([style*="#f0fff6"], [style*="#e7e5e8"]) {
    background-color: rgb(var(--side-bar-resources-background-color)) !important;
}
 
:root:lang(cn) #side-bar .side-block:is([style*="#e5e5ff"], [style*="#f0f0f0"]) {
    background-color: rgb(var(--side-bar-media-background-color)) !important;
}
 
:root:lang(cn) #side-bar .menu-item {
    margin: 0;
}
 
:root:lang(th) {
    --body-font-fallback: "Kanit", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Verdana, Geneva, sans-serif;
    --UI-font-fallback: "Kanit", "Thonburi", "Leelawadee UI", "Cordia New", Roboto, Noto, "Noto Sans Thai", sans-serif;
    --header-font-fallback: var(--body-font-fallback);
    --mono-font-fallback: "Kanit", Consolas, monaco, monospace;
}
 
:root:lang(zh) {
    --body-font-fallback: "Noto Sans TC", "微軟正黑體", "Microsoft JhengHei", "Microsoft JhengHei UI", “微軟雅黑”, "Microsoft YaHei", "Microsoft YaHei UI", sans-serif;
    --UI-font-fallback: "方體", "PingFang HK", "方體", "PingFang TC", "黑體", "Heiti TC", "Microsoft JhengHei UI", "Microsoft JhengHei", Roboto, Noto, "Noto Sans CJK TC", sans-serif;
    --header-font-fallback: var(--body-font-fallback);
    --mono-font-fallback: "Noto Sans TC", "微軟正黑體", "Microsoft JhengHei", "Microsoft JhengHei UI", “微軟雅黑”, "Microsoft YaHei", "Microsoft YaHei UI", monospace;
}
 
:root:lang(uk) {
    --body-font-fallback: Charcoal, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    --header-font-fallback: Charcoal, "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", "Helvetica Neue", "Helvetica", Arial, sans-serif;
}
 
@layer header-localize {
    :root:lang(cs) {
        --header-title: "SCP Nadace";
        --header-subtitle: "ČESKÁ VĚTEV SCP NADACE";
    }
 
    :root:lang(fr) {
        --header-title: "Fondation SCP";
        --header-subtitle: "SÉCURISER - CONTENIR - PROTÉGER";
    }
 
    :root:lang(de) {
        --header-title: "SCP Foundation";
        --header-subtitle: "AUF DEUTSCH";
    }
 
    :root:lang(el) {
        --header-title: "Το Ίδρυμα SCP";
        --header-subtitle: "ΕΛΛΗΝΌΦΩΝΟΣ ΚΛΆΔΟΣ";
    }
 
    :root:lang(it) {
        --header-title: "Fondazione SCP";
        --header-subtitle: "BRANCA ITALIANA - SCP FOUNDATION";
    }
 
    :root:lang(ja) {
        --header-title: "SCP財団";
        --header-subtitle: "確保、収容、保護";
    }
 
    :root:lang(ko) {
        --header-title: "SCP 재단";
        --header-subtitle: "확보 - 격리 - 보호";
    }
 
    :root:lang(pl) {
        --header-title: "Fundacja SCP";
        --header-subtitle: "POLSKA FILIA SCP";
    }
 
    :root:lang(pt-br) {
        --header-title: "Fundação SCP";
        --header-subtitle: "FILIAL LUSÓFONA";
    }
 
    :root:lang(ru) {
        --header-title: "SCP Foundation";
        --header-subtitle: "RUSSIAN BRANCH";
    }
 
    :root:lang(es) {
        --header-title: "La Fundación SCP";
        --header-subtitle: "RAMA HISPANOHABLANTE";
    }
 
    :root:lang(cn) {
        --header-title: "SCP基金会";
        --header-subtitle: "控制 - 收容 - 保护";
    }
 
    :root:lang(th) {
        --header-title: "สถาบัน SCP";
        --header-subtitle: "ควบคุม, กักกัน, ป้องกัน";
    }
 
    :root:lang(zh) {
        --header-title: "SCP基金會";
        --header-subtitle: "控制,收容,保護";
    }
 
    :root:lang(uk) {
        --header-title: "Фонд SCP.";
        --header-subtitle: "ОХОРОНЯТИ. УТРИМУВАТИ. ЗАХИЩАТИ.";
    }
 
    :root:lang(vi) {
        --header-title: "Tổ Chức SCP";
        --header-subtitle: "QUẢN THÚC - LƯU TRỮ - BẢO VỆ";
    }
}
特に明記しない限り、このページのコンテンツは次のライセンスの下にあります: Creative Commons Attribution-ShareAlike 3.0 License