Monotypical Theme

Link to article: Monotypical Theme.

Module Styles

• @import url('https://cdn.scpwiki.com/theme/en/basalt/normalize-min.css');
  @import url('https://scp-wiki.wdfiles.com/local--code/theme:monotypical/5');

Inline Styles

• border: solid 1px var(--borderColor); border-radius: var(--radius-adjust); padding: 1rem; margin: 1rem auto;

• border: solid 1px var(--borderColor); border-radius: var(--radius-adjust); padding: 1rem; margin: 1rem auto;

• border: solid 1px var(--borderColor); border-radius: var(--radius-adjust); padding: 1rem; margin: 1rem auto;

• border: solid 1px var(--borderColor); border-radius: var(--radius-adjust); padding: 1rem; margin: 1rem auto;

• font-size: 85%;

• font-size: 85%;

• font-size: 85%;

Includes

• :scp-wiki:info:start [info]
• :scp-wiki:info:more [info]
• :scp-wiki:info:end [info]
• :scp-wiki:theme:monotypical [info]
• component:image-block

CSS Classes

• meta-title

• header-center

• monoboxical

• monoboxical

• meta-title

• meta-title

• header-center

• header-center

Page Source

[[module css]]
@import url('https://cdn.scpwiki.com/theme/en/basalt/normalize-min.css');
@import url('https://scp-wiki.wdfiles.com/local--code/theme:monotypical/5');
[[/module]]

[[div_ id="mono-structure"]]
[[a id="sb-button" href="#container-wrap"]]
≡
[[/a]]
[[a id="no-more-menu" href="##"]][[/a]]
[[include :scp-wiki:component:interwiki-style
| priority=1
| theme=https://scp-wiki.wdfiles.com/local--code/theme:monotypical/5
]]
[[/div]]

[[iftags +theme]]

[[div class="meta-title"]]
Monotypical Theme
[[/div]]

[[>]]
**Rating:**
[[module Rate]]

**Rating w/ Credit Module:**
[[/>]]
[[include :scp-wiki:info:start]]
Info about your page.
[[include :scp-wiki:info:more]]
More information about your page.
[[include :scp-wiki:info:end]]

This is an aesthetic theme by [[*user EstrellaYoshte]], with additional help by [[*user Woedenaz]]. To use it, copy the following into your article:

> {{@@[[include :scp-wiki:theme:monotypical]]@@}}

------

[[include component:image-block name= https://scp-wiki.wikidot.com/local--files/theme:monotypical/mono.png|caption=Image.|width=240px]]

A horizontal rule can be created with 4 hyphens @@"----"@@ [[footnote]] This is to appease [[*user Placeholder McD]]. [[/footnote]] and extends across the whole page if it's not placed inside anything (eg a blockquote). The lines separating sections of this document are horizontal rules.


Titles can be created by putting between one and six plus "+" at the start of the line.

@@ @@
~~~~~
[[collapsible show="Collapsible - Click me" hide="Collapsible - Click me"]]
+ First Title

++ Second Title

+++ Third Title

++++ Fourth Title

+++++ Fifth Title

++++++ Sixth Title
[[/collapsible]]

@@ @@

[[tabview]]
[[tab Tabulator]]
This is a tab view. [[footnote]] This is a footnote. [[/footnote]]
[[/tab]]
[[tab Tabulation]]
Hey look, more text here.

How quaint.
[[/tab]]
[[tab Long Tab]]
This is a long tab. It contains a lot of text.[[footnote]] This is also a footnote. [[/footnote]]

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.
[[/tab]]

[[tab Longer Tab]]
This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.
[[/tab]]

[[tab Empty Tab]]
[[/tab]]
[[/tabview]]

@@ @@

> This is a blockquote, created by putting "> " at the start of each line.
>
> More text
> -----
> That's a horizontal rule
>
>> Nested blockquotes

@@ @@

||~ This is a ||~ table ||
||You should know || how to make these ||
||||already ||
|| 1 || 2 ||
|| 3 || 4 ||
|| Who's the greatest || of them all? ||
|| #hexadecimal || #supremacy ||

@@ @@

[[div class="header-center"]]
+++++* Header and UI font is Urbanist.

Body font is Ubuntu.

{{Monospace font is Fira Code.}}
[[/div]]
[[footnoteblock]]

@@ @@

+ Deep Dive

[[div style="border: solid 1px var(--borderColor); border-radius: var(--radius-adjust); padding: 1rem; margin: 1rem auto;"]]
{{@@[[div class="monoboxical"]]@@}}
[[div class="monoboxical"]]
Hello world!
[[/div]]
[[/div]]

[[div style="border: solid 1px var(--borderColor); border-radius: var(--radius-adjust); padding: 1rem; margin: 1rem auto;"]]
{{@@[[div class="meta-title"]]@@}}
[[div class="meta-title"]]
Insert title here
[[/div]]
Monotypical hides the regular title by default, so {{meta-title}} is used instead.
[[/div]]

[[div style="border: solid 1px var(--borderColor); border-radius: var(--radius-adjust); padding: 1rem; margin: 1rem auto;"]]
{{@@[[div class="header-center"]]@@}}
[[div class="header-center"]]
+ Centered H1

++ Centered H2

+++++ Centered H5

Due to the way headers work in this theme, they need to be put inside a {{@@header-center@@}} div to properly center.

It also centers regular text.
[[/div]]
[[/div]]

[[div style="border: solid 1px var(--borderColor); border-radius: var(--radius-adjust); padding: 1rem; margin: 1rem auto;"]]
{{@@CSS Variables@@}}
Monotypical's appearance is controlled by the following variables:

[[code type="css"]]
:root {
    --linkColor: #FC8391;
    --linkColor-newpage: #FC9958;

    --primaryBackgroundColor: #F9F9F9;
    --secondaryBackgroundColor: #EFEFEF;
    --tertiaryBackgroundColor: #E2E2E2;
    --borderColor: #C6C6C6;

    --shadow: rgba(0,0,0,0.225);

    --selectionColor: #FFE419;
    --textColor: #0E0E0E;
    --textColor-alt: #8E8E8E;

    /*----- Technical Variables -----*/

    --body-font: 'Ubuntu', system-ui, sans-serif;
    --header-font: 'Urbanist', Nanum Gothic, sans-serif;
    --UI-font: var(--header-font);
    --mono-font: 'Fira Code', Courier, monospace;
    --header-title: 'SCP FOUNDATION';

    --sidebar-width: 17rem;
    --sidebar-timing: 0.275s ease-out;
    --page-content-width: 60rem;

    --radius-adjust: 1.125rem;
    --link-timing: .125s ease-out;
}
[[/code]]

All of these can be changed to alter the default look of Monotypical. Here are some presets to put after the {{[[include]]}}:
----
[[=image https://scp-wiki.wikidot.com/local--files/theme:monotypical/mono-nord.png]]
[[div style="font-size: 85%;"]]
[[code type="css"]]
:root {
    --linkColor: #88C0D0;

    --primaryBackgroundColor: #ECEFF4;
    --secondaryBackgroundColor: #E5E9F0;
    --tertiaryBackgroundColor: #D8DEE9;
    --borderColor: #4C566A;

    --shadow: rgba(46,52,64,0.25);

    --selectionColor: #EBCB8B;
    --textColor: #2E3440;
    --textColor-alt: #434C5E;
}
#side-bar, #license-area {
    --secondaryBackgroundColor: #2E3440;
    --tertiaryBackgroundColor: #434C5E;
    --textColor: #D8DEE9;
}
[[/code]]
[[/div]]
----
[[=image https://scp-wiki.wikidot.com/local--files/theme:monotypical/mono-solarized.png]]
[[div style="font-size: 85%;"]]
[[code type="css"]]
:root {
    --linkColor: #2aa198;

    --primaryBackgroundColor: #fdf6e3;
    --secondaryBackgroundColor: #eee8d5;
    --tertiaryBackgroundColor: #002b36;
    --borderColor: #93a1a1;

    --shadow: rgba(0,0,0,0.2);

    --selectionColor: #268bd2;
    --textColor: #586e75;
    --textColor-alt: #C39006;
}
#side-bar .heading, #license-area {
    --textColor: #fdf6e3;
}
[[/code]]
[[/div]]
----
[[=image https://scp-wiki.wikidot.com/local--files/theme:monotypical/mono-dracula.png]]
[[div style="font-size: 85%;"]]
[[code type="css"]]
:root {
    --linkColor: #FF799A;

    --primaryBackgroundColor: #282A36;
    --secondaryBackgroundColor: #2F3142;
    --tertiaryBackgroundColor: #BD93F9;
    --borderColor: #6272A4;

    --shadow: rgba(96,213,248,0.3);

    --selectionColor: #50FA7B;
    --textColor: #F8F8F2;
    --textColor-alt: #6272A4;
}
[[/code]]
[[/div]]
----
Feel free to experiment with your own color scheme!

[[/div]]


@@ @@

+ Source Code

[[collapsible show="Open" hide="Close"]]
[[code type="css"]]
/*
    Monotypical Theme
    [2021 Wikidot Theme]
    By EstrellaYoshte
    Based on:
      Paperstack Theme by EstrellaYoshte
      Penumbra Theme by EstrellaYoshte
      Black Highlighter by Woedenaz
      Sigma+ by EstrellaYoshte
      Bedrock Theme by EstrellaYoshte
*/
@import url('https://cdn.scpwiki.com/theme/en/basalt/normalize-min.css');

@import url('https://api.fonts.coollabs.io/css2?family=Urbanist:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
@import url('https://api.fonts.coollabs.io/css2?family=Ubuntu&display=swap');
@import url('https://api.fonts.coollabs.io/css2?family=Fira+Code:wght@400;700&display=swap');

/*-------------------*/
/*---- NORMALIZE ----*/
/*-------------------*/

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}


/*--------------------------------------------------------*/
/*--------------------------------------------------------*/

:root {
    --linkColor: #FC8391;
    --linkColor-newpage: #FC9958;

    --primaryBackgroundColor: #F9F9F9;
    --secondaryBackgroundColor: #EFEFEF;
    --tertiaryBackgroundColor: #E2E2E2;
    --borderColor: #C6C6C6;

    --shadow: rgba(0,0,0,0.225);

    --selectionColor: #FFE419;
    --textColor: #0E0E0E;
    --textColor-alt: #8E8E8E;

    /*----- Technical Variables -----*/

    --body-font: 'Ubuntu', system-ui, sans-serif;
    --header-font: 'Urbanist', Nanum Gothic, sans-serif;
    --UI-font: var(--header-font);
    --mono-font: 'Fira Code', Courier, monospace;

    --header-title: 'SCP FOUNDATION';
    --header-height: 10.5rem;

    --sidebar-width: 17rem;
    --sidebar-timing: 0.275s ease-out;

    --page-content-width: 60rem;
    --page-content-side-margin: 1.5rem;

    --radius-adjust: 1.125rem;
    --link-timing: .125s ease-out;
}


body {
    font-family: var(--body-font);
    font-size: .9725em;
    color: var(--textColor);
    background-color: var(--primaryBackgroundColor);
}
body { line-height: 1.6; }
li, p { line-height: inherit; }

img {
    max-width: 100%;
}

tt, code, .code, .code pre, #edit-page-textarea, .page-source {
    font-family: var(--mono-font);
    font-size: 1em;
}

sup {
    vertical-align: top;
    position: relative;
    top: -.375em;
}

/* Selection */
::selection {
    background: var(--selectionColor);
    color: var(--textColor);
}

/*--------------------*/
/*--- USER DISPLAY ---*/
/*--------------------*/

.printuser a { margin-right: 0; }

.printuser {
    display: inline-flex;
    align-items: baseline;
    gap: 0.175em;
    text-indent: 0;
}
.printuser > a:first-child {
    display: flex;
    user-select: none;
    align-self: center;
    min-width: max-content;
    background: initial; border: initial;
}
.printuser > a:first-child img {
    height: 1.25em;
    width: 1.25em;
    padding: 0;
    padding-left: 0.5em;
    object-fit: contain;
    background-size: cover;
    overflow: hidden;
}

#avatar-hover-container {
    display: none;
}


/* ---- LINK ---- */

a {
    color: var(--linkColor);
}

:where(#main-content, #odialog-hovertips) a {
    color: var(--textColor);
    padding-inline: 0.125em;
    text-decoration: none;

    border-bottom: solid .1em var(--linkColor);
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-size: 100% 0;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size var(--link-timing);
}
:where(#main-content, #odialog-hovertips) a:is(:hover,:focus) {
    background-size: 100% 100%;
}

:where(#main-content, #odialog-hovertips) a.newpage {
    --linkColor: var(--linkColor-newpage);
}


/* ---- SCROLLBAR ---- */
 
* {
    scrollbar-color: var(--linkColor) var(--tertiaryBackgroundColor);
    scrollbar-width: thin;
}
::-webkit-scrollbar {
    width: 0.5rem;
    background: transparent;
}
::-webkit-scrollbar-track {
    background: var(--tertiaryBackgroundColor);
}
::-webkit-scrollbar-thumb {
    background: var(--linkColor);
}

/*---- HEADER ----*/

#header, #top-bar {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

#header {
    display: grid;
    grid-template-areas:
        ". . user search . "
        ". h1 h1 h1 ."
        "top-bar top-bar top-bar top-bar top-bar";
    grid-template-columns: var(--page-content-side-margin) 1fr auto auto var(--page-content-side-margin);
    grid-template-rows: auto 1fr auto;
    min-height: var(--header-height);
    padding-block-start: .325rem;
    box-sizing: border-box;
}

#header h2 {
    display: none;
}

#header h1 {
    grid-area: h1;
    margin-left: 0;
    padding: 0;
    float: none;
    width: 100%;
    padding-block: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
#header h1 a {
    font-size: min(calc(2.5rem + 2.5vw), 4.75rem);
    padding: 0;
    text-align: center;
    text-shadow: none;
    color: var(--textColor);
    font-family: var(--header-font);
    font-weight: 300;
    line-height: 1;
}
/* Hide the existing text */
#header h1 span { font-size: 0; display: none; }
#header h1 a::before {
  content: var(--header-title);
}

