/*
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; }
}





