Monotypical Theme
This is an aesthetic theme by EstrellaYoshte, with additional help by Woedenaz. To use it, copy the following into your article:
[[include :scp-wiki:theme:monotypical]]
A horizontal rule can be created with 4 hyphens "----"1 and extends across the whole page if it's not placed inside anything (eg a blockquote). The lines separating sections of this document are horizontal rules.
Titles can be created by putting between one and six plus "+" at the start of the line.
First Title
Second Title
Third Title
Fourth Title
Fifth Title
Sixth Title
This is a tab view.2
Hey look, more text here.
How quaint.
This is a long tab. It contains a lot of text.3
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is also a long tab. It contains a lot of text.
This is also a long tab. It contains a lot of text.
This is also a long tab. It contains a lot of text.
This is also a long tab. It contains a lot of text.
This is also a long tab. It contains a lot of text.
This is also a long tab. It contains a lot of text.
This is also a long tab. It contains a lot of text.
This is also a long tab. It contains a lot of text.
This is also a long tab. It contains a lot of text.
This is also a long tab. It contains a lot of text.
This is also a long tab. It contains a lot of text.
This is also a long tab. It contains a lot of text.
This is also a long tab. It contains a lot of text.
This is also a long tab. It contains a lot of text.
This is a blockquote, created by putting "> " at the start of each line.
More text
That's a horizontal rule
Nested blockquotes
This is a | table |
---|---|
You should know | how to make these |
already | |
1 | 2 |
3 | 4 |
Who's the greatest | of them all? |
#hexadecimal | #supremacy |
Header and UI font is Urbanist.
Body font is Ubuntu.
Monospace font is Fira Code.
Deep Dive
[[div class="monoboxical"]]
Hello world!
[[div class="meta-title"]]
Insert title here
Monotypical hides the regular title by default, so meta-title is used instead.
[[div class="header-center"]]
Centered H1
Centered H2
Centered H5
Due to the way headers work in this theme, they need to be put inside a header-center div to properly center.
It also centers regular text.
CSS Variables
Monotypical's appearance is controlled by the following variables:
:root { --linkColor: #FC8391; --linkColor-newpage: #FC9958; --primaryBackgroundColor: #F9F9F9; --secondaryBackgroundColor: #EFEFEF; --tertiaryBackgroundColor: #E2E2E2; --borderColor: #C6C6C6; --shadow: rgba(0,0,0,0.225); --selectionColor: #FFE419; --textColor: #0E0E0E; --textColor-alt: #8E8E8E; /*----- Technical Variables -----*/ --body-font: 'Ubuntu', system-ui, sans-serif; --header-font: 'Urbanist', Nanum Gothic, sans-serif; --UI-font: var(--header-font); --mono-font: 'Fira Code', Courier, monospace; --header-title: 'SCP FOUNDATION'; --sidebar-width: 17rem; --sidebar-timing: 0.275s ease-out; --page-content-width: 60rem; --radius-adjust: 1.125rem; --link-timing: .125s ease-out; }
All of these can be changed to alter the default look of Monotypical. Here are some presets to put after the [[include]]:
:root { --linkColor: #88C0D0; --primaryBackgroundColor: #ECEFF4; --secondaryBackgroundColor: #E5E9F0; --tertiaryBackgroundColor: #D8DEE9; --borderColor: #4C566A; --shadow: rgba(46,52,64,0.25); --selectionColor: #EBCB8B; --textColor: #2E3440; --textColor-alt: #434C5E; } #side-bar, #license-area { --secondaryBackgroundColor: #2E3440; --tertiaryBackgroundColor: #434C5E; --textColor: #D8DEE9; }
:root { --linkColor: #2aa198; --primaryBackgroundColor: #fdf6e3; --secondaryBackgroundColor: #eee8d5; --tertiaryBackgroundColor: #002b36; --borderColor: #93a1a1; --shadow: rgba(0,0,0,0.2); --selectionColor: #268bd2; --textColor: #586e75; --textColor-alt: #C39006; } #side-bar .heading, #license-area { --textColor: #fdf6e3; }
:root { --linkColor: #FF799A; --primaryBackgroundColor: #282A36; --secondaryBackgroundColor: #2F3142; --tertiaryBackgroundColor: #BD93F9; --borderColor: #6272A4; --shadow: rgba(96,213,248,0.3); --selectionColor: #50FA7B; --textColor: #F8F8F2; --textColor-alt: #6272A4; }
Feel free to experiment with your own color scheme!
Source Code
/* 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; } }