#login-status {
    position: relative;
    inset: initial;
    grid-area: user;
    font-size: 0;
    text-align: end;
    display: flex;
    gap: .25rem;
    align-items: center;
    width: max-content;
    margin-inline-end: 1rem;
    z-index: 10;
}
 #login-status a {
    color: var(--textColor);
}

#login-status .printuser { order: 1; }
#login-status .printuser > a {
    font-size: 1rem;
}

#login-status a#my-account {
    display: none;
}
a#account-topbutton {
    display: grid;
    justify-content: center;
    align-items: center;
    height: 100%;
    border: none;
    border-radius: var(--radius-adjust);
    margin-left: 0;
    padding: 0.125rem;
    width: 1.75rem;
    background-color: var(--secondaryBackgroundColor);
    box-sizing: border-box;
    font-family: var(--mono-font);
    font-size: 1rem;
    order: 2;
}

div#account-options {
    font-family: var(--UI-font);
    font-size: .875rem;
    inset: unset;
    inset-inline-end: 0;
    inset-block-start: 100%;
    background-color: var(--primaryBackgroundColor);
    width: max-content;
    text-align: center;
    border: none;
    border-radius: calc(var(--radius-adjust)*0.3725);
    box-shadow: 0 0 .325rem var(--shadow);

    display: block!important;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s;
}
#account-topbutton:focus + #account-options,
#account-topbutton:active + #account-options,
#account-options:focus-within {
    opacity: 1;
    pointer-events: all;
}
/* Without this, touchscreen doesn't work */
@media (pointer: coarse) {
    #account-topbutton:hover + #account-options,
    #account-options:hover {
        opacity: 1;
        pointer-events: all;
    }
}

div#account-options li a {
    color: var(--textColor);
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-size: 100% 0;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size var(--link-timing);
    padding: 0.325rem;
}
div#account-options li a:hover,
div#account-options li a:focus {
    text-decoration: none;
    background-size: 100% 100%;
    color: var(--textColor);
}
div#account-options li:first-of-type a {
    border-radius: calc(var(--radius-adjust)*0.3725) calc(var(--radius-adjust)*0.3725) 0 0;
}
div#account-options li:last-of-type a {
    border-radius: 0 0 calc(var(--radius-adjust)*0.3725) calc(var(--radius-adjust)*0.3725);
}


#login-status :is(.login-status-create-account, .login-status-sign-in),
#login-status .login-status-create-account + span {
    font-size: .875rem;
}

/*----------------------------*/

div#search-top-box {
    position: relative;
    grid-area: search;
    inset: initial;
    width: 1.75rem;
    height: 1.75rem;
    z-index: 9;
}
div#search-top-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--linkColor);
    pointer-events: none;
    z-index: 32;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8' standalone='no'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cmetadata/%3E%3Cpath d='M505 443 405 343c-4-4-10-7-17-7h-16a208 208 0 1 0-36 36v16c0 7 3 13 7 17l100 100c9 9 24 9 34 0l28-28c9-10 9-25 0-34zM208 336a128 128 0 1 1 0-256 128 128 0 0 1 0 256z'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8' standalone='no'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cmetadata/%3E%3Cpath d='M505 443 405 343c-4-4-10-7-17-7h-16a208 208 0 1 0-36 36v16c0 7 3 13 7 17l100 100c9 9 24 9 34 0l28-28c9-10 9-25 0-34zM208 336a128 128 0 1 1 0-256 128 128 0 0 1 0 256z'/%3E%3C/svg%3E");
    -webkit-mask-size: 1rem;
            mask-size: 1rem;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    opacity: 1;
    transition: opacity 0.25s ease;
}

div#search-top-box form {
    display: flex;
    justify-content: flex-end;
    height: 100%;
    width: 100%;
}

div#search-top-box form input[type="text"] {
    display: none;
}


div#search-top-box form input[type="submit"].button {
    display: block;
    appearance: none;
    font-size: 0;
    height: 100%;
    aspect-ratio: 1;
    border: none;
    background-color: var(--primaryBackgroundColor);
    box-shadow: 0 0 0.175rem .075rem var(--shadow);
    border-radius: var(--radius-adjust);
    margin: 0;
    cursor: pointer;
}


/*------ Top Bar, unfortunately un-reborn -------*/

#top-bar {
    grid-area: top-bar;
    z-index: 9;
    height: auto;
    right: initial;
    font-family: var(--UI-font);
    --_radius: calc(var(--radius-adjust)*1.125);
}

#top-bar .mobile-top-bar .open-menu, #side-bar a.close-menu {
    display: none; /* nix the sidebar button in favor of my own */
}

#top-bar div.mobile-top-bar {
    display: none;
}

#top-bar div[class*=top-bar] {
    font-size: 1em;
    max-width: var(--page-content-width);
    margin: 0 auto;
}
#top-bar div[class*=top-bar] a {
    text-decoration: none;
}

#top-bar div[class*=top-bar] ul {
    background: transparent;
    list-style: none;
    margin: 0;
    padding: 0;

    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    text-align: center;
}

#top-bar div[class*=top-bar] > ul > li {
    position: relative;
    flex-grow: 1;
}

#top-bar div[class*=top-bar] > ul > li > a {
    flex-grow: 1;
    font-size: min(calc(.675em + .75vw), 1em);
    max-height: initial;
    padding: 0.5rem;
    border-radius: var(--_radius);
    position: relative;
    transition: background-color var(--link-timing);
    --_arrow-size: 1.25rem;
}
#top-bar div[class*=top-bar] > ul > li > a:is(:hover,:focus),
#top-bar div[class*=top-bar] > ul > li:is(.sfhover,:focus-within) > a {
    background-color: var(--tertiaryBackgroundColor);
}

#top-bar div[class*=top-bar] > ul > li > a:not(:only-child)::after {
    content: "";
    position: absolute;
    bottom: 0; left: calc(50% - var(--_arrow-size)*.5);
    width: var(--_arrow-size);
    height: calc(var(--_arrow-size)*.5);
    margin: calc(var(--_arrow-size)*-.5) auto 0;
    background: var(--primaryBackgroundColor);
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    opacity: 0;
    z-index: 10;
    pointer-events: none;
    transition: opacity var(--link-timing);
}
#top-bar div[class*=top-bar] > ul > li:is(:hover,:focus-within) a::after {
    opacity: 1;
}


#top-bar div[class*=top-bar] > ul > li > ul {
    visibility: visible;
    z-index: 9;
    opacity: 0;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    width: max-content;
    min-width: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    background: var(--primaryBackgroundColor);
    border-radius: var(--_radius);
    box-shadow: 0 0 .5rem var(--shadow);

    transition: opacity var(--link-timing);
}
#top-bar div[class*=top-bar] > ul > li:is(:hover,:focus-within) > ul,
#top-bar div[class*=top-bar] > ul > li > ul:is(:hover,:focus-within) {
    opacity: 1;
    pointer-events: all;
}


#top-bar div[class*=top-bar] > ul > li > ul > li {
    position: relative;
    width: auto;
}

#top-bar div[class*=top-bar] ul > li > ul > li > a,
#top-bar li ul li.sfhover a:hover,
#top-bar li ul li:hover a:hover {
    height: auto;
    max-height: none;
    padding: 0.425em;
    width: auto;
    text-align: center;

    background: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-size: 100% 0;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size var(--link-timing);
}
#top-bar div[class*=top-bar] ul li ul li a:hover,
#top-bar div[class*=top-bar] ul li ul li a:focus {
    background-size: 100% 100%;
}

#top-bar div[class*=top-bar] ul li ul li:first-of-type a {
    border-top-left-radius: var(--_radius);
    border-top-right-radius: var(--_radius);
}
#top-bar div[class*=top-bar] ul li ul li:last-of-type a {
    border-bottom-left-radius: var(--_radius);
    border-bottom-right-radius: var(--_radius);
}

#top-bar div[class*=top-bar] > ul:first-of-type > li:last-of-type > ul {
    right: 0;
    left: auto;
}

@media only screen and (max-width: 767px) {
    #top-bar div.mobile-top-bar {
        display: block;
    }
    #top-bar div.top-bar {
        display: none;
    }
}


/*---- SIDEBAR ----*/

#side-bar {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;

    width: var(--sidebar-width);
    height: 100%;
    box-sizing: border-box;
    font-family: var(--UI-font);
    background-color: var(--secondaryBackgroundColor);
    border-right: solid .05rem var(--borderColor);
    overflow-y: auto;
    overflow-x: hidden;
    z-index: -1;
    direction: rtl;
}
#side-bar:focus-within { z-index: 99; }
#side-bar > * { direction: ltr; }
#interwiki { font-family: var(--UI-font); }

:is(#side-bar,#interwiki) .side-block {
    box-shadow: none;
    border: none;
    border-radius: 0;
    padding: 0;
}

#side-bar .side-block,
#side-bar .side-block.media,
#side-bar .side-block.resources  {
    background-color: transparent;
}

#side-bar .side-block.resources > .collapsible-block {
    color: var(--textColor);
    background-color: var(--tertiaryBackgroundColor);
    border-bottom: none;
    font-family: var(--header-font);
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.9rem;
    padding: 0.1rem 0.3rem;
    text-align: right;
}

#side-bar .side-block.media {
    padding: 0.5rem!important;
}
#side-bar .side-block.media > * {
    display: flex;
    justify-content: space-evenly;
}

#side-bar .side-block .menu-item > .image {
    display: none;
}

:is(#side-bar,#interwiki) .heading {
    color: var(--textColor);
    background-color: var(--tertiaryBackgroundColor);
    border-bottom: none;
    font-family: var(--header-font);
    font-weight: bold;
    font-size: 0.95em;
    padding: .125em.5em;
    margin: .75em;
    border-radius: var(--radius-adjust);
    text-align: center;
}
:is(#side-bar,#interwiki) .heading p { margin: 0; }

:is(#side-bar,#interwiki) div.menu-item, #side-bar div.menu-item > p {
    display: flex;
    flex-basis: auto;
    flex-wrap: wrap;
    flex-grow: 1;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    font-size: 0;
}

#side-bar div.menu-item.small { font-size: 0; }
#side-bar div.menu-item.small a { font-size: 0.75rem; }

:is(#side-bar,#interwiki) div.menu-item a {
    font-weight: normal;
    color: var(--textColor);
    text-decoration: none;

    justify-content: center;
    width: auto;
    padding: .325em .875em;
    flex-grow: 1;
    font-size: 0.875rem;

    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-size: 100% 0;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size var(--link-timing);
}
#side-bar div.menu-item a[href="/"],
#side-bar div.menu-item a[href*="/forum:start"],
#side-bar div.menu-item a[href*="scp-series"] {
    text-align: center;
}

:is(#side-bar,#interwiki) div.menu-item a:is(:hover,:focus) {
    background-size: 100% 100%;
}

iframe.scpnet-interwiki-frame, div.scpnet-interwiki-wrapper {
    width: 100%;
    margin: 0 auto;
}
div.scpnet-interwiki-wrapper :is(.list-pages-box, .list-pages-box, p) { display: contents; }
:is(#interwiki,#side-bar) .menu-item img {
    display: none;
}

/*---- Sidebar Transition Mechanism----*/

#container-wrap-wrap { overflow-x: hidden; isolation: isolate; }
#container-wrap { display: contents; }

#container {
    background-color: var(--primaryBackgroundColor);
    position: relative;
    left: 0;
    transition: left var(--sidebar-timing);
}

:where(#container-wrap:target) #container {
    left: var(--sidebar-width);
}

/* Sidebar Toggle */

#u-mono-structure { display: contents; }
#u-mono-structure > br { display: none; }

#u-sb-button {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    transition: left var(--sidebar-timing);

    display: grid;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
    width: 2.875rem;
    color: var(--textColor-alt);
    font-family: var(--mono-font);
    font-size: 2.875rem;
    line-height: 0;
    text-align: center;
    text-decoration: none;
    background: initial; border: initial;
    -webkit-backdrop-filter: blur(.325rem);
    backdrop-filter: blur(.325rem);
}
#container-wrap:target #u-sb-button {
    left: var(--sidebar-width);
}

#u-sb-button > br { display: none; }

#u-no-more-menu {
    display: none;
    position: fixed;
    width: calc(100% - var(--sidebar-width));
    height: 100%;
    top: 0;
    right: 0;
    background: initial; border: initial;
    z-index: 12;
}
:where(#container-wrap:target) #u-no-more-menu {
    display: block;
}

/* ---- MAIN ---- */


#main-content {
    display: grid;
    grid-template-areas:
            "action-area-top action-area-top"
            "page-title page-title"
            "page-content page-content"
            "page-info-break page-info-break"
            "page-tags page-options-container"
            "page-tags page-options-container"
            "action-area action-area"
            "ad ad";
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    column-gap: 1rem;
    position: relative;
    margin-block: .75rem;
    margin-inline: auto;
    max-width: calc(100% - var(--page-content-side-margin)*2);
}
#action-area-top {
    grid-area: action-area-top;
}
#page-title {
    grid-area: page-title;
}
#page-content {
    grid-area: page-content;
    min-height: 100vh;
    margin-block-end: 1.5rem;
    margin-inline: auto;
    max-width: var(--page-content-width);
    width: 100%;
}
#page-info-break {
    grid-area: page-info-break;
}
div.page-tags {
    grid-area: page-tags;
}
#page-options-container {
    grid-area: page-options-container;
}
#action-area {
    grid-area: action-area;
}
#wad-scp-wiki-below-content {
    grid-area: ad;
}

#page-title {
    display: none;
    font-family: var(--header-font);
    font-size: 2.25em;
    line-height: 1.05;
    border: none;
}

/* ---- META-TITLE ---- */

.meta-title {
    display: flex;
    align-items: center;
    gap: calc(.325rem + .25em);
    text-align: center;
    border-bottom: none;
    margin: 0.5rem 0;
    color: var(--textColor);
    font-family: var(--header-font);
    font-size: 2.25em;
    line-height: 1.05;
}
.meta-title::before,
.meta-title::after {
    content: "";
    flex-grow: 1;
    height: 0.1rem;
    min-width: 1.5rem;
    background-color: var(--borderColor);
}

/* ---- BREADCRUMBS ---- */

#breadcrumbs, #page-content .pseudocrumbs {
    font-size: 0.95em;
    line-height: 1.25;
    font-family: var(--UI-font);
}
#breadcrumbs a,
#main-content #page-content .pseudocrumbs > a {
    color: var(--textColor);
    padding: 0.05em;
    text-decoration: none;
 
    border-bottom: solid 1px var(--linkColor);
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-size: 100% 0;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size var(--link-timing);
}
#breadcrumbs a:hover,
#breadcrumbs a:focus,
#main-content #page-content .pseudocrumbs a:hover,
#main-content #page-content .pseudocrumbs a:focus {
    background-size: 100% 100%;
}

#breadcrumbs {
    text-align: center;
    grid-column: 1 / span 2;
    grid-area: page-title;
    width: max-content;
    margin: 0 auto;

    position: relative;
    max-width: 100%;
    box-sizing: border-box;
}

#page-content .pseudocrumbs { margin: -1.5em 0 -0.15em; }



/*--- TABS ---*/
 
.yui-navset {
    clear: both;
    --_radius: calc(var(--radius-adjust)*1);
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
 
.yui-navset .yui-nav {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    font-family: var(--UI-font);
    border: none;
}
.yui-navset.yui-navset-top .yui-nav :is(li, .selected) {
    display: block;
    margin: 0;
    padding: 0;
    flex-grow: 1;
}
.yui-navset.yui-navset-top .yui-nav li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    border-width: 0.05rem;
    border-radius: var(--_radius);
    box-sizing: border-box;
    padding: 0.325rem 0.625rem;
}
 
.yui-navset.yui-navset-top .yui-nav :is(li, .selected) a em {
    position: static;
    inset: unset;
    border: none;
    padding: 0;
}
 
/* ------------------------- */
.yui-navset.yui-navset-top .yui-nav li a {
    color: var(--textColor);
    background: var(--primaryBackgroundColor);
    border-color: var(--secondaryBackgroundColor);
    transition: all 0.25s ease-out;
}
 
.yui-navset.yui-navset-top .yui-nav li a:where(:hover,:focus) {
    background-color: var(--secondaryBackgroundColor);
}
 
.yui-navset.yui-navset-top .yui-nav .selected a {
    background-color: var(--tertiaryBackgroundColor);
    border-color: var(--tertiaryBackgroundColor);
    font-weight: bold;
}

.yui-navset .yui-content {
    background-color: var(--primaryBackgroundColor);
    padding: calc(var(--_radius)*.5) var(--_radius);
    box-shadow: 0 0 .325rem var(--shadow);
    border: none;
    border-radius: var(--_radius);
}

/* ---- AYERS INFO BAR ---- */

.info-container {
    --barColour: var(--borderColor);
    --linkColour: var(--primaryBackgroundColor);
}


/* ---- PAGE RATING ---- */

div.page-rate-widget-box, .rate-box-with-credit-button { font-family: var(--UI-font); }

div.page-rate-widget-box {
    display: inline-block;
    margin: unset;
    background-color: var(--primaryBackgroundColor);
    border-radius: var(--radius-adjust);
    box-shadow: 0 0 .325rem var(--shadow);
    padding: 0.325rem;
    margin-block: .5rem;
    line-height: 1.325;
}

div.page-rate-widget-box .rate-points {
    background-color: transparent;
    color: var(--textColor);
    border: none;
    padding-inline: calc(var(--radius-adjust)*.325);
    text-transform: capitalize;
}
div.page-rate-widget-box :is(.rateup,.ratedown,.cancel) {
    display: contents;
    text-transform: uppercase;
}
 
div.page-rate-widget-box :is(.rateup,.ratedown,.cancel) a {
    padding: .125rem;
    box-sizing: border-box;
    display: inline-grid;
    width: 1.25em;
    height: 1.25em;
    place-content: center;
    border-radius: var(--radius-adjust);
    color: var(--textColor);
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-size: 100% 0;
    background-position: 0 100%;
    background-repeat: no-repeat;
    border: none;
    transition: background-size var(--link-timing);
}

div.page-rate-widget-box :is(.rateup,.ratedown,.cancel) a:is(:hover,:focus) {
    color: var(--textColor);
    background: unset;
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-size: 100% 100%;
    background-position: 0 100%;
    background-repeat: no-repeat;
    border-radius: var(--radius-adjust);
}

/* ---- INFO PANE ---- */

#page-content .creditRate {
    margin: unset;
    margin-block: .5rem;
}
#page-content .rate-box-with-credit-button {

    background-color: var(--primaryBackgroundColor);
    border: none;
    box-shadow: 0 0 .325rem var(--shadow);
    border-radius: var(--radius-adjust);
    padding: 0.325rem;
    display: inline-flex;
    gap: .175em;
    align-items: center;
}
#page-content .rate-box-with-credit-button .page-rate-widget-box { padding: 0; margin: 0; }

.rate-box-with-credit-button .creditButton p { display: contents; }
.rate-box-with-credit-button .creditButton p a {
    margin: 0;
    border: none;
    display: inline-grid;
    width: 1.5em;
    height: 1.5em;
    font-size: 1em;
    padding: .125em;
    box-sizing: border-box;
    place-content: center;
    border-radius: var(--radius-adjust);
    color: var(--textColor);
    background-color: var(--secondaryBackgroundColor);
}
.rate-box-with-credit-button .creditButton p a:is(:hover,:focus) {
    color: var(--primaryBackgroundColor);
    background-color: var(--linkColor);
}

/*---- PAGE ELEMENTS ----*/

/* h1 et al. Much of this is by Woedenaz */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--header-font);
    color: var(--textColor);
    font-weight: bold;
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
    display: flex;
}
h2, h3, h4, h5, h6 {
    letter-spacing: -0.01em;
}
h1 {font-size: 2em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1em;}

#page-content :is(h1,h2,h3,h4,h5,h6) span {
    padding: 0 0.1em;
    display: inline-flex;
}

#page-content :is(h1,h2,h3,h4,h5,h6) span::before {
    content: "#";
    color: var(--textColor-alt);
    font-size: 70%;
    font-weight: normal;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-right: 0.1em;
}
#page-content h1::after {
    content: "";
    flex-grow: 1;
    height: 0.1rem;
    margin: auto auto auto 0.375rem;
    background-color: var(--borderColor);
}

/* horizontal rule */
hr {
    margin: 2rem 0;
    height: 0.1rem;
    background-color: var(--borderColor);
}

/* Collapsibles */
#page-content .collapsible-block {
    margin: 0.5em auto;
}

#page-content :is(.collapsible-block-folded, .collapsible-block-unfolded) .collapsible-block-link {
    overflow-wrap: anywhere;
    padding-block: .25em;
}

#page-content .collapsible-block-folded .collapsible-block-link::before,
#page-content .collapsible-block-unfolded .collapsible-block-link::before  {
    content: "> ";
    font-weight: bold;
    display: inline-block;
    margin-right: 0.25em;
    color: var(--linkColor);
    transition: color var(--link-timing);
}
#page-content :is(.collapsible-block-folded, .collapsible-block-unfolded) .collapsible-block-link:is(:hover,:focus)::before {
    color: var(--textColor);
}
#page-content .collapsible-block-unfolded .collapsible-block-link::before {
    animation-name: collapsible-arrow-spin;
    animation-duration: 0.15s;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.32,.38,.39,.94);
    animation-fill-mode: forwards;
}
@keyframes collapsible-arrow-spin {
    from { transform: rotate(0deg);  }
    to { transform: rotate(90deg); }
}

.licensebox .collapsible-block-link {
    opacity: .25;
    transition: all var(--link-timing);
}
.licensebox .collapsible-block-link:is(:hover,:focus) { opacity: 1; }

/* Blockquotes and ToC */

blockquote, div.blockquote {
    background-color: transparent;
    width: auto;
    border: none;
    border-left: solid 0.175rem var(--linkColor);
    padding: 0.15rem 0.95rem;
    margin: 1rem 0;
    margin-left: 1.5rem;
}

#toc {
    background-color: var(--secondaryBackgroundColor);
    border: none;
    padding: 0.15rem 0.95rem;
    border-radius: calc(var(--radius-adjust)*0.75);
    box-shadow: 0 0 4px 1px var(--shadow);
}

/* Image Block */

.scp-image-block {
    border: none;
    border-radius: var(--radius-adjust);
    box-shadow: 0 0 .325rem .05rem var(--shadow);
    box-sizing: border-box;
    overflow: hidden;
}
.scp-image-block.block-left { float: left; }
.scp-image-block.block-right { float: right; }

.scp-image-block .scp-image-caption {
    background-color: var(--secondaryBackgroundColor);
    box-sizing: border-box;
    border: none;
    padding: 0.25em;
    text-align: center;
}
.scp-image-block.block-left { margin-left: 0; margin-right: 1.5rem; }
.scp-image-block.block-right { margin-right: 0; margin-left: 1.5rem; }
@media (max-width: 540px) {
  .scp-image-block.block-left, .scp-image-block.block-right {
    float: none; clear: both; margin-left: auto; margin-right: auto;
  }
}

/* Tables */
#page-content .wiki-content-table tr th {
    border: solid 1px var(--borderColor);
    color: var(--textColor);
    background-color: var(--tertiaryBackgroundColor);
    /* set border for table title */
}
#page-content .wiki-content-table tr,
#page-content .wiki-content-table tr td {
    border: solid 1px var(--borderColor);
    background-color: var(--primaryBackgroundColor);
    /* set border for table content */
}
#page-content .wiki-content-table tr:nth-child(2n-1),
#page-content .wiki-content-table tr:nth-child(2n-1) td {
    background-color: var(--secondaryBackgroundColor);
}

/* Footnotes (& Bibliography, but no one cares) */
a.footnoteref {
    line-height: 1.15;
    margin-inline: 0 0.15em;
}

.hovertip {
    background-color: var(--primaryBackgroundColor) !important;
    border-radius: calc(var(--radius-adjust)*0.625);
    border: none !important;
    box-shadow: 0 0 5px 1px var(--shadow);
    padding: 0.3rem 0.35rem;
}

.footnote .f-heading {
    font-family: var(--header-font);
}
.footnote .f-footer, .equation .e-footer, .reference .r-footer {
    display: none;
}

.footnotes-footer, .bibitems {
    height: auto;
    padding: 0;
    margin: 1.5rem 0;
}
.footnotes-footer .title, .bibitems .title {
    font-family: var(--header-font);
    font-weight: bold;
    display: flex;
    align-items: center;
    text-align: center;
    border-bottom: none;
    margin: 0.5rem 0;
    color: var(--textColor);
}
.footnotes-footer .title::after,
.bibitems .title::after {
    content: "";
    flex-grow: 1;
    height: 0.1rem;
    margin: auto auto auto 0.65rem;
    background-color: var(--borderColor);
}
.footnote-footer, .bibitem {
    margin-bottom: 0.5rem;
    line-height: 1.4rem;
    height: auto;
}
#main-content #page-content .footnotes-footer .footnote-footer a[href="javascript:;"] {
    padding: 0.0625rem;
}

/*---- Outside #page-content elements ----*/

/* .owindow */

#odialog-container:where([style*="block"]) {
    display: flex!important;
    justify-content: center;
    place-items: center;
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
}

.owindow {
    background-color: var(--primaryBackgroundColor);
    border: none;
    box-sizing: border-box;
    border-radius: var(--radius-adjust);
    min-width: min(50vw, var(--page-content-width));
    max-width: calc(100% - var(--page-content-side-margin)*2);
    position: static!important;
    text-align: start;
}
.owindow:is(.osuccess,.owait) { text-align: center; }

.owindow .title {
    background-color: var(--secondaryBackgroundColor);
    border-radius: var(--radius-adjust) var(--radius-adjust) 0 0;
}
.owindow h1 {
    font-family: var(--header-font);
    font-weight: bold;
    color: var(--textColor);
}
.owindow a:not(.button-bar.modal-footer a, .printuser.avatarhover a:first-child) {
    color: var(--textColor);
    padding: 0.1em;
    text-decoration: none;

    border: none;
    border-bottom: solid 3px var(--linkColor);
    background-color: transparent;
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-size: 100% 0;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size var(--link-timing);
}
.owindow a:not(.button-bar.modal-footer a, .printuser.avatarhover a:first-child):hover,
.owindow a:not(.button-bar.modal-footer a, .printuser.avatarhover a:first-child):focus {
    background-size: 100% 100%;
    background-color: transparent;
}

#owindow-1.owindow:not(.owait, .confirmation, .error, .osuccess) > div.content.modal-body {
    width: auto;
    height: auto;
    margin: 0.25em;
    display: grid;
    box-sizing: border-box;

    grid-template-areas:
        "pfp username"
        "table table"
        "link link";
    grid-template-columns: 80px 1fr;
}
/* fallback */
.content.modal-body > * {
    grid-column: 1 / span 2;
}

#owindow-1.owindow:not(.owait, .confirmation, .error, .osuccess) > div.content.modal-body > img {
    float: none!important;
    padding: 0!important;
    background-color: var(--primaryBackgroundColor)!important;
    grid-area: pfp;
}
#owindow-1.owindow:not(.owait, .confirmation, .error, .osuccess) > div.content.modal-body > img + h1 {
    grid-area: username;
    text-align: center;
    margin: auto;
    word-break: break-all;
}
#owindow-1.owindow:not(.owait, .confirmation, .error, .osuccess) > div.content.modal-body > table {
    grid-area: table;
    margin-top: 1em;
}
#owindow-1.owindow:not(.owait, .confirmation, .error, .osuccess) > div.content.modal-body > table tr {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(17rem, 100%), 1fr));
    margin-bottom: 0.25rem;
}

#owindow-1.owindow:not(.owait, .confirmation, .error, .osuccess) > div.content.modal-body > div:last-of-type {
    grid-area: link;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 0.45em;
    text-align: center;
}
#owindow-1.owindow:not(.owait, .confirmation, .error, .osuccess) > div.content.modal-body > div:last-of-type a {
    flex-grow: 1;
    flex-basis: 12rem;
}
#owindow-1.owindow:not(.owait, .confirmation, .error, .osuccess) > div.content.modal-body > div:last-of-type > div[style="float:right"] {
    display: contents;
}
#owindow-1.owindow:not(.owait, .confirmation, .error, .osuccess) > div.content.modal-body > div:last-of-type > div[style="float:right"] a {
    order: 4;
}

/* modalbox */
#page-content #u-credit-view,
#page-content #u-credit-otherwise {
    max-width: 100vw;
}
#page-content #u-credit-view .modalbox,
#page-content #u-credit-otherwise .modalbox {
    background: var(--primaryBackgroundColor);
    border-radius: var(--radius-adjust);
    border: none;
    box-shadow: none;
}
#page-content .modalbox hr {
    margin: 1.1rem;
}
#page-content .modalbox h2 span { margin: auto; }
#page-content .modalbox h2 span::before { display: none; }


/* Loading Screen */
.owindow.owait .content {
    background-image: none;
    padding-top: 0.25rem;
}
.owindow.owait .content::after {
  content: " ";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin: -0.9rem auto;
  margin-top: 0.75rem;
  border-radius: 50%;
  border: 0.3rem solid black;
  border-color: var(--linkColor) transparent;
  animation: loading 1.2s linear infinite;
}
@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*--------------*/

/* Tags */
#main-content div.page-tags {
    padding: 0;
}
#main-content div.page-tags::before {
    content: "tags";
    color: var(--textColor-alt);
    font-family: var(--UI-font);
    font-size: .775em;
    display: block;
    padding: 0 0.25em;
}

#main-content .page-tags span {
    max-width: 100%;
    border-top: none;
    display: flex;
    flex-wrap: wrap;
    gap: .325rem;
    font-family: var(--mono-font);
}
 
#main-content .page-tags a {
    display: flex;
    margin: 0;
    font-size: 0.9125em;
    padding: 0 0.25em;

    color: var(--textColor);
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-size: 100% 0;
    background-position: 0 100%;
    background-repeat: no-repeat;
    border: none;
    transition: background-size var(--link-timing);
}
#main-content .page-tags a:hover,
#main-content .page-tags a:focus {
    background-size: 100% 100%;
    text-decoration: none;
}
#main-content .page-tags a::before {
    content:"/";
    display: inline-block;
    margin-right: 0.1em;
    color: var(--linkColor);
    transition: color var(--link-timing);
}
#main-content .page-tags a:hover::before,
#main-content .page-tags a:focus::before {
    color: var(--textColor);
}

#main-content .page-tags a[href^='/system:page-tags/tag/_'] {
    display: none;
}

#page-info {
    color: var(--textColor-alt);
    margin: 0;
    font-family: var(--UI-font);
    font-size: .775em;
    text-align: right;
}
div.page-watch-options {
    font-family: var(--mono-font);
    font-size: .75em;
    margin: 0;
    line-height: 1.5;
}

.page-options-bottom {
    margin: 0;
    text-align: center;
    height: auto;
    line-height: normal;
    width: 100%;
    font-family: var(--UI-font);
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-block: .5rem;
}
#page-options-container .page-options-bottom > a {
    flex-grow: 1;
    flex-basis: 5.75em;
    min-width: 4em;
    padding: 0.325em .675em;
    margin: 0;
    border: solid 0.05rem var(--tertiaryBackgroundColor);
    border-radius: var(--radius-adjust);
}

#page-options-container .page-options-bottom > a#more-options-button,
#action-area > a.action-area-close.btn.btn-danger,
#owindow-1 .button-bar.modal-footer a {
    box-sizing: border-box;
    min-width: 100%;
    padding: 0.375rem .75rem;
    margin-right: 0;
    color: var(--textColor);
    background: unset;
    background-color: var(--secondaryBackgroundColor);
    border: solid .05rem var(--borderColor);
    border-radius: var(--radius-adjust);
    transition: background-color var(--link-timing);
}
#page-options-container .page-options-bottom > a#more-options-button:hover,
#action-area > a.action-area-close.btn.btn-danger:hover,
#owindow-1 .button-bar.modal-footer a:hover {
    background-color: var(--tertiaryBackgroundColor);
    text-decoration: none;
}    

#action-area > a.action-area-close.btn.btn-danger {
    min-width: unset;
    width: max-content;
}

/*-------------------*/

div.buttons input, input.button, button, file, a.button {
    margin: 0;
    padding: 0.275em 0.75em;
    cursor: pointer;
    text-decoration: none;
    background-color: var(--secondaryBackgroundColor);
    border: solid .05rem var(--borderColor);
    border-radius: var(--radius-adjust);
    color: var(--textColor);
    transition: background-color var(--link-timing);
}
div.buttons input:hover, input.button:hover, button:hover, file:hover, a.button:hover {
    background-color: var(--tertiaryBackgroundColor);
    color: var(--textColor);
}

/*---- EDITBOX ----*/

form#edit-page-form table.form #edit-page-title,
#edit-page-textarea,
#edit-page-comments {
    color: inherit;
    background-color: var(--primaryBackgroundColor);
    border: solid .05rem var(--borderColor);
}
table.form td div.sub, form div.sub {
    color: var(--textColor-alt);
}

form#edit-page-form {
    background-color: var(--primaryBackgroundColor);
    box-shadow: 0 0 3px 1px var(--shadow);
    padding: 1rem 2rem;
    border-radius: var(--radius-adjust);
    border: none;
    max-width: min(calc(var(--page-content-width) + 4rem), 100%);
    margin: 0 auto;

    display: grid;
    grid-template-areas:
        "title title"
        "toolbar toolbar"
        "txt txt"
        "help size"
        "bottom bottom"
        "hdn hdn"
        "button button";
    grid-template-columns: minmax(0,1fr) auto;
}
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; }

/* Title area*/
form#edit-page-form table.form {
    margin:0!important;
    width: 100%;
    font-family: var(--header-font);
    font-size: 1.2em;
}
form#edit-page-form table.form tr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
form#edit-page-form table.form td {
    text-align: center;
    min-width: 6em;
    flex-shrink: 1;
    flex-grow: 1;
}
form#edit-page-form table.form td:last-of-type {
    flex-grow: 2;
}
form#edit-page-form table.form #edit-page-title {
    width: 100%;
}

/* Toolbar */
#wd-editor-toolbar-panel {
    grid-area: toolbar;
    width: 100%;
}
.wd-editor-toolbar-panel {
    /* Edit textbox button masks, made by and with courtesy of Woedenaz */
    --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");
}

#wd-editor-toolbar-panel, #np-editor-panel {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--edit-area-toolbar-icon-size)/4);
    border-bottom: 0;
    padding: 0.5rem;
    --edit-area-toolbar-icon-size: 2rem;
}
:is(#wd-editor-toolbar-panel, #np-editor-panel) > div {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    height: auto;
    gap: calc(var(--edit-area-toolbar-icon-size)/4);
}
:is(#wd-editor-toolbar-panel, #np-editor-panel) > div > ul {
    display: contents;
}

:is(#wd-editor-toolbar-panel, #np-editor-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;
}

form[id] div.wd-editor-toolbar-panel ul li ul {
    position: absolute;
    display: flex;
    border: none;
    border-inline-start: solid calc(var(--edit-area-toolbar-icon-size)/16) var(--borderColor);
    background-color: var(--primaryBackgroundColor);
    left: 0;
    inset-block-start: 100%;
    inset-inline-start: 0;
    clip-path: inset(0 100% 0 0);
    pointer-events: none;
    transition: clip-path 0.175s ease-out;
}
form[id] div.wd-editor-toolbar-panel ul li.sfhover ul,
form[id] div.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)*15/16);
    width: calc(var(--edit-area-toolbar-icon-size)*15/16);
}

.wd-editor-toolbar-panel ul li a:focus {
    outline: none;
}
.wd-editor-toolbar-panel ul li a::before,
.wd-editor-toolbar-panel ul li a::after {
    content: "";
    display: block;
    width: 100%; height: 100%;
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: 0;
}
.wd-editor-toolbar-panel ul li a::after {
    background-color: var(--textColor);
    -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 .125s ease-out;
}
.wd-editor-toolbar-panel ul li a::before {
    background-color: var(--linkColor);
    height: 0;
    transition: all .125s ease-out;
}
.wd-editor-toolbar-panel ul li a:is(:hover, :focus)::before { height: 100%; }
.wd-editor-toolbar-panel div > ul > li.sfhover > a:not(:hover, :focus)::before,
.wd-editor-toolbar-panel div > ul > li:focus-within > a:not(:hover, :focus)::before {
    height: 100%;
    background-color: var(--linkColor);
}

.wd-editor-toolbar-panel a.weditor-h1::after {
    --edit-area-toolbar-icon-mask: var(--h1-mask);
}
.wd-editor-toolbar-panel a.weditor-h2::after {
    --edit-area-toolbar-icon-mask: var(--h2-mask);
}
.wd-editor-toolbar-panel a.weditor-h3::after {
    --edit-area-toolbar-icon-mask: var(--h3-mask);
}
.wd-editor-toolbar-panel a.weditor-h4::after {
    --edit-area-toolbar-icon-mask: var(--h4-mask);
}
.wd-editor-toolbar-panel a.weditor-h5::after {
    --edit-area-toolbar-icon-mask: var(--h5-mask);
}
.wd-editor-toolbar-panel a.weditor-h6::after {
    --edit-area-toolbar-icon-mask: var(--h6-mask);
}
.wd-editor-toolbar-panel a.weditor-bold::after {
    --edit-area-toolbar-icon-mask: var(--bold-mask);
}
.wd-editor-toolbar-panel a.weditor-italic::after {
    --edit-area-toolbar-icon-mask: var(--italic-mask);
}
.wd-editor-toolbar-panel a.weditor-underline::after {
    --edit-area-toolbar-icon-mask: var(--underline-mask);
}
.wd-editor-toolbar-panel a.weditor-strikethrough::after {
    --edit-area-toolbar-icon-mask: var(--strikethrough-mask);
}
.wd-editor-toolbar-panel a.weditor-teletype::after {
    --edit-area-toolbar-icon-mask: var(--teletype-mask);
}
.wd-editor-toolbar-panel a.weditor-quote::after {
    --edit-area-toolbar-icon-mask: var(--quote-mask);
}
.wd-editor-toolbar-panel a.weditor-superscript::after {
    --edit-area-toolbar-icon-mask: var(--superscript-mask);
}
.wd-editor-toolbar-panel a.weditor-subscript::after {
    --edit-area-toolbar-icon-mask: var(--subscript-mask);
}
.wd-editor-toolbar-panel a.weditor-raw::after {
    --edit-area-toolbar-icon-mask: var(--rawtext-mask);
}
.wd-editor-toolbar-panel a.weditor-hr::after {
    --edit-area-toolbar-icon-mask: var(--hr-mask);
}
.wd-editor-toolbar-panel a.weditor-div::after {
    --edit-area-toolbar-icon-mask: var(--divblock-mask);
}
.wd-editor-toolbar-panel a.weditor-clearfloat::after {
    --edit-area-toolbar-icon-mask: var(--clearfloat-mask);
}
.wd-editor-toolbar-panel a.weditor-clearfloatleft::after {
    --edit-area-toolbar-icon-mask: var(--clearfloatleft-mask);
}
.wd-editor-toolbar-panel a.weditor-clearfloatright::after {
    --edit-area-toolbar-icon-mask: var(--clearfloatright-mask);
}
.wd-editor-toolbar-panel a.weditor-table::after {
    --edit-area-toolbar-icon-mask: var(--table-mask);
}
.wd-editor-toolbar-panel a.weditor-toc::after {
    --edit-area-toolbar-icon-mask: var(--toc-mask);
}
.wd-editor-toolbar-panel a.weditor-code::after {
    --edit-area-toolbar-icon-mask: var(--codeblock-mask);
}
.wd-editor-toolbar-panel a.weditor-codewiz::after {
    --edit-area-toolbar-icon-mask: var(--codewiz-mask);
}
.wd-editor-toolbar-panel a.weditor-uri::after {
    --edit-area-toolbar-icon-mask: var(--url-mask);
}
.wd-editor-toolbar-panel a.weditor-uriwiz::after {
    --edit-area-toolbar-icon-mask: var(--urlwiz-mask);
}
.wd-editor-toolbar-panel a.weditor-pagelink::after {
    --edit-area-toolbar-icon-mask: var(--pagelink-mask);
}
.wd-editor-toolbar-panel a.weditor-pagelinkwiz::after {
    --edit-area-toolbar-icon-mask: var(--pagelinkwiz-mask);
}
.wd-editor-toolbar-panel a.weditor-image::after {
    --edit-area-toolbar-icon-mask: var(--imageblock-mask);
}
.wd-editor-toolbar-panel a.weditor-imagewiz::after {
    --edit-area-toolbar-icon-mask: var(--imagewiz-mask);
}
.wd-editor-toolbar-panel a.weditor-html::after {
    --edit-area-toolbar-icon-mask: var(--htmlblock-mask);
}
.wd-editor-toolbar-panel a.weditor-numlist::after {
    --edit-area-toolbar-icon-mask: var(--ordered-list-mask);
}
.wd-editor-toolbar-panel a.weditor-bullist::after {
    --edit-area-toolbar-icon-mask: var(--unordered-list-mask);
}
.wd-editor-toolbar-panel a.weditor-incindent::after {
    --edit-area-toolbar-icon-mask: var(--inc-list-mask);
}
.wd-editor-toolbar-panel a.weditor-decindent::after {
    --edit-area-toolbar-icon-mask: var(--dec-list-mask);
}
.wd-editor-toolbar-panel a.weditor-deflist::after {
    --edit-area-toolbar-icon-mask: var(--def-list-mask);
}
.wd-editor-toolbar-panel a.weditor-footnote::after {
    --edit-area-toolbar-icon-mask: var(--footnote-mask);
}
.wd-editor-toolbar-panel a.weditor-math::after {
    --edit-area-toolbar-icon-mask: var(--math-mask);
}
.wd-editor-toolbar-panel a.weditor-mathinline::after {
    --edit-area-toolbar-icon-mask: var(--inline-math-mask);
}
.wd-editor-toolbar-panel a.weditor-eqref::after {
    --edit-area-toolbar-icon-mask: var(--eq-def-mask);
}
.wd-editor-toolbar-panel a.weditor-bib::after {
    --edit-area-toolbar-icon-mask: var(--bib-mask);
}
.wd-editor-toolbar-panel a.weditor-bibcite::after {
    --edit-area-toolbar-icon-mask: var(--bib-cite-mask);
}

/* Edit area */
form#edit-page-form div:nth-of-type(2) { min-width: 100%; }
form#edit-page-form #edit-page-textarea {
    box-sizing: border-box;
    font-family: var(--mono-font);
    min-width: inherit;
}

/* Size buttons + help area */
form#edit-page-form .change-textarea-size {
    float: none;
    padding: 0;
    margin-top: 0.25rem;
    display: flex;
    gap: 0.25rem;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
}
form#edit-page-form .change-textarea-size a {
    background-color: var(--primaryBackgroundColor);
    border-width: 1px;
    border-color: var(--borderColor);
    padding: .125rem;
    text-decoration: none;
    display: inline-block;
    width: 1.2rem;
    text-align: center;
}

form#edit-page-form .edit-help-34 {
    font-size: 0rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex-wrap: wrap;
    margin: 0.25rem 0.5rem 0 0;
}
form#edit-page-form .edit-help-34 a { font-size: 0.625rem; }

/* Bottom area */

form#edit-page-form table.edit-page-bottomtable tr {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--page-content-width)/2.5), 100%), 1fr));
}
form#edit-page-form table.edit-page-bottomtable tr td {
    box-sizing: border-box;
}
form#edit-page-form table.edit-page-bottomtable tr td:nth-of-type(2) {
    display: flex;
    align-items: center;
    padding: 0.75rem!important;
}
form#edit-page-form table.edit-page-bottomtable tr td > div {
    max-width: 100%;
    min-width: 100%;
}
form#edit-page-form table.edit-page-bottomtable tr td > div > #edit-page-comments {
    width: 100%!important;
    min-height: 6em;
}

#lock-info {
    background-color: var(--primaryBackgroundColor);
    border: none;
    padding: 1em;
    margin: 0;
    font-family: var(--mono-font);
    border-radius: calc(var(--radius-adjust)*0.5);
    border-bottom: solid 0.25rem var(--linkColor);
    box-sizing: border-box;
    box-shadow: 0 0 .25rem var(--shadow);
}

/* Save button area */
div.buttons.alignleft {
    font-family: var(--UI-font);
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}
.buttons.alignleft > * {
    flex-grow: 1;
}

/*-------------------*/

#who-rated-page-area br {
    display: none;
}
#who-rated-page-area>div {
    grid-gap: 0.25em;
    display: grid;
    grid-template-columns: repeat(4,1fr auto);
    grid-auto-flow: row;
    justify-items: end;
    max-width: var(--page-content-width);
    margin: 0 auto;
}
#who-rated-page-area>div span.printuser.avatarhover {
    display: inline-flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: baseline;
}
#who-rated-page-area>div span:nth-child(3n-1) {
    margin-right: 2rem;
}

/*-------------------*/

#revision-list .pager, .pager {
    width: max-content;
    margin: 0.75rem auto;
}
#revision-list .pager > *, .pager > * {
    padding: 0.125rem 0.25rem;
    margin: 0.05rem;
}
#revision-list .pager > * > a, .pager > * > a {
    padding: 0.125rem 0.25rem;
}
#revision-list .pager .current {
    font-weight: bold;
    background-color: var(--tertiaryBackgroundColor);
    color: var(--textColor);
    border: 1px solid var(--borderColor);
}
#revision-list .pager .target, #revision-list table.page-history td a {
    border-top-color: var(--borderColor);
    border-left-color: var(--borderColor);
    border-right-color: var(--borderColor);
}

#revision-list table.page-history {
    width: 100%;
    border-collapse: collapse;
}
#revision-list table.page-history td {
    padding: 0.375em 0;
}

#revision-list table.page-history tr:nth-child(2n-1),
#revision-list table.page-history tr:nth-child(2n-1) td {
    background-color: var(--secondaryBackgroundColor);
}
#revision-list table.page-history tr:nth-child(2n),
#revision-list table.page-history tr:nth-child(2n) td {
    background-color: var(--primaryBackgroundColor);
}

#revision-list table.page-history tr td:nth-child(1) {
    width: 4em;
    min-width: max-content;
    text-align: center;
}
#revision-list table.page-history tr td:nth-child(2),
#revision-list table.page-history tr td:nth-child(3) {
    width: 5em;
    min-width: max-content;
    text-align: center;
}
#revision-list table.page-history tr td:nth-child(4) {
    min-width: 4em;
}
#revision-list table.page-history tr td:nth-child(5) {
    padding: 0 0.5em;
}
#revision-list table.page-history tr td:nth-child(6) {
    min-width: 3.25em;
}
#revision-list table.page-history tr:first-child td:last-child {
    text-align: center;
}

/*-------------------*/

#action-area .page-source {
    border: solid .05rem var(--borderColor);
    padding: 1.75em;
    font-size: 0.85rem;
    box-sizing: border-box;
}

/*-------------------*/

#action-area ul[style*="list-style: none"] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}



/*---- FOOTER & LICENSE-AREA & FOOTER-BAR----*/


#footer {
    display: flex!important;
    justify-content: space-between;
    color: var(--textColor-alt);
    font-family: var(--UI-font);
    font-size: 0rem;
    padding: 0.15rem 0.35rem;
    margin-top: 0;
    flex-wrap: wrap;
    grid-gap: 0.125rem 1.5rem;
}
#footer a {
    color: var(--textColor-alt);
    font-size: 0.6rem;
}
#footer a[href*="wikidot.com"]:not(.options a)::before {
   content:"Powered by ";
}
#footer .options a:not(:last-of-type) {
    padding-right: 0.25rem;
    margin-right: 0.25rem;
    border-right: solid 1px var(--borderColor);
}

#license-area {
    color: var(--textColor);
    background-color: var(--secondaryBackgroundColor);
    border-top: solid .05rem var(--borderColor);
    font-family: var(--UI-font);
    font-size: 0.75rem;
    font-weight: bold;
    padding: .675rem;
    line-height: 0.8rem;
    text-align: center;
}
#license-area a {
    color: var(--textColor);

    border-bottom: solid .175em var(--linkColor);
    background-color: transparent;
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-size: 100% 0;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size var(--link-timing);
}
#license-area a:is(:hover,:focus) {
    background-size: 100% 100%;
    text-decoration: none;
}

#footer-bar {
    color: var(--textColor);
    background-color: var(--secondaryBackgroundColor);
    width: 100%;
    max-width: 100%;
    margin: 0;
    border-top: none;
    padding: 0.5em 1em;
    text-align: center;
    box-sizing: border-box;
    z-index: 0;
}

#footer-bar h2 { justify-content: center; }

#footer-bar .units {
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%;
    display: flex;
}
#footer-bar .units .unit {
    flex-grow: 1;
}
#footer-bar .units .unit h3 a {
    margin: 0 auto;
    color: var(--textColor);
    border-bottom: solid .05em var(--linkColor);
    background-image: linear-gradient(to bottom, var(--linkColor) 0%, var(--linkColor) 100%);
    background-size: 100% 0;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size var(--link-timing);
}
#footer-bar .units .unit h3 a:is(hover,:focus) {
    background-size: 100% 100%;
}



/*---- CUSTOM SYNTAX ----*/

.monoboxical {
    border-radius: var(--radius-adjust);
    padding: 1em 1.5em;
    border-bottom: solid 0.25rem var(--linkColor);
    box-sizing: border-box;
    box-shadow: 0 1px 3px 0 var(--shadow);
    margin: 0.75rem 0.1rem;
}

.header-center {
    padding: 0;
    margin: 0;
    text-align: center;
}
.header-center h1 span,
.header-center h2 span,
.header-center h3 span,
.header-center h4 span,
.header-center h5 span,
.header-center h6 span {
    margin-left: auto;
    margin-right: auto;
}
#page-content .header-center h1::before {
    content: "";
    flex-grow: 1;
    height: 0.1rem;
    margin: auto 0.375rem auto auto;
    background-color: var(--borderColor);
}

/* author label compatibility */
#page-content .authorlink-wrapper {
    margin-top: -0.1rem;
    --author-right-adjust: 0.52em;
}
#page-content .authorlink-wrapper .authorbox {
    background-color: var(--primaryBackgroundColor);
    color: var(--textColor);
}
#page-content .authorlink-wrapper .authorbox::before {
    border-bottom-color: var(--primaryBackgroundColor);
}

/*--- Motion Accessibility ---*/
@media (prefers-reduced-motion) {
    :root { --link-timing: 0s linear!important; }
}


/*---- MOBILE QUERY ----*/
@media only screen and (max-width: 767px) {
    #top-bar div[class*=top-bar] > ul > li { position: static; }
    #top-bar div[class*=top-bar] > ul > li > ul { left: 0; transform: none; }

    .meta-title {
        font-size: 200%;
    }

    #main-content {
        grid-template-areas:
            "action-area-top action-area-top"
            "page-title page-title"
            "page-content page-content"
            "page-tags page-tags"
            "page-info-break page-info-break"
            "page-options-container page-options-container"
            "action-area action-area"
            "ad ad";
    }

    #page-info, div.page-watch-options {
        text-align: start;
    }

    #who-rated-page-area>div {
        grid-template-columns: repeat(2,1fr auto);
    }
    #who-rated-page-area>div span:nth-child(3n-1) {
        margin-right: 1rem;
    }

    #revision-list table.page-history tr td:nth-child(5) .printuser.avatarhover a:last-of-type {
        display: none;
    }
    #revision-list table.page-history tr td:nth-child(5) {
        width: max-content!important;
    }

    #action-area ul[style*="list-style: none"] {
        grid-template-columns: repeat(2, 1fr);
    }

    #revision-list table.page-history tr td:nth-child(1):not(tr:first-child td),
    #revision-list table.page-history tr td:nth-child(7):not(tr:first-child td) {
        font-size: 80%!important;
        padding-left: 0.75em;
    }
    #revision-list table.page-history tr td:nth-child(6) { display: none; }
}
[[/code]]
[[/collapsible]]

[[/iftags]]