藏青 版式

这是一个由Agent FS制作，但他也不知道基于什么并从基岩与玄武岩中抄了大量代码的版式。它不与任何GoI/设定或其他基金会世界观内的概念相关，所以放心大胆的去用吧，用在任何你想用的地方，改成任何你想改的样子。

Quartzite--UI-light-color-primary255,255,255

Calcite--UI-light-grey250,250,250

Gravel--UI-deep-grey46,46,46

Jet--UI-deep-grey-alt20,20,20

Navy--UI-deep-blue36,49,81

{$color6-name}{$color6-variable}{$color6-info}

Granite--general-border-color220,220,220

Andesite--UI-dark-grey65,65,65

Sunstone--UI-orange255,165,0

Emerald--UI-green26,180,28

Ruby--UI-red165,0,17

Obsidian--UI-dark-color-primary0,0,0

{$subcolor7-name}{$subcolor7-variable}{$subcolor7-info}

{$subcolor8-name}{$subcolor8-variable}{$subcolor8-info}

{$subcolor9-name}{$subcolor9-variable}{$subcolor9-info}

{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}

{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}

{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}

在你的页面开头添加如下代码以应用此版式：

[[include :fendsfox:theme:darkblue]]

示例

说明文字。

使用6个连字符“------”创建分割线。这是为了激怒Placeholder McD。

使用61个连字符“-------------------------------------------------------------”¹创建分割线。这是为了激怒余下的所有人。

标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题

6 级标题

标题	标题	标题
这是表格。	我想你早就	知道该怎么
用这个了吧

已访问的链接 | 未访问的链接 | 空链接

这是一个引用块，它有很多文字。

这是一个引用块，它有很多文字。

这是一个引用块，它有很多文字，还有^上标，_下标，斜体，等宽字²。1

嵌套引用块。

就像盗梦空间一样。

笔记块。

脚注

1. 真的有61个，不信你数数看。

2. <tt>等宽字</tt>

参考文献

1. 参考文献

这是一个块，它有很多文字。

这是一个块，它有很多文字。

[[div class="box1"]]

---

@charset "utf-8";
 
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
 
@font-face {
    font-family: RedactRect;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('https://cdn.scpwiki.com/theme/en/sigma/fonts/RedactRect.woff2') format('woff2');
    unicode-range: U+2588;
}
 
@supports (font-feature-settings: inherit) {
    *, *::before, *::after {
        font-feature-settings: "zero" var(--zero, 0);
    }
}
 
:root {
    --header-logo: url("https://fendsfox.wikidot.com/local--files/theme%3Adarkblue/logo.png");
    --body-bg-img: url("https://fendsfox.wdfiles.com/local--files/theme%3Adarkblue/body_bg.png");
    --printuser-acc-deleted-bg-img: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAASCAYAAADVCrdsAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAAGYktHRP///////wlY99wAAAAJdnBBZwAAACEAAAASAKHWG0kAAAGHaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49J++7vycgaWQ9J1c1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCc/Pg0KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyI+PHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj48cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0idXVpZDpmYWY1YmRkNS1iYTNkLTExZGEtYWQzMS1kMzNkNzUxODJmMWIiIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIj48dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPjwvcmRmOkRlc2NyaXB0aW9uPjwvcmRmOlJERj48L3g6eG1wbWV0YT4NCjw/eHBhY2tldCBlbmQ9J3cnPz4slJgLAAAAjklEQVRIS2NgGASA0UhH5z+6IAycu3KFEV2MFoDRSEfnv4aeHro4w41Ll+jmCCZ0gYEAgyc6sgsL0cUZpvb3080Ro9EBB0Y6Ov/fvn2LgQ3xOI7aYPBGB0zgPJ2ig9FQR+f//CVL0MUZEmNi6OaIwREd+BIgvUKC0VBH5//KdevQxRnCg4Lo5ojR6BhUAABWfUsE1CfvhQAAAABJRU5ErkJggg==");
 
    --UI-light-color-primary: 255, 255, 255;
    --UI-dark-color-primary: 0, 0, 0;
    --UI-light-grey: 250, 250, 250;
    --UI-dark-grey: 65, 65, 65;
    --UI-deep-grey: 46, 46, 46;
    --UI-deep-grey-alt: 20, 20, 20;
    --UI-deep-blue: 36, 49, 81;
    --UI-orange: 255, 165, 0;
    --UI-red: 165, 0, 17;
    --UI-deep-red: 150, 24, 43;
    --UI-green: 26, 180, 28;
 
    --input-checked-mask-background-color: var(--body-light-background-color);
    --input-checked-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E<path d=%22M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z%22/%3E%3C/svg%3E");
    --input-type-background-color: var(--body-light-background-color);
    --input-type-border-color: var(--UI-deep-grey);
    --input-type-background-color-checked: var(--UI-deep-red);
 
    --body-light-background-color: var(--UI-light-color-primary);
    --body-dark-background-color: var(--UI-dark-color-primary);
    --text-light-color: var(--UI-light-color-primary);
    --text-dark-color: var(--UI-dark-color-primary);
 
    --link-color: var(--UI-red);
    --link-visited-color: var(--UI-deep-red);
    --link-newpage-color: 221, 119, 17;
 
    --general-border-color: 220, 220, 220;
    --general-background-color: var(--UI-light-grey);
    --general-background-color-sub: 235, 235, 235;
 
    --UI-font-primary: Inter, RedactRect, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue';
    --UI-font-size-primary: 0.8rem;
    --page-content-font-size: clamp(calc(var(--UI-font-size-primary) * 0.9), calc(var(--UI-font-size-primary) * 0.9 + 0.195vw), var(--UI-font-size-primary));
    --mono-font: 'JetBrains Mono';
    --title-font: 'K2D';
    --sans-serif-font: 'Jost';
 
    --header-height: calc(var(--header-button-height) + var(--header-h1-height) + var(--topbar-height));
    --header-h1-height: 6.25rem;
    --header-title: 'SCP基金会';
    --header-subtitle: '控制 - 收容 - 保护';
    --header-title-font: var(--title-font);
    --header-subtitle-font: var(--header-title-font);
    --header-title-font-size: clamp(1rem, 6.5vw, 2.5rem);
    --header-subtitle-font-size: clamp(0.4rem, 3.25vw, 0.875rem);
    --header-title-color: var(--text-light-color);
    --header-subtitle-color: var(--text-light-color);
 
    --header-button-background-color: var(--body-dark-background-color);
    --header-button-background-color-hover: var(--UI-deep-grey);
    --header-button-height: 2.5rem;
    --header-button-width: 2.5rem;
 
    --search-background-color-hover: var(--header-button-background-color-hover);
    --search-icon-background-color: var(--body-light-background-color);
    --search-icon-background-color-hover: var(--search-icon-background-color);
    --search-icon-mask: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M505%20442.7L405.3%20343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3%2044-79.7%2044-128C416%2093.1%20322.9%200%20208%200S0%2093.1%200%20208s93.1%20208%20208%20208c48.3%200%2092.7-16.4%20128-44v16.3c0%206.4%202.5%2012.5%207%2017l99.7%2099.7c9.4%209.4%2024.6%209.4%2033.9%200l28.3-28.3c9.4-9.4%209.4-24.6.1-34zM208%20336c-70.7%200-128-57.2-128-128%200-70.7%2057.2-128%20128-128%2070.7%200%20128%2057.2%20128%20128%200%2070.7-57.2%20128-128%20128z%22%2F%3E%3C%2Fsvg%3E);
    --search-height: var(--header-button-height);
    --search-width: var(--header-button-width);
 
    --user-background-color-hover: var(--header-button-background-color-hover);
    --user-icon-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 2' viewBox='0 0 811.11 811.11'%3E%3Cpath fill='none' d='M290.36 538h230.39a128.94 128.94 0 0 1 127.79 111.83l.65-.64a344.79 344.79 0 1 0-487.27 0l.65.64A128.94 128.94 0 0 1 290.36 538Z'/%3E%3Ccircle cx='405.56' cy='319.9' r='165.69'/%3E%3Cpath d='M405.56 0C181.57 0 0 181.57 0 405.56c0 132.32 63.38 249.85 161.44 323.87a405.63 405.63 0 0 0 488.23 0c98.06-74 161.44-191.55 161.44-323.87C811.11 181.57 629.54 0 405.56 0Zm243.63 649.19-.65.64A128.94 128.94 0 0 0 520.75 538H290.36a128.94 128.94 0 0 0-127.79 111.83l-.65-.64a344.79 344.79 0 1 1 487.27 0Z'/%3E%3C/svg%3E");
    --user-message-background-color: var(--UI-orange);
    --user-height: var(--header-button-height);
    --user-width: var(--header-button-width);
    --user-options-background-color: var(--UI-deep-grey);
    --user-options-link-background-color: var(--UI-deep-blue);
    --user-options-link-color: var(--text-light-color);
    --user-options-link-color-hover: var(--text-light-color);
 
    --topbar-height: 22px;
    --topbar-nav-background-color: var(--UI-deep-grey-alt);
    --topbar-nav-background-color-hover: var(--UI-deep-grey);
    --topbar-nav-background-color-hover-alt: var(--UI-deep-red);
    --topbar-nav-color: var(--text-light-color);
    --topbar-nav-color-hover: var(--topbar-nav-color);
    --topbar-content-background-color: var(--body-light-background-color);
    --topbar-content-border-color: var(--topbar-nav-background-color-hover);
    --topbar-content-link-background-color-hover: var(--UI-deep-blue);
    --topbar-content-link-color: var(--text-dark-color);
    --topbar-content-link-color-hover: var(--text-light-color);
    --topbar-content-link-font: var(--sans-serif-font);
    --topbar-transition-1st: 150ms ease 5ms;
    --topbar-transition-2nd: 205ms ease-out 150ms;
 
    --sidebar-background-color: var(--body-light-background-color);
    --sidebar-border-color: var(--UI-deep-grey);
    --sidebar-width: 17.25rem;
    --sidebar-height: 100%;
    --sidebar-font-size: var(--UI-font-size-primary);
    --sidebar-head-background-color: var(--general-background-color);
    --sidebar-head-border-color: var(--UI-deep-grey);
    --sidebar-head-color: var(--text-dark-color);
    --sidebar-link-background-color: var(--UI-deep-blue);
    --sidebar-link-color: var(--text-dark-color);
    --sidebar-link-color-hover: var(--text-light-color);
    --sidebar-collapsible-background-color: var(--sidebar-head-background-color);
    --sidebar-collapsible-color: var(--sidebar-head-color);
    --sidebar-collapsible-background-color-hover: var(--UI-deep-grey);
    --sidebar-collapsible-color-hover: var(--text-light-color);
    --sidebar-collapsible-button-background-color: var(--UI-deep-grey);
    --sidebar-collapsible-button-color: var(--text-light-color);
    --sidebar-button-background-color: var(--header-button-background-color);
    --sidebar-button-color: var(--text-light-color);
    --sidebar-button-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzUycHQiIGhlaWdodD0iNzUycHQiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDc1MiA3NTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8Zz4KICA8cGF0aCBkPSJtMjE4LjE0IDM5NS43M2gzMTUuNzJjNy4wNDY5IDAgMTMuNTYyLTMuNzYxNyAxNy4wODYtOS44NjcyIDMuNTI3My02LjEwNTUgMy41MjczLTEzLjYyNSAwLTE5LjczLTMuNTIzNC02LjEwNTUtMTAuMDM5LTkuODY3Mi0xNy4wODYtOS44NjcyaC0zMTUuNzJjLTcuMDUwOCAwLTEzLjU2MiAzLjc2MTctMTcuMDkgOS44NjcyLTMuNTIzNCA2LjEwNTUtMy41MjM0IDEzLjYyNSAwIDE5LjczIDMuNTI3MyA2LjEwNTUgMTAuMDM5IDkuODY3MiAxNy4wOSA5Ljg2NzJ6Ii8+CiAgPHBhdGggZD0ibTUzMy44NiAyMzcuODhoLTMxNS43MmMtNy4wNTA4IDAtMTMuNTYyIDMuNzU3OC0xNy4wOSA5Ljg2MzMtMy41MjM0IDYuMTA1NS0zLjUyMzQgMTMuNjI5IDAgMTkuNzM0IDMuNTI3MyA2LjEwNTUgMTAuMDM5IDkuODY3MiAxNy4wOSA5Ljg2NzJoMzE1LjcyYzcuMDQ2OSAwIDEzLjU2Mi0zLjc2MTcgMTcuMDg2LTkuODY3MiAzLjUyNzMtNi4xMDU1IDMuNTI3My0xMy42MjkgMC0xOS43MzQtMy41MjM0LTYuMTA1NS0xMC4wMzktOS44NjMzLTE3LjA4Ni05Ljg2MzN6Ii8+CiAgPHBhdGggZD0ibTIxOC4xNCA1MTQuMTNoMzE1LjcyYzcuMDQ2OSAwIDEzLjU2Mi0zLjc2MTcgMTcuMDg2LTkuODY3MiAzLjUyNzMtNi4xMDU1IDMuNTI3My0xMy42MjUgMC0xOS43My0zLjUyMzQtNi4xMDU1LTEwLjAzOS05Ljg2NzItMTcuMDg2LTkuODY3MmgtMzE1LjcyYy03LjA1MDggMC0xMy41NjIgMy43NjE3LTE3LjA5IDkuODY3Mi0zLjUyMzQgNi4xMDU1LTMuNTIzNCAxMy42MjUgMCAxOS43MyAzLjUyNzMgNi4xMDU1IDEwLjAzOSA5Ljg2NzIgMTcuMDkgOS44NjcyeiIvPgogPC9nPgo8L3N2Zz4K);
    --sidebar-button-height: var(--header-button-height);
    --sidebar-button-width: var(--header-button-width);
 
    --main-content-width: 54rem;
    --main-content-top-margin: 1.6rem;
    --main-content-side-margin: 1.6rem;
 
    --page-title-border-color: var(--UI-deep-grey-alt);
    --page-title-font: var(--title-font);
    --page-title-color: var(--UI-deep-grey-alt);
 
    --ratebox-background-color: var(--general-background-color);
    --ratebox-border-color: var(--UI-deep-blue);
    --ratebox-color: var(--text-dark-color);
    --ratebox-font: var(--mono-font);
    --ratebox-font-size: var(--UI-font-size-primary);
    --rate-uv-color: var(--UI-green);
    --rate-dv-color: var(--UI-red);
    --rate-nv-color: var(--UI-orange);
    --rate-uv-mask: url("data:image/svg+xml;charset=utf8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 872.37 872.37'%3E%3Ctitle%3Eplus%3C/title%3E%3Cpolygon points='872.37 341.18 531.2 341.18 531.2 0 341.18 0 341.18 341.18 0 341.18 0 531.2 341.18 531.2 341.18 872.37 531.2 872.37 531.2 531.2 872.37 531.2 872.37 341.18'/%3E%3C/svg%3E");
    --rate-dv-mask: url("data:image/svg+xml;charset=utf8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 872.37 190.02'%3E%3Ctitle%3Eminus%3C/title%3E%3Crect x='444.99' y='103.81' width='190.02' height='872.37' transform='translate(-103.81 635.01) rotate(-90)'/%3E%3C/svg%3E");
    --rate-nv-mask: url("data:image/svg+xml;charset=utf8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 779.53 779.53'%3E%3Ctitle%3Ecancel-vote%3C/title%3E%3Cpolygon points='779.53 665.37 503.93 389.77 779.53 114.17 665.37 0 389.77 275.6 114.17 0 0 114.17 275.6 389.77 0 665.37 114.17 779.53 389.77 503.93 665.37 779.53 779.53 665.37'/%3E%3C/svg%3E");
    --credit-info-mask: url("data:image/svg+xml;charset=utf8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 432.1 810.25'%3E%3Ctitle%3Einfo-vote%3C/title%3E%3Cpath d='M324,917.73v-139H491.5V493.71H346V355.77H615v423H756.05v139ZM544.41,266.88q-36.17,0-57.76-21.46T465,187.18q0-36.78,21.61-58.24t57.76-21.46q36.15,0,57.76,21.46t21.6,58.24q0,36.78-21.6,58.24T544.41,266.88Z' transform='translate(-323.95 -107.48)'/%3E%3C/svg%3E");
    --credit-info-background-color: var(--general-background-color-sub);
    --credit-info-background-color-hover: var(--UI-deep-grey);
    --credit-info-color: var(--text-dark-color);
    --credit-info-color-hover: var(--text-light-color);
    --credit-view-background-color: var(--body-light-background-color);
    --credit-view-title-background-color: var(--UI-deep-grey);
    --credit-view-title-color: var(--text-light-color);
    --credit-view-turner-color: var(--text-dark-color);
    --rate-button-color: var(--text-dark-color);
    --rate-button-border-color: var(--general-border-color);
    --rate-button-size: 1.5rem;
 
    --imgblock-background-color: var(--body-light-background-color);
    --imgblock-border-color: var(--UI-deep-blue);
    --imgblock-color: var(--text-dark-color);
 
    --blockquote-background-color: var(--general-background-color);
    --blockquote-border-color: var(--general-border-color);
    --block-border-width: 0.1rem;
 
    --note-background-color: var(--body-light-background-color);
    --note-border-color: var(--UI-deep-red);
    --note-border-width: 0.2rem;
    --note-shadow: var(--text-dark-color);
 
    --toc-background-color: var(--UI-deep-grey);
    --toc-title-color: var(--text-light-color);
    --toc-title-link-background-color: var(--UI-red);
    --toc-list-background-color: var(--general-background-color);
 
    --table-title-background-color: var(--UI-deep-blue);
    --table-title-border-color: var(--table-title-background-color);
    --table-title-color: var(--text-light-color);
    --table-content-background-color: var(--body-light-background-color);
    --table-content-border-color: var(--general-border-color);
 
    --wikiwalk-font: var(--sans-serif-font);
 
    --tab-background-color: unset;
    --tab-border-color: var(--UI-deep-grey);
    --tab-border-width: 0.1875rem;
    --tab-nav-background-color: var(--general-background-color);
    --tab-nav-background-color-hover: var(--UI-deep-blue), 0.875;
    --tab-nav-background-color-selected: var(--UI-deep-blue);
    --tab-nav-color: var(--text-dark-color);
    --tab-nav-color-hover: var(--text-light-color);
    --tab-nav-color-selected: var(--text-light-color);
    --tab-nav-font: var(--sans-serif-font);
    --tab-content-background-color: var(--body-light-background-color);
 
    --footnotelock-background-color: var(--general-background-color);
    --footnotelock-title-background-color: var(--UI-deep-grey);
    --footnotelock-title-color: var(--text-light-color);
    --footnotelock-title-font: var(--sans-serif-font);
 
    --forum-description-background-color: var(--general-background-color);
    --forum-description-border-color: var(--general-border-color);
    --forum-post-background-color: var(--general-background-color);
    --forum-post-border-color: var(--general-border-color);
    --forum-post-button-background-color: var(--general-background-color);
    --forum-post-button-border-color: var(--general-border-color);
    --forum-post-button-color: var(--text-dark-color);
    --forum-post-button-background-color-hover: var(--UI-deep-grey);
    --forum-post-button-color-hover: var(--UI-light-color-primary);
 
    --tag-background-color: var(--general-background-color);
    --tag-color: var(--text-dark-color);
    --tag-background-color-hover: var(--UI-deep-grey);
    --tag-color-hover: var(--text-light-color);
    --tag-font-size: calc(var(--UI-font-size-primary) * 0.875);
 
    --page-watch-options-color: var(--UI-dark-color-primary);
    --page-options-block-background-color: var(--general-background-color);
    --page-options-background-color: var(--general-border-color);
    --page-options-color: var(--text-dark-color);
    --page-options-background-color-hover: var(--UI-deep-grey);
    --page-options-color-hover: var(--text-dark-color);
    --page-options-padding: 0.5rem;
    --page-options-font-size: calc(var(--UI-font-size-primary) * 0.875);
    --page-options-more-background-color: var(--general-background-color-sub);
    --page-options-more-color: var(--page-options-color);
    --page-options-delete-background-color: var(--UI-red);
    --page-options-delete-color: var(--page-options-color);
    --page-options-more-background-color-hover: var(--UI-deep-grey);
    --page-options-more-color-hover: var(--text-light-color);
    --page-options-delete-background-color-hover: var(--UI-red);
    --page-options-delete-color-hover: var(--text-light-color);
 
    --action-font-size: calc(var(--UI-font-size-primary) * 0.875);
    --action-button-background-color: var(--general-background-color);
    --action-button-border-color: var(--general-border-color);
    --action-button-color: var(--text-dark-color);
    --action-button-background-color-hover: var(--UI-deep-blue); 
    --action-button-background-color-hover-alt: var(--UI-deep-grey);
    --action-button-color-hover: var(--UI-light-color-primary);
    --action-title-border-color: var(--general-border-color);
    --action-title-color: var(--text-dark-color);
    --action-title-font-size: calc(var(--UI-font-size-primary) * 1.2);
    --edit-area-toolbar-background-color: var(--general-background-color);
    --edit-area-toolbar-icon-size: 1.875rem;
 
    --footer-background-color: var(--UI-deep-blue);
    --footer-border-color: var(--text-light-color);
    --footer-color: var(--text-light-color);
    --footer-font-size: calc(var(--UI-font-size-primary) * 0.875);
 
    --license-area-background-color: var(--body-dark-background-color);
    --license-area-color: var(--text-light-color);
 
    --hovertip-background-color: var(--body-light-background-color);
    --hovertip-color: var(--text-dark-color);
    --hovertip-border-color: var(--UI-deep-grey);
    --hovertip-shadow-color: var(--text-dark-color);
    --hovertip-head-background-color: var(--UI-deep-blue);
    --hovertip-head-color: var(--text-light-color);
    --hovertip-head-font-size: 0.75rem;
    --hovertip-head-font: var(--sans-serif-font);
    --hovertip-content-font-size: var(--UI-font-size-primary);
 
    --owindow-background-color: var(--body-light-background-color);
    --owindow-title-background-color: var(--UI-deep-grey);
    --owindow-title-color: var(--text-light-color);
    --owindow-title-font: var(--sans-serif-font);
    --owindow-close-background-color: var(--UI-red);
    --modal-close-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzUycHQiIGhlaWdodD0iNzUycHQiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDc1MiA3NTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8cGF0aCBkPSJtMjI4LjAxIDE2OC44MS01OS4xOTkgNTkuMTk5IDE0OCAxNDcuOTktMTQ4IDE0OCA1OS4xOTkgNTkuMTk1IDE0Ny45OS0xNDcuOTkgMTQ4IDE0Ny45OSA1OS4xOTUtNTkuMTk1LTE0Ny45OS0xNDggMTQ3Ljk5LTE0Ny45OS01OS4xOTUtNTkuMTk5LTE0OCAxNDh6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4KPC9zdmc+Cg==);
 
    --selection-light-background-color: var(--UI-deep-blue);
    --selection-text-light-color: var(--UI-light-color-primary);
    --selection-dark-background-color: var(--UI-light-color-primary);
    --selection-text-dark-color: var(--UI-deep-grey);
 
    --scrollbar-thumb-color: var(--UI-deep-blue);
    --scrollbar-track-color: var(--general-background-color);
}
 
* {
    overflow-wrap: anywhere;
    scroll-behavior: smooth;
    scrollbar-color: rgb(var(--scrollbar-thumb-color)) rgb(var(--scrollbar-track-color));
    scrollbar-width: thin;
}
 
body {
    background-color: rgb(var(--body-light-background-color));
    color: rgb(var(--text-dark-color));
    font-family: var(--UI-font-primary, sans-serif);
    font-feature-settings: 'case', 'ss01', 'ss04';
    font-size: var(--UI-font-size-primary);
}
 
body, li, p {
    line-height: 1.5;
}
 
::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.5rem;
    background: 0 0;
}
 
::-webkit-scrollbar-thumb {
    background-color: rgb(var(--scrollbar-thumb-color));
}
 
::-webkit-scrollbar-track {
    background: rgb(var(--scrollbar-track-color));
}
 
::selection {
    background-color: rgba(var(--selection-light-background-color), 0.875);
    color: rgb(var(--selection-text-light-color));
}
 
#page-content :not(ul.yui-nav)>li {
    margin-block: 1em;
}
 
button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.25;
    margin: 0;
}
 
button, select {
    text-transform: none;
}
 
[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button;
}
 
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
 
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText;
}
 
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}
 
[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
 
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}
 
[type=radio],
input[type=checkbox] {
    appearance: none;
    display: inline-block;
    background-color: rgb(var(--input-type-background-color));
    border: solid 0.125em rgb(var(--input-type-border-color), 0.15);
    border-radius: 0;
    width: 1.25em;
    height: 1.25em;
    position: relative;
}
 
[type=radio] {
    border-radius: 50%;
}
 
[type=radio]:checked {
    border: solid 0.425em rgb(var(--input-type-background-color-checked));
}
 
[type=checkbox]:checked {
    border-color: rgb(var(--input-type-background-color-checked));
    background-color: rgb(var(--input-type-background-color-checked));
}
 
[type=checkbox]:checked::before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: rgb(var(--input-checked-mask-background-color));
    -webkit-mask-image: var(--input-checked-mask);
    mask-image: var(--input-checked-mask);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: auto;
}
 
input[type=text], textarea {
    font-feature-settings: inherit;
    margin: 0;
    padding: 0.25rem;
    color: rgb(var(--text-dark-color));
    background-color: rgb(var(--body-light-background-color));
    border: solid 0.1rem rgb(var(--general-border-color));
    outline: solid 0 rgb(var(--UI-deep-red));
    transition: outline-width 125ms linear;
}
 
input[type=text]:focus-visible, textarea:focus-visible {
    outline-width: 0.125rem;
}
 
select {
    appearance: auto;
    color: rgb(var(--text-dark-color));
    background-color: rgb(var(--body-light-background-color));
    padding: 0.25ch 0.325ch;
    border: solid 0.125em rgb(var(--UI-deep-grey), 0.15);
    box-sizing: border-box;
    outline: solid 0 rgb(var(--UI-deep-red));
    transition: outline-width 125ms linear;
}
 
select:focus {
    outline-width: 0.125rem;
}
 
button, div.buttons input,
input[type=button], input[type=submit] {
    appearance: none;
    margin: 0;
    padding: 0.5ch 0.75ch;
    cursor: pointer;
    color: rgb(var(--text-dark-color));
    background-color: rgb(var(--general-background-color));
    border: solid 0.1rem rgb(var(--general-border-color));
    transition: all 0.1s ease-out 12.5ms;
}
 
:is(div.buttons input, input[type=button], input[type=submit], button):is(:focus, :hover) {
    color: rgb(var(--UI-light-color-primary));
    background-color: rgb(var(--UI-deep-grey));
    border-color: rgb(var(--UI-deep-grey));
}
 
#header {
    display: grid;
    grid-template-areas:
        '. . . . . search user'
        '. . . h-link . . .'
        '. . . top-bar . . .';
    grid-template-columns: var(--sidebar-button-width) var(--sidebar-button-width) 1fr min(60rem, calc(100% - var(--sidebar-button-width) - var(--sidebar-button-width) - var(--search-width) - var(--user-width))) 1fr var(--search-width) var(--user-width);
    grid-template-rows: var(--header-button-height) 1fr var(--topbar-height);
    background-image: linear-gradient(to bottom, transparent calc(var(--header-button-height) + var(--header-h1-height)), rgb(var(--topbar-nav-background-color)) 2rem), var(--body-bg-img);
    background-size: auto;
    background-position: 0 0;
    background-repeat: repeat-x;
    max-width: 100%;
    width: 100%;
    height: var(--header-height);
    margin: 0;
    padding: 0;
    position: relative;
}
 
#header h1 {
    grid-area: h-link;
    display: grid;
    height: 100%;
    overflow: hidden;
    z-index: 2;
}
 
#header h1 a {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    line-height: 1.125;
    height: 100%;
    width: max-content;
}
 
#header h1 a::before {
    content: '';
    display: block;
    height: 100%;
    width: clamp(calc(var(--header-h1-height) * 0.48), 15vw, var(--header-h1-height));
    background-image: var(--header-logo);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
 
#header h1 a span {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.2rem;
    text-align: center;
    font-size: 0;
    width: max-content;
    height: 100%;
}
 
#header h1 a span::before {
    content: var(--header-title, 'SCP基金会');
    color: rgb(var(--header-title-color));
    display: block;
    font-family: var(--header-title-font);
    font-size: var(--header-title-font-size);
    font-weight: 700;
}
 
#header h1 a span::after {
    content: var(--header-subtitle, '控制 - 收容 - 保护');
    color: rgb(var(--header-subtitle-color));
    display: block;
    font-family: var(--header-subtitle-font);
    font-size: var(--header-subtitle-font-size);
    font-weight: 700;
    margin-bottom: 0.5em;
}
 
#header h2 {
    display: none;
}
 
#search-top-box {
    grid-area: search;
    display: flex;
    background-color: transparent;
    position: relative;
    width: var(--search-width);
    height: var(--search-height);
    z-index: 2;
}
 
#search-top-box::after,
#search-top-box::before {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
 
#search-top-box::before {
    background-color: rgb(var(--search-background-color-hover));
    height: 0;
    transition: height 125ms ease-out;
}
 
#search-top-box:is(:hover, :focus-within)::before {
    height: 100%;
}
 
#search-top-box::after {
    -webkit-mask-image: var(--search-icon-mask);
    mask-image: var(--search-icon-mask);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 52.5%;
    mask-size: 52.5%;
    background-color: rgb(var(--search-icon-background-color));
    transition: background-color 125ms ease-out;
}
 
#search-top-box:is(:hover, :focus-within)::after {
    background-color: rgb(var(--search-icon-background-color-hover));
}
 
#search-top-box-form {
    display: contents;
}
 
#search-top-box-input {
    display: none;
}
 
#search-top-box-form input[type=submit] {
    pointer-events: auto;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
    cursor: pointer;
    outline: none;
    z-index: 2;
}
 
#search-top-box-form:focus-within input[type=submit] {
    pointer-events: auto;
}
 
#login-status {
    grid-area: user;
    background-color: transparent;
    position: relative;
    inset: 0;
    width: var(--user-width);
    height: var(--user-height);
    pointer-events: none;
    user-select: none;
    font-size: 0;
    z-index: 2;
}
 
#login-status:is(:hover, :focus-within) {
    pointer-events: auto;
}
 
#login-status>* {
    user-select: text;
    font-size: calc(var(--UI-font-size-primary) * 0.875);
}
 
#login-status::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 2.5rem;
    height: 0;
    pointer-events: auto;
    cursor: pointer;
    background-color: rgb(var(--user-background-color-hover));
    z-index: 1;
    transition: height 125ms ease-out;
}
 
#login-status:is(:hover, :focus-within)::after {
    height: 100%;
    transition: height 125ms ease-out;
}
 
#login-status span.printuser {
    display: contents;
    font-size: 0;
    user-select: none;
    pointer-events: none;
}
 
#login-status span.printuser>a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.475rem;
    box-sizing: border-box;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: auto;
    z-index: 2;
}
 
#login-status span.printuser>a img {
    background-image: none !important;
    padding: 0;
    display: block;
    height: 100%;
    flex-grow: 1;
    object-fit: contain;
    vertical-align: 0;
}
 
a#account-topbutton,
a#my-account {
    display: none;
}
 
#login-status>a[href*="account/messages"] {
    display: block;
    position: absolute;
    font-size: 0;
    pointer-events: none;
    user-select: none;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: calc(2.5rem / 6);
    background-color: rgb(var(--user-message-background-color));
    top: 0.325rem;
    right: 0.325rem;
    z-index: 3;
    clip-path: unset;
}
 
#account-options {
    width: 12.5rem;
    position: absolute;
    inset-block-start: 100%;
    right: unset;
    inset-inline-end: 0;
    border: none;
    display: block!important;
    background-color: rgb(var(--user-options-background-color));
}
 
#account-options,
:where(#login-status)>:is(.login-status-create-account, .login-status-sign-in) {
    clip-path: inset(0 0 0 100%);
    transition: clip-path 125ms ease-out;
}
 
:where(#login-status):is(:hover, :focus-within)>:is(#account-options, a.login-status-create-account, a.login-status-sign-in) {
    clip-path: inset(0);
    transition: clip-path 125ms ease-out;
    transition-delay: 125ms;
}
 
#account-options>ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
 
#account-options>ul>li {
    display: contents;
}
 
#account-options>ul>li>a {
    display: flex;
    height: 2rem;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0;
    position: relative;
    text-decoration: none;
    color: rgb(var(--user-options-link-color));
}
 
#account-options>ul>li>a:is(:hover, :focus) {
    color: rgb(var(--user-options-link-color-hover));
}
 
#login-status a:is(.login-status-create-account, .login-status-sign-in)::before,
#account-options>ul>li>a::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    background-color: rgb(var(--user-options-link-background-color));
    z-index: -1;
    transition: width 125ms ease-out;
}
 
#login-status a:is(.login-status-create-account, .login-status-sign-in):is(:hover, :focus)::before,
#account-options>ul>li>a:is(:hover, :focus)::before {
    width: 100%;
}
 
#login-status>a:first-child+span {
    display: block;
    width: 100%;
    height: 100%;
    clip-path: none;
    pointer-events: auto;
    cursor: pointer;
    font-size: 0;
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgb(var(--body-light-background-color));
    z-index: 2;
    -webkit-mask-image: var(--user-icon-mask);
    mask-image: var(--user-icon-mask);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 50%;
    mask-size: 50%;
    transition: background-color 125ms ease-out;
}
 
#login-status:is(:hover, :focus-within)>a:first-child+span {
    background-color: rgb(var(--body-light-background-color));
    transition: background-color 125ms ease-out;
}
 
#login-status a:is(.login-status-create-account, .login-status-sign-in) {
    display: flex;
    position: absolute;
    inset-inline-end: 0;
    inset-block-start: 100%;
    height: 2rem;
    width: calc(12.5rem / 2);
    text-align: center;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    background-color: rgb(var(--user-options-background-color));
    color: rgb(var(--user-options-link-color));
}
 
#login-status a.login-status-create-account {
    inset-inline-end: calc(12.5rem / 2);
}
 
#top-bar {
    grid-area: top-bar;
    display: flex;
    /* background-color: rgb(var(--topbar-nav-background-color)); */
    height: 100%;
    z-index: 1;
}
 
#top-bar div[class*="top-bar"] {
    display: contents;
}
 
#top-bar div.mobile-top-bar,
#top-bar div.mobile-top-bar>div.open-menu  {
    display: none;
}
 
#top-bar div[class*="top-bar"]>ul {
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    width: 100%;
    height: 100%;
    font-size: 0.825em;
}
 
#top-bar div[class*="top-bar"]>ul>li {
    min-width: max-content;
    flex-basis: 5.5em;
    flex-shrink: 1;
    align-self: stretch;
    position: relative;
    margin: 0;
}
 
#top-bar div[class*="top-bar"]>ul>li>a {
    display: flex;
    width: 100%;
    height: 100%;
    line-height: normal;
    max-height: unset;
    padding: 0 1em;
    border: none;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    color: rgb(var(--topbar-nav-color));
    text-transform: uppercase;
    /* font-weight: 700; */
    position: relative;
    z-index: 0;
    transition: color var(--topbar-transition-2nd);
}
 
#top-bar div[class*="top-bar"]>ul>li.sfhover>a,
#top-bar div[class*="top-bar"]>ul>li:focus-within>a,
#top-bar div[class*="top-bar"]>ul>li>a:focus,
#top-bar div[class*="top-bar"]>ul>li>a:hover {
    background-color: transparent;
    color: rgb(var(--topbar-nav-color-hover));
    transition: color var(--topbar-transition-1st);
}
 
#top-bar div[class*="top-bar"]>ul>li>a::after,
#top-bar div[class*="top-bar"]>ul>li>a::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    z-index: -1;
}
 
#top-bar div[class*="top-bar"]>ul>li.sfhover>a::after,
#top-bar div[class*="top-bar"]>ul>li.sfhover>a::before,
#top-bar div[class*="top-bar"]>ul>li:focus-within>a::after,
#top-bar div[class*="top-bar"]>ul>li:focus-within>a::before,
#top-bar div[class*="top-bar"]>ul>li>a:focus::after,
#top-bar div[class*="top-bar"]>ul>li>a:focus::before,
#top-bar div[class*="top-bar"]>ul>li>a:hover::after,
#top-bar div[class*="top-bar"]>ul>li>a:hover::before {
    height: 100%;
}
 
#top-bar div[class*="top-bar"]>ul>li>a::before {
    background-color: rgb(var(--topbar-nav-background-color-hover-alt));
    transition: height var(--topbar-transition-2nd);
}
 
#top-bar div[class*="top-bar"]>ul>li>a::after {
    background-color: rgb(var(--topbar-nav-background-color-hover));
    transition: height var(--topbar-transition-1st);
}
 
#top-bar div[class*="top-bar"]>ul>li.sfhover>a::before,
#top-bar div[class*="top-bar"]>ul>li:focus-within>a::before,
#top-bar div[class*="top-bar"]>ul>li>a:focus::before,
#top-bar div[class*="top-bar"]>ul>li>a:hover::before {
    transition: height var(--topbar-transition-1st);
}
 
#top-bar div[class*="top-bar"]>ul>li.sfhover>a::after,
#top-bar div[class*="top-bar"]>ul>li:focus-within>a::after,
#top-bar div[class*="top-bar"]>ul>li>a:focus::after,
#top-bar div[class*="top-bar"]>ul>li>a:hover::after {
    transition: height var(--topbar-transition-2nd);
}
 
#top-bar div[class*="top-bar"] ul li ul {
    visibility: visible;
    pointer-events: none;
    opacity: 0;
    width: max-content;
    min-width: 100%;
    display: flex;
    background-color: rgba(var(--topbar-content-background-color), 0.875);
    flex-direction: column;
    border: none;
    box-shadow: none;
    contain: layout;
    transition: opacity var(--topbar-transition-2nd);
}
 
#top-bar div.mobile-top-bar ul li ul {
    flex-wrap: wrap;
    flex-direction: row;
    max-width: 100%;
}
 
#top-bar div[class*="top-bar"]>ul>li:focus-within>ul,
#top-bar div[class*="top-bar"]>ul>li:hover>ul,
#top-bar div[class*="top-bar"]>ul>li>ul:focus-within,
#top-bar div[class*="top-bar"]>ul>li>ul:hover {
    pointer-events: auto;
    opacity: 1;
    transition: opacity var(--topbar-transition-1st);
}
 
#top-bar div[class*="top-bar"]>ul>li>ul::before {
    content: '';
    z-index: 1;
    display: block;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    width: 0.325rem;
    height: 0;
    background-color: rgb(var(--topbar-content-border-color));
    transition: height var(--topbar-transition-2nd);
}
 
#top-bar div[class*="top-bar"]>ul>li:is(:hover, :focus-within)>ul::before,
#top-bar div[class*="top-bar"]>ul>li>ul:is(:hover, :focus-within)::before {
    height: 100%;
    transition: height var(--topbar-transition-1st);
}
 
#top-bar div[class*="top-bar"] ul li ul li {
    position: relative;
    border: none;
}
 
#top-bar div.mobile-top-bar ul li ul li {
    flex-basis: 50%;
    flex-grow: 1;
}
 
#top-bar div[class*="top-bar"] ul li ul li a {
    display: flex;
    align-items: baseline;
    max-height: unset;
    width: 100%;
    height: 100%;
    line-height: normal;
    padding: 0.575em 1.05em;
    background-color: unset;
    backdrop-filter: blur(0.325rem);
    border: none;
    box-sizing: border-box;
    box-shadow: inset 0 0.05rem 0 rgb(var(--general-border-color));
    color: rgb(var(--topbar-content-link-color));
    font-family: var(--topbar-content-link-font);
    font-size: var(--UI-font-size-primary);
    position: relative;
    isolation: isolate;
    contain: layout style paint;
    content-visibility: auto;
    transition: color var(--topbar-transition-2nd);
}
 
#top-bar div[class*="top-bar"] ul>li:is(:hover, :focus-within)>ul>li>a,
#top-bar div[class*="top-bar"] ul>li>ul:is(:hover, :focus-within)>li>a {
    transition: color var(--topbar-transition-1st);
}
 
#top-bar div[class*="top-bar"] ul li ul li a:is(:hover, :focus),
#top-bar div[class*="top-bar"] ul>li>ul>li.sfhover a,
#top-bar div[class*="top-bar"] ul>li>ul>li:focus-within>a {
    background-color: rgb(var(--topbar-content-background-color), 0.825);
    color: rgb(var(--topbar-content-link-color-hover));
    text-decoration: none;
}
 
#top-bar div[class*="top-bar"] ul li ul li a::before {
    content: '';
    display: block;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    background-color: rgb(var(--topbar-content-link-background-color-hover));
    transition: width var(--topbar-transition-1st);
}
 
#top-bar div[class*="top-bar"] ul>li>ul>li:is(:hover, :focus-within)>a::before,
#top-bar div[class*="top-bar"] ul>li>ul>li>a:is(:hover, :focus-within)::before {
    width: 100%;
}
 
#top-bar div[class*="top-bar"] ul li ul li ul {
    position: absolute;
    top: 0;
    left: 100%;
    border-inline-start: solid 0.225rem rgb(var(--topbar-content-link-background-color-hover));
    min-width: max-content;
    pointer-events: none;
}
 
#top-bar div[class*="top-bar"] ul li ul li:is(.sfhover, :hover, :focus-within)>ul {
    pointer-events: auto;
    opacity: 1;
}
 
#top-bar div[class*="top-bar"] ul li span[class*="topbar_arrow"] {
    display: none;
}
 
#top-bar div[class*="top-bar"] ul li ul li a:not(:only-child) {
    justify-content: space-between;
    padding-inline-end: 0.575em;
    column-gap: 1.5em;
}
 
#top-bar div[class*="top-bar"] ul li ul li a:not(:only-child)::after {
    content: "";
    display: block;
    width: 0.5em;
    height: 0.75em;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    background-color: currentColor;
}
 
#top-bar div[class*="top-bar"] ul li ul li.sfhover ul li a:not(:hover, :focus) {
    color: rgb(var(--topbar-content-link-color));
}
 
@media (max-width: 64rem) {
    #header {
        grid-template-areas:
            '. . . . search user'
            '. h-link h-link h-link h-link .'
            '. top-bar top-bar top-bar top-bar .';
        grid-template-columns: var(--user-width) var(--search-width) 1fr 1fr var(--search-width) var(--user-width);
    }
}
 
@media (max-width: 767px) {
    :root {
        --topbar-height: 2.5rem;
    }
 
    #header {
        grid-template-areas:
            '. . . . search user'
            '. h-link h-link h-link h-link .'
            'top-bar top-bar top-bar top-bar top-bar top-bar';
    }
 
    #top-bar div.top-bar {
        display: none;
    }
 
    #top-bar div.mobile-top-bar {
        display: contents;
    }
 
    #top-bar div[class*=top-bar]>ul>li {
        position: static;
        flex-grow: 1;
        flex-basis: auto;
    }
 
    #top-bar div[class*=top-bar]>ul>li>a {
        padding: 0 0.5em;
    }
 
    #top-bar div[class*=top-bar] ul li ul {
        transform: none;
        left: 0;
    }
 
    #top-bar div[class*=top-bar] ul li ul li a {
        padding: 0.825em 1.05em;
    }
}
 
#container {
    display: flex;
    flex-direction: column;
}
 
#content-wrap {
    flex-grow: 1;
    max-width: none;
    margin: 0;
}
 
#side-bar {
    display: block;
    width: var(--sidebar-width);
    height: var(--sidebar-height);
    background-color: rgb(var(--sidebar-background-color));
    border-right: 0.2rem rgb(var(--sidebar-border-color)) solid;
    box-sizing: border-box;
    font-family: var(--sans-serif-font), var(--UI-font-primary);
    position: fixed;
    left: calc(var(--sidebar-width) * -1);
    top: 0;
    direction: rtl;
    padding: 0;
    transition: left 250ms ease-out 125ms;
    overflow-y: scroll;
    overscroll-behavior: contain;
    /* scrollbar-width: none; */
    z-index: 10;
}
 
#side-bar:is(:hover, :focus-within) {
    left: 0;
}
 
#side-bar::before,
#side-bar::after {
    all: unset;
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: var(--sidebar-button-width);
    height: var(--sidebar-button-height);
    background-color: rgba(var(--sidebar-button-background-color), 0.875);
    pointer-events: auto;
    cursor: pointer;
    transition: 250ms ease-out 125ms;
}
 
#side-bar::after {
    background-color: rgb(var(--sidebar-button-color));
    -webkit-mask-image: var(--sidebar-button-mask);
    mask-image: var(--sidebar-button-mask);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
 
#side-bar:is(:hover, :focus-within)::before,
#side-bar:is(:hover, :focus-within)::after {
    left: var(--sidebar-width);
    opacity: 0;
}
 
#side-bar>* {
    direction: ltr;
}
 
:is(#side-bar, #interwiki) div.side-block {
    background-color: rgb(var(--sidebar-bg-unset))!important;
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
}
 
#side-bar div.side-block.license {
    padding: 0.875ch;
}
 
#side-bar div.side-block.media div.menu-item {
    display: flex;
    justify-content: space-evenly;
    padding: 0.375rem;
}
 
#side-bar div.side-block.media div:not([class]) {
    display: contents;
}
 
:is(#side-bar, #interwiki) div.side-block div.heading,
#side-bar div.side-block div[class*="collapsible-block-"]>a.collapsible-block-link {
    border: none;
    border-bottom: solid 0.125rem rgb(var(--sidebar-head-border-color));
    border-radius: 0;
    font-size: calc(var(--sidebar-font-size)* 0.875);
    font-weight: 700;
    margin: 0;
    padding: 0.25em 1em calc(0.25em - 0.125rem);
    text-align: center;
    text-transform: uppercase;
}
 
:is(#side-bar, #interwiki) div.side-block div.heading {
    background-color: rgb(var(--sidebar-head-background-color));
    color: rgb(var(--sidebar-head-color));
}
 
:is(#side-bar, #interwiki) div.side-block div.menu-item {
    display: flex;
    flex-wrap: wrap;
    font-size: 0;
    margin: 0;
}
 
#side-bar div.side-block div.collapsible-block {
    margin: 0;
}
 
#side-bar div.side-block div[class*="collapsible-block-"] {
    background-image: none;
    border: none;
}
 
#side-bar div.side-block div[class*="collapsible-block-"]>a.collapsible-block-link {
    display: block;
    background-color: rgb(var(--sidebar-collapsible-background-color));
    color: rgb(var(--sidebar-collapsible-color));
    margin: 0;
    position: relative;
    text-decoration: none;
    transition: all 125ms ease-out;
}
 
#side-bar div.side-block div>a.collapsible-block-link:is(:hover, :focus) {
    background-color: rgb(var(--sidebar-collapsible-background-color-hover));
    color: rgb(var(--sidebar-collapsible-color-hover));
}
 
#side-bar div.side-block div>a.collapsible-block-link::before,
#side-bar div.side-block div>a.collapsible-block-link::after {
    content: '';
    display: block;
    width: 1.325rem;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}
 
#side-bar div.side-block div>a.collapsible-block-link::after {
    background-color: rgb(var(--sidebar-collapsible-button-background-color));
    clip-path: polygon(25% 35%, 75% 35%, 50% 65%);
    transition: background-color 125ms ease-out;
}
 
#side-bar div.side-block div.collapsible-block-unfolded-link a.collapsible-block-link::after {
    clip-path: polygon(25% 65%, 75% 65%, 50% 35%);
}
 
#side-bar div.side-block div>a.collapsible-block-link:is(:hover, :focus)::after {
    background-color: rgb(var(--sidebar-collapsible-button-color));
}
 
#side-bar div.collapsible-block-content {
    position: relative;
}
 
#side-bar div.side-block div.collapsible-block-content::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 0.325rem;
    height: 100%;
    animation: collapsible-expand 125ms ease 50ms forwards;
    background-color: rgb(var(--sidebar-collapsible-button-background-color));
}
 
@keyframes collapsible-expand {
    0% {
        height: 0;
    }
 
    100% {
        height: 100%;
    }
}
 
#side-bar div.side-block div.menu-item a>img {
    all: unset;
}
:is(#side-bar, #interwiki) div.side-block div.menu-item>img {
    display: none;
}
:is(#side-bar, #interwiki) div.side-block div.menu-item>a {
    flex-grow: 1;
    color: rgb(var(--sidebar-link-color));
    font-size: var(--sidebar-font-size);
    font-weight: 700;
    padding: 0.5ch 1ch;
    position: relative;
    text-transform: uppercase;
    transition: color 150ms ease 50ms;
}
 
#side-bar div.side-block div.menu-item>a[href*="scp-series"] {
    flex-basis: 1.5rem;
    text-align: center;
}
 
#side-bar div.side-block div.menu-item>a:is([href="/"], [href="/forum:start"]) {
    text-align: center;
}
 
:is(#side-bar, #interwiki) div.side-block div.menu-item>a:is(:hover, :focus) {
    color: rgb(var(--sidebar-link-color-hover));
    text-decoration: none;
}
 
:is(#side-bar, #interwiki) div.side-block div.menu-item>a::before {
    content: '';
    background-color: rgb(var(--sidebar-link-background-color));
    position: absolute;
    inset: 0;
    display: block;
    height: 100%;
    width: 0%;
    z-index: -1;
    transition: width 150ms ease 50ms;
}
 
:is(#side-bar, #interwiki) div.side-block div.menu-item>a:is(:hover, :focus)::before {
    width: 100%;
}
 
div.scpnet-interwiki-wrapper {
    margin: 0;
    min-height: 0;
}
 
iframe.scpnet-interwiki-frame {
    height: 0;
}
 
a.close-menu {
    display: none;
}
 
#interwiki body {
    background-color: rgb(var(--sidebar-background-color));
    font-family: var(--sans-serif-font, sans-serif);
    margin: 0;
}
 
#main-content {
    margin-block: var(--main-content-top-margin);
    margin-inline: auto;
    padding: 0;
    max-width: calc(100% - (var(--main-content-side-margin) * 2));
    width: var(--main-content-width);
    box-sizing: border-box;
}
 
#page-title,
div.meta-title {
    border-bottom: 0.125rem rgba(var(--page-title-border-color), 0.1) solid;
    color: rgb(var(--page-title-color), 0.875);
    font-family: var(--page-title-font, sans-serif);
    margin: 0;
    padding-bottom: 0.2em;
}
 
#action-area-top+#page-title {
    display: block;
}
 
#breadcrumbs, div.pseudocrumbs {
    margin-block: 0 1em;
    padding-block: 0.325ch;
    text-align: left;
}
 
div.pseudocrumbs>* {
    margin-block: 0;
}
 
#page-content {
    box-sizing: border-box;
    font-size: var(--page-content-font-size);
    min-height: 50rem;
}
 
#page-content::before {
    font-size: var(--UI-font-size-primary) !important;
    display: block !important;
    border: 1px rgb(var(--UI-red)) solid;
    background-color: rgb(var(--body-light-background-color));
    color: rgb(var(--UI-red));
    line-break: anywhere;
    margin: 1em 0;
    padding: 1em;
}
 
#page-content:not(:has(a.\-override-warning))::before {
    content: "请使用 [[include :fendsfox:theme:darkblue]] 引用此版式。";
}
 
#page-content:has(div:is(.anom-bar-container, .acs-hybrid-text-bar, .anom-lite-bar-container), table.ce-acs)::before {
    content: "请勿在引用此版式时同时引用 异常分类栏（ACS）组件。";
}
 
a:any-link {
    color: rgb(var(--link-color));
}
 
a:hover, a:focus {
    text-decoration: underline;
}
 
a:visited {
    color: rgb(var(--link-visited-color));
}
 
a.newpage {
    color: rgb(var(--link-newpage-color));
}
 
a.bibcite, a.footnoteref {
    vertical-align: top;
    position: relative;
    top: -0.25em;
    font-size: smaller;
    padding: 0 0.25em;
}
 
a.bibcite::before {
    content: "[";
}
 
a.bibcite::after {
    content: "]";
}
 
div.creditRate>div.rateBox,
div.rate-box-with-credit-button>div.page-rate-widget-box,
div.creditRate div:is(.rateBox, .rate-box-with-credit-button) {
    display: contents;
}
 
div.page-rate-widget-box,
div.creditRate {
    display: inline-flex;
    box-shadow: none;
    background-color: rgb(var(--ratebox-background-color));
    border: none;
    border-bottom: 0.2rem rgb(var(--ratebox-border-color)) solid;
    margin-right: 0;
    margin-bottom: 0.625rem;
    padding: 0.325em;
    text-align: center;
}
 
div.page-rate-widget-box span.rate-points {
    display: flex;
    align-items: center;
    color: rgb(var(--ratebox-color));
    background-color: transparent !important;
    padding: 0 0.625em;
    box-sizing: border-box;
    text-transform: uppercase;
    font-size: calc(var(--ratebox-font-size) * 0.675);
    font-weight: 700;
}
 
div.page-rate-widget-box span.rate-points span.number {
    font-family: var(--ratebox-font);
    font-size: var(--ratebox-font-size);
    line-height: normal;
    width: max-content;
    padding-inline: 0.125rem;
}
 
div.page-rate-widget-box span.btn {
    display: block;
    width: var(--rate-button-size);
    height: var(--rate-button-size);
}
 
div.rate-box-with-credit-button div.creditButton {
    display: block;
    width: var(--rate-button-size);
    height: var(--rate-button-size);
    padding-inline-start: 0.325em;
}
 
div.creditRate>p,
div.rate-box-with-credit-button div.creditButton>p,
div.creditButtonStandalone>p {
    display: contents;
}
 
div.page-rate-widget-box span.btn>a,
div.rate-box-with-credit-button div.creditButton>p>a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    color: transparent!important;
    background-color: transparent;
    box-sizing: border-box;
    transition: all 95ms linear;
}
 
div.creditButtonStandalone>p>a {
    display: inline-block;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    line-height: inherit;
    color: transparent;
    font-size: initial;
    width: var(--rate-button-size);
    height: var(--rate-button-size);
    margin: 0;
    position: relative;
}
div.page-rate-widget-box span.btn>a {
    border-bottom: solid 0.05em rgb(var(--rate-button-border-color));
}
 
div.creditButtonStandalone>p>a::after,div.creditButtonStandalone>p>a::before,
div.page-rate-widget-box span.btn>a::before,
div.rate-box-with-credit-button div.creditButton>p>a::after,
div.rate-box-with-credit-button div.creditButton>p>a::before {
    content: "";
    display: block;
    background-color: rgb(var(--rate-button-color));
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: background-color 95ms linear;
}
 
div.creditButtonStandalone>p>a::before,
div.rate-box-with-credit-button div.creditButton>p>a::before {
    background-color: rgb(var(--credit-info-background-color));
}
 
div.creditButtonStandalone>p>a::after,
div.rate-box-with-credit-button div.creditButton>p>a::after {
    background-color: rgb(var(--credit-info-color));
}
 
div.creditButtonStandalone>p>a::after,
div.page-rate-widget-box span.btn>a::before,
div.rate-box-with-credit-button div.creditButton>p>a::after {
    -webkit-mask-size: 40%;
    mask-size: 40%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}
 
div.page-rate-widget-box span.rateup>a::before {
    -webkit-mask-image: var(--rate-uv-mask);
    mask-image: var(--rate-uv-mask);
}
 
div.page-rate-widget-box span.ratedown>a::before {
    -webkit-mask-image: var(--rate-dv-mask);
    mask-image: var(--rate-dv-mask);
}
 
div.page-rate-widget-box span.cancel>a::before {
    -webkit-mask-image: var(--rate-nv-mask);
    mask-image: var(--rate-nv-mask)
}
 
div.creditButtonStandalone>p>a::after,
div.rate-box-with-credit-button div.creditButton>p>a::after {
    -webkit-mask-image: var(--credit-info-mask);
    mask-image: var(--credit-info-mask);
    -webkit-mask-size: 27.5%;
    mask-size: 27.5%
}
 
div.page-rate-widget-box span.btn.rateup>a:is(:hover, :focus) {
    border-color: rgb(var(--rate-uv-color));
}
 
div.page-rate-widget-box span.btn.ratedown>a:is(:hover, :focus) {
    border-color: rgb(var(--rate-dv-color))
}
 
div.page-rate-widget-box span.btn.cancel>a:is(:hover, :focus) {
    border-color: rgb(var(--rate-nv-color));
}
 
div.page-rate-widget-box span.btn.rateup>a:is(:hover, :focus)::before {
    background-color: rgb(var(--rate-uv-color));
}
 
div.page-rate-widget-box span.btn.ratedown>a:is(:hover, :focus)::before {
    background-color: rgb(var(--rate-dv-color));
}
 
div.page-rate-widget-box span.btn.cancel>a:is(:hover, :focus)::before {
    background-color: rgb(var(--rate-nv-color));
}
 
div.creditButtonStandalone>p>a:is(:hover, :focus)::before,
div.rate-box-with-credit-button div.creditButton>p>a:is(:hover, :focus)::before {
    background-color: rgba(var(--credit-info-background-color-hover));
}
 
div.creditButtonStandalone>p>a:is(:hover, :focus):after,
div.rate-box-with-credit-button div.creditButton>p>a:is(:hover, :focus)::after {
    background-color: rgb(var(--credit-info-color-hover));
}
 
#page-content :is(#u-credit-view, #u-credit-otherwise) {
    display: flex;
    inset: 0;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(0.2rem);
    animation: initial;
    visibility: visible;
    transition: opacity 0.1s linear;
}
 
#page-content :is(#u-credit-view, #u-credit-otherwise):not(:target) {
    pointer-events: none;
    visibility: hidden;
}
 
:is(#u-credit-view,#u-credit-otherwise) div.modalcontainer {
    display: contents;
}
 
#u-credit-view div.modalbox,
#u-credit-otherwise div.modalbox {
    display: grid;
    grid-template-rows: max-content 1fr max-content;
    background-color: rgb(var(--credit-view-background-color));
    background-image: none;
    border: none;
    border-radius: 0;
    flex-basis: 40rem;
    max-width: calc(100% - var(--main-content-side-margin) * 2);
    min-height: 47.5vh;
    width: 40rem;
    position: relative;
    padding: 0;
    box-shadow: none;
}
 
:where(#u-credit-view, #u-credit-otherwise) div.modalbox:is(> div:first-of-type, div.creditBottomRate>div),
#u-credit-view div.modalbox div.credit.first iframe.close-credits {
    display: contents;
}
 
:where(#u-credit-view, #u-credit-otherwise) div.modalbox h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(var(--credit-view-title-background-color));
    border-radius: 0;
    color: rgb(var(--credit-view-title-color));
    padding: 0.5rem;
    margin: 0;
    font-size: 120%;
    line-height: normal;
}
 
:where(#u-credit-view, #u-credit-otherwise) div.modalbox div.credit {
    height: auto;
    margin: 0 1em;
    padding: 0;
    overscroll-behavior: contain;
}
 
#u-credit-view div.modalbox div.credit:not(.first) a[href*="#u-credit"] {
    color: rgb(var(--credit-view-turner-color));
}
 
:where(#u-credit-view, #u-credit-otherwise) div.modalbox hr {
    display: none;
}
 
:where(#u-credit-view, #u-credit-otherwise) div.modalbox>div.creditBottomRate {
    display: flex;
    justify-content: center;
    align-items: center;
    height: unset!important;
}
 
#u-credit-otherwise div.modalbox div.credit-back {
    filter: grayscale(1) brightness(0);
}
 
div.scp-image-block {
    border-bottom: 0.2rem rgb(var(--imgblock-border-color)) solid;
    box-sizing: border-box;
}
 
div.scp-image-block.block-right {
    float: right;
    margin: 0 0 1em 1em;
}
 
div.scp-image-block.block-left {
    float: left;
    margin: 0 1em 1em 0;
}
 
div.scp-image-block.block-center {
    margin: 1em auto;
}
 
div.scp-image-block>* {
    width: 100%!important;
}
 
div.scp-image-block>div.scp-image-caption {
    background-color: rgb(var(--imgblock-background-color));
    color: rgb(var(--imgblock-color));
    box-sizing: border-box;
    font-size: 0.875em;
    padding: 0.5ch 1em;
    text-align: center;
}
 
:where(#page-content) table {
    width: max-content;
}
 
:is(:where(#page-content) table:not(.form), table.wiki-content-table) {
    max-width: 100%;
    overflow-x: auto;
    box-sizing: border-box;
    margin: 0.4rem auto;
    border-collapse: collapse;
}
 
:is(:where(#page-content) table:not(.form), table.wiki-content-table) th {
    background-color: rgb(var(--table-title-background-color));
    border-color: rgb(var(--table-title-border-color), 0);
    color: rgb(var(--table-title-color));
    padding: 0.5rem 1rem;
}
 
:is(:where(#page-content) table:not(.form), table.wiki-content-table) td {
    background-color: rgb(var(--table-content-background-color));
    border-color: rgb(var(--table-content-border-color));
    padding: 0.5em 0.625em;
}
 
div.info-container {
    --linkColour: rgb(var(--UI-light-color-primary));
    --barColour: rgb(var(--UI-deep-blue));
}
 
span.printuser {
    display: inline-flex;
    align-items: baseline;
    gap: 0.4rem;
    text-indent: 0;
}
 
span.printuser.deleted {
    align-items: center;
}
 
span.printuser>a {
    white-space: break-spaces;
}
 
span.printuser>a:first-child {
    display: flex;
    user-select: none;
    align-self: center;
    min-width: max-content;
}
 
span.printuser img.small {
    background-size: cover;
    margin-inline: 0;
    padding-block: 0;
    padding-inline: 0.5rem 0;
    font-size: 0;
    width: 1rem;
}
 
span.printuser.deleted img.small {
    background-image: var(--printuser-acc-deleted-bg-img);
}
 
span.ruby {
    display: inline-flex;
    flex-direction: column-reverse;
    align-items: center;
    vertical-align: top;
    line-height: inherit;
    height: 1.5em;
}
 
span.rt {
    display: block;
    font-size: 0.625em;
    line-height: 0.125;
}
 
sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
}
 
sup.footnoteref {
    all: unset;
    display: contents;
}
 
embed, iframe, img, object, table, video {
    max-width: 100%;
}
 
div.code, div.blockquote, blockquote {
    background-color: rgb(var(--blockquote-background-color));
    border: var(--block-border-width) solid rgb(var(--blockquote-border-color));
    margin-block: 1em;
}
 
div.code, div.code pre, tt {
    font-family: var(--mono-font, sans-serif);
}
 
#page-content div.blockquote,
#page-content blockquote {
    margin-inline: auto;
    padding: 0.125em 1em;
    max-width: calc(var(--main-content-width) * 0.875);
    width: auto;
    box-sizing: border-box;
}
 
div.wiki-note {
    background-color: rgb(var(--note-background-color));
    border: var(--note-border-width) rgb(var(--note-border-color)) solid;
    border-top: none;
    border-bottom: none;
    box-shadow: 0 1px 6px rgba(var(--note-shadow), 0.15);
    padding: 0.25em 1em;
}
 
#page-content table[style^="margin:0;"],
#page-content table[style^="margin:0;"] :is(tbody, tr, td),
#toc #toc-action-bar {
    display: contents;
}
 
#toc {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background-color: rgb(var(--toc-background-color));
    margin: 0;
    padding: 0;
    position: relative;
    border: none;
    width: max-content;
}
 
#toc #toc-action-bar a,
#toc div.title {
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(var(--toc-title-color));
    margin: 0;
    padding: 0.275rem 1rem;
    z-index: 1;
}
 
#toc-action-bar a {
    grid-column: 4 / 5;
    grid-row: 1;
    text-decoration: none;
    position: relative;
}
 
#toc-action-bar a::before{
    content: '';
    background-color: rgb(var(--toc-title-link-background-color));
    position: absolute;
    display: block;
    height: 100%;
    width: 0;
    inset-block-start: 0;
    inset-inline-end: 0;
    transition: all 125ms ease-out;
    z-index: -1;
}
 
#toc-action-bar a:is(:hover, :focus)::before {
    width: 100%;
}
 
#toc #toc-list {
    grid-column: 1 / 5;
    background-color: rgb(var(--toc-list-background-color));
    padding: 0.5em;
    margin: 0;
    opacity: 1!important;
}
 
#toc #toc-list>div {
    margin-right: 1em;
}
 
h1, h2, h3, h4, h5, h6 {
    color: rgb(var(--text-dark-color));
    font-family: var(--title-font);
    font-weight: bold;
    margin-block: 0.325em;
    line-height: 1.25;
}
h1 {
    font-size: 2em;
}
 
h2 {
    font-size: 1.75em;
}
 
h3 {
    font-size: 1.5em;
}
 
h4 {
    font-size: 1.325em;
}
 
h5 {
    font-size: 1.25em;
}
 
h6 {
    font-size: 1em;
}
 
div.doc-area :is(h1, h2) {
    display: flex;
    align-items: center;
    font-family: var(--sans-serif-font);
    font-size: calc(var(--UI-font-size-primary) * 1.2);
    text-align: center;
    text-transform: uppercase;
    margin: 0.4rem 0;
}
 
div.doc-area h1 {
    color: rgb(var(--page-title-color));
    font-size: calc(var(--UI-font-size-primary) * 1.5);
}
 
div.doc-area :is(h1, h2)::after,
div.doc-area :is(h1, h2)::before {
    content: "";
    display: block;
    background-color: rgba(var(--UI-deep-grey), 0.325);
    height: 0.1rem;
    min-width: 2.5ch;
    flex-grow: 1;
}
 
div.doc-area :is(h1, h2) span {
    margin-inline: 0.4rem;
}
 
hr {
    height: 0.125rem;
    background-color: rgb(var(--general-border-color));
    margin: 1rem;
}
 
div.footer-wikiwalk-nav {
    font-family: var(--wikiwalk-font);
    font-size: 0.875em;
    font-weight: 700;
    text-align: center;
}
 
div.yui-navset {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    background-color: rgb(var(--tab-background-color));
    margin-block: 1em;
}
 
div.yui-navset>ul.yui-nav {
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    background-color: rgb(var(--tab-nav-background-color));
    border: none;
    position: relative;
}
 
div.yui-navset>ul.yui-nav::after {
    content: "";
    height: var(--tab-border-width);
    width: 100%;
    background-color: rgb(var(--tab-border-color));
}
 
div.yui-navset>ul.yui-nav>:is(li, li.selected) {
    display: flex;
    flex-grow: 1;
    margin: 0;
    padding: 0;
    position: relative;
}
 
div.yui-navset>ul.yui-nav li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 0;
    height: 100%;
    background-color: rgb(var(--tab-nav-background-color-hover));
    transition: all 125ms ease-out;
}
 
div.yui-navset>ul.yui-nav>li.selected::before {
    background-color: rgb(var(--tab-nav-background-color-selected));
    width: 100%;
}
 
div.yui-navset>ul.yui-nav li:is(:hover, :focus-within)::before {
    width: 100%;
}
 
div.yui-navset>ul.yui-nav>:is(li, li.selected)>a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    background-image: none;
    color: rgb(var(--tab-nav-color));
    border: none;
    margin: 0;
    padding: 0.825ch 2ch;
}
 
div.yui-navset>ul.yui-nav>li>a {
    transition: background-color 125ms ease-out;
}
 
div.yui-navset>ul.yui-nav>li.selected>a:is(:link, :hover, :focus) {
    color: rgb(var(--tab-nav-color-selected));
}
 
div.yui-navset ul.yui-nav>li>a:is(:hover, :focus) {
    color: rgb(var(--tab-nav-color-hover));
}
 
div.yui-navset>ul.yui-nav>:is(li, li.selected)>a:is(:link, :hover, :focus) {
    background-color: transparent;
    background-image: none;
}
 
div.yui-navset>ul.yui-nav>:is(li,li.selected)>a>em {
    border: none;
    font-family: var(--tab-nav-font, sans-serif);
    padding: 0;
    top: 0;
}
 
div.yui-navset>div.yui-content {
    flex-basis: 100%;
    background-color: rgb(var(--tab-content-background-color));
    border-color: rgb(var(--tab-border-color));
    border-top: 0;
    padding: 1em;
}
 
div.yui-navset :not(ul.yui-nav)>li {
    line-height: inherit;
}
 
div:is(.footnotes-footer, .bibitems) {
    background-color: rgb(var(--footnotelock-background-color));
    clear: both;
    position: relative;
    isolation: isolate;
    margin: 2.5em 0 1em 0;
    padding-block: 1em;
    height: auto;
}
 
div:is(.bibitems, .footnotes-footer)::before {
    content: "";
    position: absolute;
    background-color: rgb(var(--footnotelock-title-background-color));
    height: 0.125rem;
    inset-block-start: -0.125rem;
    width: 100%;
}
 
div:is(.bibitems, .footnotes-footer) div.title {
    background-color: rgb(var(--footnotelock-title-background-color));
    color: rgb(var(--footnotelock-title-color));
    font-family: var(--footnotelock-title-font);
    font-size: 0.875em;
    font-weight: 700;
    line-height: 1rem;
    height: 1rem;
    width: max-content;
    inset-block-start: -1rem;
    margin: 0;
    padding: 0 0.4em;
    position: absolute;
    text-transform: uppercase;
}
 
div.footnotes-footer div.footnote-footer,
div.bibitems div.bibitem {
    margin: 0.25em 1.5em;
}
 
div:is(.anom-bar-container, .acs-hybrid-text-bar, .anom-lite-bar-container), 
table.ce-acs {
    display: none !important;
}
 
div.box1 {
    margin: 1em 0;
    padding: 0.2rem 1rem;
    border-inline: 0.325rem #7E2520 solid;
    background-color: #fff;
    box-shadow: 0px 2px 10px -7px rgba(var(--UI-deep-grey), 0.75);
    transition: all 250ms ease-in-out;
}
 
div.box1:has(a.newpage),
div.box1:has(a.newpage) a.newpage {
    cursor: not-allowed;
}
 
div.box1:is(:hover, :focus-within) {
    box-shadow: 0px 2px 10px -4px rgba(var(--UI-deep-grey), 0.75);
}
 
div.forum-breadcrumbs {
    margin-top: -1.5em;
}
 
div.forum-thread-box div.description-block {
    border: solid 0.125rem rgba(var(--forum-description-border-color));
    margin: 0.5em 0;
    padding: 0.625rem 0.75rem;
    background-color: rgb(var(--forum-description-background-color));
    border-radius: 0;
    box-shadow: none;
}
 
div.forum-thread-box>div.options {
    margin: 0;
}
 
#thread-container-posts {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}
 
#thread-container div.post {
    padding: 0;
    width: auto;
}
 
#thread-container div.long div.head {
    display: grid;
    grid-template-areas:
        'title options'
        'info options';
    grid-template-columns: 1fr max-content;
    grid-template-rows: min-content 1fr;
    align-items: center;
    background-color: rgb(var(--forum-post-background-color));
    background-image: none;
    border: solid 0.1rem rgba(var(--forum-post-border-color));
    border-radius: 0;
    box-shadow: none;
    padding-block: 0.25rem;
    padding-inline: 0.75rem 0.25rem;
}
 
#thread-container div.long div.head div.options {
    display: contents;
}
 
#thread-container div.long div.head div.options a {
    grid-area: options;
}
 
#thread-container div.long div.options a,
#thread-container div.short>a.options {
    display: inline-block;
    background-color: rgb(var(--forum-post-button-background-color));
    border: 0.125rem rgba(var(--forum-post-button-border-color)) solid;
    color: rgb(var(--forum-post-button-color));
    float: none;
    margin: 0;
    padding: 0.25em 0.5em;
    text-decoration: none;
    transition: all 125ms ease-out;
}
 
#thread-container :is(div.long div.options a, div.short>a.options):is(:hover, :focus) {
    background-color: rgb(var(--forum-post-button-background-color-hover));
    color: rgb(var(--forum-post-button-color-hover));
}
 
#thread-container div.long div.head div.title {
    grid-area: title;
}
 
#thread-container div.long div.head div.info {
    grid-area: info;
    display: flex;
    align-items: center;
    gap: 0.325rem;
}
 
#thread-container div.long div.options {
    padding: 0.125rem 0;
    height: auto;
    text-align: end;
    margin: 0;
}
 
#thread-container div.long div.options>strong {
    display: contents;
}
 
#thread-container div.post.folded div.short {
    display: flex;
    align-items: center;
    gap: 0.5ch;
    border: solid 0.1rem rgba(var(--forum-post-border-color));
    padding: 0.25em;
    padding-inline-start: 0.75em;
}
 
#thread-container div.short>a.options {
    order: 1;
}
 
#thread-container div.short>a.title {
    font-weight: bold;
}
 
#thread-container div.short>span.odate {
    flex-grow: 1;
}
 
#thread-container div.post-container div.post-container {
    padding-block: 0.4rem 0;
    padding-inline: 1.5rem 0;
    margin: 0;
    border-inline-start: solid 0.1rem rgb(var(--forum-post-border-color));
}
 
#main-content div.page-tags {
    display: flex;
    flex-wrap: wrap;
    border: none;
    max-width: 100%;
    width: max-content;
    gap: 0.25rem;
}
 
#main-content div.page-tags>span {
    display: contents;
}
 
#main-content div.page-tags>span>a {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(var(--tag-background-color));
    color: rgb(var(--tag-color));
    border-radius: 0 0.325rem;
    font-size: var(--tag-font-size);
    margin: 0;
    padding: 0.2rem 0.75rem;
    text-decoration: none;
    transition: all 125ms ease-out;
}
 
#main-content div.page-tags>span>a:is(:hover, :focus) {
    background-color: rgb(var(--tag-background-color-hover));
    color: rgb(var(--tag-color-hover));
}
 
#main-content div.page-tags>span>a[href^="/system:page-tags/tag/_"] {
    display: none;
}
 
#page-options-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 0 0.8rem;
    margin-block: 0.4rem;
}
 
#page-info, div.page-watch-options {
    font-family: var(--mono-font);
    font-size: calc(var(--UI-font-size-primary)* 0.75);;
    width: max-content;
}
 
#page-info {
    margin: 0;
    text-align: left;
}
 
div.page-watch-options a {
    color: rgb(var(--page-watch-options-color));
}
 
div[id*="page-options-bottom"] {
    width: 100%;
    line-height: 1.5;
    text-align: center;
    margin: 0;
    font-size: var(--UI-font-size-primary);
    position: relative;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    row-gap: var(--page-options-padding);
    padding: var(--page-options-padding);
    padding-inline-end: 7.75rem;
    background-color: rgb(var(--page-options-block-background-color));
    box-sizing: border-box;
}
#page-options-bottom-2 {
    padding-top: 0;
}
 
div[id*="page-options-bottom"]>a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0;
    padding: 0.5rem;
    box-sizing: border-box;
    flex-basis: 7.25rem;
    flex-grow: 1;
    font-size: var(--page-options-font-size);
    color: rgb(var(--page-options-color));
    text-decoration: none;
    border-bottom: solid 0.05rem rgba(var(--page-options-background-color));
    transition: all 125ms ease-out;
}
 
a#more-options-button,
a#delete-button {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    inset-block-start: var(--page-options-padding);
    inset-inline-end: var(--page-options-padding);
    width: 6.75rem;
    height: calc(100% - var(--page-options-padding) * 2);
    background-color: rgb(var(--page-options-more-background-color));
    border: none;
}
 
a#delete-button {
    inset-block-start: 0;
    background-color: rgba(var(--page-options-delete-background-color), 0.125);
    color: rgb(var(--page-options-delete-color));
    height: calc(100% - var(--page-options-padding));
}
 
div[id*="page-options-bottom"]>a:is(:hover, :focus) {
    font-weight: 700;
    border-color: rgb(var(--page-options-background-color-hover));
    text-decoration: none;
}
 
a#more-options-button:is(:hover, :focus) {
    background-color: rgb(var(--page-options-more-background-color-hover));
    color: rgb(var(--page-options-more-color-hover));
}
 
a#delete-button:is(:hover, :focus) {
    background-color: rgb(var(--page-options-delete-background-color-hover));
    color: rgb(var(--page-options-delete-color-hover));
}
 
@media only screen and (max-width: 32rem) {
    div[id*="page-options-bottom"] {
        padding-inline-end: var(--page-options-padding);
        width: 100%;
    }
 
    a:is(#delete-button, #more-options-button) {
        position: static;
        inset-block-start: initial;
        inset-inline-end: initial;
        width: initial;
        height: initial;
        flex-basis: 100%;
    }
}
 
#action-area:not([style*="none"]),
#history-subarea:not([style*="none"]) {
    display: grid!important;
    width: auto;
    position: relative;
    padding: 0;
    margin: 0.4rem 0 0;
    grid-template-columns: 1fr max-content;
}
 
:where(#history-subarea, #action-area)>* {
    grid-column: 1 / 3;
}
 
:where(#action-area) a.action-area-close {
    grid-column: 2 / 3;
    grid-row-start: 1;
    float: none;
    align-self: center;
    width: max-content;
    background-color: rgb(var(--action-button-background-color));
    border: 0.125rem rgb(var(--action-button-border-color)) solid;
    color: rgb(var(--action-button-color));
    margin: 0;
    padding: 0.25em 0.5em;
    text-decoration: none;
    transition: all 125ms ease-out;
    z-index: 1;
}
 
:where(#action-area) a.action-area-close:is(:hover, :focus) {
    background-color: rgb(var(--action-button-background-color-hover-alt));
    border-color: rgb(var(--action-button-background-color-hover-alt));
    color: rgb(var(--action-button-color-hover));
}
 
#action-area>h1,
#history-subarea>h2 {
    grid-row-start: 1;
    font-size: var(--action-title-font-size);
    text-transform: uppercase;
    display: flex;
    align-items: center;
    color: rgb(var(--action-title-color));
    text-align: center;
    margin: 0.325rem 0;
}
 
#action-area>h1::after,
#action-area>h1::before,
#history-subarea>h2::after,
#history-subarea>h2::before {
    content: "";
    display: block;
    background-color: rgb(var(--action-title-border-color));
    height: 0.1rem;
    min-width: 2.5ch;
    flex-grow: 1;
}
 
#action-area>h1::before,
#history-subarea>h2::before {
    margin-right: 0.325rem;
}
 
#action-area>h1::after,
#history-subarea>h2::after {
    margin-left: 0.325rem;
}
 
#action-area p {
    text-align: center;
    font-size: var(--action-font-size);
}
 
#action-area div.buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}
 
#action-area div.buttons>* {
    flex-basis: 15rem;
    flex-grow: 1;
    flex-shrink: 1;
    /* margin: 0;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    background-color: rgb(var(--action-button-background-color));
    border: 0.125rem rgb(var(--action-button-border-color)) solid;
    color: rgb(var(--action-button-color));
    transition: all 125ms ease;
    padding: 0.5em; */
}
 
#action-area div.buttons>*:is(:hover, :focus) {
    background-color: rgb(var(--action-button-background-color-hover));
    border-color: rgb(var(--action-button-background-color-hover));
    color: rgb(var(--action-button-color-hover));
}
 
#action-area table.form>tbody {
    display: contents;
}
 
/* ------ */
 
#edit-page-form {
    max-width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-areas: "title title" "toolbar toolbar" "txt txt" "help size" "bottom bottom" "hdn hdn" "button button" "notify notify"; 
    grid-template-columns: 1fr auto;
    column-gap: 0.5rem;
}
 
#edit-page-form table.form {
    grid-area: title;
}
 
#edit-page-form #wd-editor-toolbar-panel {
    grid-area: toolbar;
}
 
#edit-page-form>div:nth-of-type(2) {
    grid-area: txt;
}
 
#edit-page-form div.change-textarea-size {
    grid-area: size;
}
 
#edit-page-form div.edit-help-34 {
 
    grid-area: help;
}
#edit-page-form table.edit-page-bottomtable {
    grid-area: bottom;
}
 
#edit-page-form #edit-page-captcha {
    grid-area: hdn;
}
 
#edit-page-form div.buttons.alignleft {
    grid-area: button;
    margin-block: 0.75rem 0;
    padding: 0;
}
 
#edit-page-form div.checkbox.do-not-notify {
    grid-area: notify;
}
 
#edit-page-form table.form {
    margin: 0 !important;
    width: 100%;
}
 
#edit-page-form table.form td {
    display: block;
    flex-grow: 1;
    font-weight: 700;
    padding: 0;
    margin: 0;
}
 
#edit-page-form table.form td:first-of-type {
    font-size: calc(var(--UI-font-size-primary) * 0.925);;
    color: rgb(var(--text-dark-color));
}
 
#edit-page-form table.form td:nth-of-type(2) {
    flex-grow: 99;
}
 
#edit-page-form table.form td:first-of-type::after {
    content: "";
    display: block;
    height: .25rem;
    width: 0;
    background-color: rgb(var(--UI-deep-blue));
    order: 1;
    transition: width 175ms ease-out;
}
 
#edit-page-form table.form:focus-within td:first-of-type::after {
    width: 100%;
}
 
#edit-page-title {
    width: 100%;
    padding: 0.45ch;
    box-sizing: border-box;
    margin: 0;
    border: none;
    font-family: var(--UI-font-primary);
    background-color: rgb(var(--general-background-color));
}
 
#edit-page-title:focus-visible {
    outline: 0;
}
 
div.wd-editor-toolbar-panel {
    --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")
}
 
#np-editor-panel,
#wd-editor-toolbar-panel {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--edit-area-toolbar-icon-size) / 4);
    background-color: rgb(var(--edit-area-toolbar-background-color));
    border: solid 0.1rem rgb(var(--general-border-color));
    border-bottom: 0;
    padding: 0.5rem;
    margin-top: 0.5rem;
}
 
: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;
    line-height: 1;
}
 
div.wd-editor-toolbar-panel li.hseparator {
    display: none;
}
 
div.wd-editor-toolbar-panel ul li a, .wd-editor-toolbar-panel ul li a:hover {
    background-image: none;
}
 
div.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;
    flex-direction: column;
    border: none;
    border-inline-start: solid calc(var(--edit-area-toolbar-icon-size) / 8) rgb(var(--UI-deep-grey));
    background-color: rgb(var(--edit-area-toolbar-background-color));
    left: 0;
    inset-block-start: 100%;
    inset-inline-start: 0;
    clip-path: inset(0 0 100% 0);
    pointer-events: none;
    transition: clip-path 175ms 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;
}
 
div.wd-editor-toolbar-panel ul li ul li a {
    height: calc(var(--edit-area-toolbar-icon-size) * 7 / 8);
    width: calc(var(--edit-area-toolbar-icon-size) * 7 / 8);
}
 
div.wd-editor-toolbar-panel ul li a:focus {
    outline: 0;
}
 
div.wd-editor-toolbar-panel ul li a::after, div.wd-editor-toolbar-panel ul li a::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
}
 
div.wd-editor-toolbar-panel ul li a::after {
    background-color: rgb(var(--body-dark-background-color));
    -webkit-mask-image: var(--edit-area-toolbar-icon-mask);
    mask-image: var(--edit-area-toolbar-icon-mask);
    -webkit-mask-size: 80%;
    mask-size: 80%;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transition: background-color 95ms ease-out 15ms;
}
 
div.wd-editor-toolbar-panel ul li a::before {
    background-color: rgb(var(--UI-deep-blue));
    width: 0;
    transition: all 95ms ease-out 15ms;
}
 
div.wd-editor-toolbar-panel ul li a:is(:hover,:focus)::before {
    width: 100%;
}
 
div.wd-editor-toolbar-panel div>ul>li.sfhover>a:not(:hover,:focus)::before,
div.wd-editor-toolbar-panel div>ul>li:focus-within>a:not(:hover,:focus)::before {
    width: 100%;
    background-color: rgb(var(--UI-deep-blue));
}
 
div.wd-editor-toolbar-panel div>ul>li.sfhover>a:not(:hover,:focus)::after,
div.wd-editor-toolbar-panel div>ul>li:focus-within>a:not(:hover,:focus)::after,
div.wd-editor-toolbar-panel ul li a:is(:hover,:focus)::after {
    background-color: rgb(var(--text-light-color));
}
 
div.wd-editor-toolbar-panel a.weditor-h1::after {
    --edit-area-toolbar-icon-mask: var(--h1-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-h2::after {
    --edit-area-toolbar-icon-mask: var(--h2-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-h3::after {
    --edit-area-toolbar-icon-mask: var(--h3-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-h4::after {
    --edit-area-toolbar-icon-mask: var(--h4-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-h5::after {
    --edit-area-toolbar-icon-mask: var(--h5-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-h6::after {
    --edit-area-toolbar-icon-mask: var(--h6-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-bold::after {
    --edit-area-toolbar-icon-mask: var(--bold-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-italic::after {
    --edit-area-toolbar-icon-mask: var(--italic-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-underline::after {
    --edit-area-toolbar-icon-mask: var(--underline-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-strikethrough::after {
    --edit-area-toolbar-icon-mask: var(--strikethrough-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-teletype::after {
    --edit-area-toolbar-icon-mask: var(--teletype-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-quote::after {
    --edit-area-toolbar-icon-mask: var(--quote-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-superscript::after {
    --edit-area-toolbar-icon-mask: var(--superscript-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-subscript::after {
    --edit-area-toolbar-icon-mask: var(--subscript-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-raw::after {
    --edit-area-toolbar-icon-mask: var(--rawtext-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-hr::after {
    --edit-area-toolbar-icon-mask: var(--hr-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-div::after {
    --edit-area-toolbar-icon-mask: var(--divblock-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-clearfloat::after {
    --edit-area-toolbar-icon-mask: var(--clearfloat-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-clearfloatleft::after {
    --edit-area-toolbar-icon-mask: var(--clearfloatleft-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-clearfloatright::after {
    --edit-area-toolbar-icon-mask: var(--clearfloatright-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-table::after {
    --edit-area-toolbar-icon-mask: var(--table-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-toc::after {
    --edit-area-toolbar-icon-mask: var(--toc-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-code::after {
    --edit-area-toolbar-icon-mask: var(--codeblock-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-codewiz::after {
    --edit-area-toolbar-icon-mask: var(--codewiz-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-uri::after {
    --edit-area-toolbar-icon-mask: var(--url-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-uriwiz::after {
    --edit-area-toolbar-icon-mask: var(--urlwiz-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-pagelink::after {
    --edit-area-toolbar-icon-mask: var(--pagelink-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-pagelinkwiz::after {
    --edit-area-toolbar-icon-mask: var(--pagelinkwiz-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-image::after {
    --edit-area-toolbar-icon-mask: var(--imageblock-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-imagewiz::after {
    --edit-area-toolbar-icon-mask: var(--imagewiz-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-html::after {
    --edit-area-toolbar-icon-mask: var(--htmlblock-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-numlist::after {
    --edit-area-toolbar-icon-mask: var(--ordered-list-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-bullist::after {
    --edit-area-toolbar-icon-mask: var(--unordered-list-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-incindent::after {
    --edit-area-toolbar-icon-mask: var(--inc-list-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-decindent::after {
    --edit-area-toolbar-icon-mask: var(--dec-list-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-deflist::after {
    --edit-area-toolbar-icon-mask: var(--def-list-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-footnote::after {
    --edit-area-toolbar-icon-mask: var(--footnote-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-math::after {
    --edit-area-toolbar-icon-mask: var(--math-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-mathinline::after {
    --edit-area-toolbar-icon-mask: var(--inline-math-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-eqref::after {
    --edit-area-toolbar-icon-mask: var(--eq-def-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-bib::after {
    --edit-area-toolbar-icon-mask: var(--bib-mask);
}
 
div.wd-editor-toolbar-panel a.weditor-bibcite::after {
    --edit-area-toolbar-icon-mask: var(--bib-cite-mask);
}
 
form:is(#edit-page-form,#new-post-form)>div:nth-of-type(2) {
    min-width: 100%;
}
 
#edit-page-form :is(#edit-page-textarea, #np-text) {
    font-family: var(--mono-font);
    margin: auto;
    max-width: 100%;
    min-width: 100%;
    min-height: 47.5vh;
    box-sizing: border-box;
    border-color: rgb(var(--general-border-color));
    transition: border-color 175ms ease-in-out;
}
 
#edit-page-form :is(#edit-page-textarea, #np-text):focus-visible {
    outline: 0;
    border-color: rgb(var(--UI-deep-red));
}
 
#edit-page-form div.edit-help-34 {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 0.425rem;
    font-size: 0;
    margin: 0;
}
 
#edit-page-form div.edit-help-34 a {
    font-size: calc(var(--UI-font-size-primary)*0.875);
    order: -1;
}
 
#edit-page-form>div:not([class]):focus-within~div.edit-help-34 {
    pointer-events: none;
}
 
#edit-page-form div.change-textarea-size {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.1rem;
    background-color: rgb(var(--general-border-color));
    padding: 0 0.1rem 0.1rem;
    float: initial;
    text-align: initial;
}
 
#edit-page-form div.change-textarea-size>a {
    display: block;
    position: relative;
    width: 5rem;
    height: 1.6rem;
    padding: 0;
    font-size: 0;
    background-color: rgb(var(--general-background-color));
    border: none;
    outline: rgb(var(--action-button-background-color-hover)) solid 0;
    transition: background-color 95ms linear, outline-width 95ms linear;
}
 
#edit-page-form div.change-textarea-size>a:is(:hover, :focus) {
    background-color: rgb(var(--action-button-background-color-hover));
    outline-width: 0.1rem;
}
 
#edit-page-form div.change-textarea-size>a::before {
    content: "";
    display: block;
    background-color: rgb(var(--text-dark-color));
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-mask-size: 8.25%;
    mask-size: 8%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    transition: background-color 95ms linear;
}
 
#edit-page-form div.change-textarea-size>a:first-of-type::before {
    -webkit-mask-image: var(--rate-dv-mask);
    mask-image: var(--rate-dv-mask);
}
 
#edit-page-form div.change-textarea-size>a:last-of-type::before {
    -webkit-mask-image: var(--rate-uv-mask);
    mask-image: var(--rate-uv-mask);
}
 
#edit-page-form div.change-textarea-size>a:is(:hover, :focus)::before {
    background-color: rgb(var(--action-button-color-hover));
}
 
#edit-page-form div.edit-help-34 {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 0.425rem;
    font-size: 0;
    margin: 0;
}
 
#edit-page-form div.edit-help-34 a {
    font-size: calc(var(--UI-font-size-primary)*0.875);
    order: -1;
}
 
#edit-page-form>div:not([class]):focus-within~div.edit-help-34 {
    pointer-events: none;
}
 
#edit-page-form table.edit-page-bottomtable {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 0.75rem 0 0;
    padding: 0 !important;
}
 
#edit-page-form table.edit-page-bottomtable :is(tbody, tr) {
    display: contents;
}
 
#edit-page-form table.edit-page-bottomtable td {
    display: block;
    flex-basis: calc(var(--main-content-width)/3);
    flex-grow: 1;
    padding: 0 !important;
    position: relative;
    box-sizing: border-box;
}
 
#edit-page-form table.edit-page-bottomtable tr td:first-of-type>div:nth-of-type(1) {
    display: flex;
    flex-direction: column;
    height: 100%;
    font-size: calc(var(--UI-font-size-primary)*0.925);
    font-weight: 700;
    position: relative;
    transition: color 175ms ease-out;
}
 
#edit-page-form table.edit-page-bottomtable tr td:first-of-type>div:nth-of-type(1)::before {
    content: "";
    display: block;
    background-color: rgb(var(--UI-deep-blue));
    width: 0;
    height: 0.2rem;
    order: 1;
    transition: width 175ms ease-out;
}
 
#edit-page-form table.edit-page-bottomtable tr td:first-of-type:focus-within>div:nth-of-type(1)::before {
    width: 100%;
}
 
#edit-page-form #edit-page-comments {
    width: 100% !important;
    min-height: calc(var(--UI-font-size-primary) * 7.5);
    padding: 1ch 0.875ch;
    box-sizing: border-box;
    font-weight: initial;
    background-color: rgb(var(--general-background-color));
    border: none;
    flex-grow: 1;
    order: 2;
}
 
#edit-page-comments:focus-visible {
    outline: 0;
}
 
#edit-page-form table.edit-page-bottomtable tr td>div.sub {
    position: absolute;
    inset-block-end: 0.125ch;
    inset-inline-end: 1.25ch;
}
 
#edit-page-form table.edit-page-bottomtable tr td:last-of-type {
    display: flex;
    align-items: end;
}
 
#edit-page-form table.edit-page-bottomtable #lock-info {
    flex-grow: 1;
    margin: 0;
    padding: calc(var(--UI-font-size-primary)*1.5);
    background-color: rgb(var(--general-background-color));
    border: none;
    color: rgb(var(--text-dark-color));
    /* font-size: calc(var(--UI-font-size-primary)*1.125); */
    text-align: center;
}
 
#edit-page-form div.checkbox.do-not-notify {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.325rem;
    margin-block: 0.75rem 0;
}
 
#edit-page-form div.checkbox.do-not-notify label {
    display: contents;
}
 
#edit-page-form>div.buttons.alignleft>input[type="button"] {
    font-size: var(--UI-font-size-primary);
    padding: 1ch;
}
 
/* ------ */
 
#action-area div[style*="text-align: center"] {
    display: flex;
    align-items: center;
    justify-content: center;
}
 
#action-area div[style*="text-align: center"]>div.page-rate-widget-box {
    margin: 0;
}
 
#action-area div[style="text-align: center"]+p {
    display: flex;
    justify-content: flex-end;
}
 
#action-area :is(p>a[onclick*="PageRateModule"], div>a#show-upload-button) {
    align-self: center;
    width: max-content;
    background-color: rgb(var(--action-button-background-color));
    border: 0.125rem rgb(var(--action-button-border-color)) solid;
    color: rgb(var(--action-button-color));
    font-size: var(--UI-font-size-primary);
    padding: 0.25em 0.5em;
    text-decoration: none;
    transition: all 125ms ease-out;
}
 
#action-area :is(p>a[onclick*="PageRateModule"], div>a#show-upload-button):is(:hover, :focus)  {
    background-color: rgb(var(--action-button-background-color-hover));
    border-color: rgb(var(--action-button-background-color-hover));
    color: rgb(var(--action-button-color-hover));
}
 
#action-area #who-rated-page-area>div[style*="-moz-column-count"] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(12.5rem, 1fr) 1.75rem);
}
 
#action-area #who-rated-page-area>div br {
    display: none;
}
 
#action-area #who-rated-page-area>div span:nth-of-type(odd) {
    display: inline-flex;
    align-items: center;
    border-left: solid 0.1rem rgb(var(--general-border-color));
    position: relative;
    font-family: var(--sans-serif-font);
    padding-block: 0.125rem;
    padding-inline-start: 0.75rem;
    transition: background-color 125ms ease-out;
}
 
#action-area #who-rated-page-area>div span:nth-of-type(odd):is(:hover, :focus-within),
#action-area #who-rated-page-area>div span:nth-of-type(odd):is(:hover, :focus-within)+span[style*=color] {
    background-color: rgba(var(--UI-deep-blue), 0.2);
}
 
#action-area #who-rated-page-area>div span:nth-of-type(odd)::after {
    content: "";
    display: block;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 100%;
    width: 1.75rem;
    height: 100%;
}
 
#action-area #who-rated-page-area>div[style*="-moz-column-count"]>span[style*="color"] {
    display: grid;
    place-items: center;
    text-align: center;
    transition: background-color 125ms ease-out;
}
 
#action-area>ul[style="list-style: none"] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(15rem, 100%), 1fr));
 
    padding: 0;
}
#action-area>ul[style="list-style: none"]>li {
    border-inline-start: solid 0.1rem rgb(var(--general-border-color));
    padding-block: 0.125rem;
    padding-inline-start: 0.75rem;
    transition: background-color 125ms ease-out;
}
 
#action-area>ul[style="list-style: none"]>li:is(:hover, :focus-within) {
    background-color: rgba(var(--UI-deep-blue), 0.2);
}
 
form[onsubmit*="PageTagsModule"]>table.form {
    border-spacing: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
 
form[onsubmit*="PageTagsModule"]>table.form :is(tbody, td) {
    display: contents;
}
 
form[onsubmit*="PageTagsModule"]>table.form tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
 
form[onsubmit*="PageTagsModule"]>table.form td:nth-of-type(1) {
    font-size: var(--action-font-size);
    padding: 0;
    width: fit-content;
}
 
form[onsubmit*="PageTagsModule"]>table.form td>input {
    background-color: rgb(var(--general-background-color));
    border: none;
    box-sizing: border-box;
    padding: 0.25rem 0.5rem;
    margin: 0;
    max-width: 100%;
    width: 100%;
    transition: all 125ms ease-out;
    order: 1;
    flex-basis: 100%;
}
 
form[onsubmit*="PageTagsModule"]>table.form td>input:is(:hover, :focus-visible) {
    outline: 0.125rem rgb(var(--link-any-color)) solid;
}
 
form[onsubmit*="PageTagsModule"]>table.form td>div.sub {
    display: flex;
    align-items: center;
}
 
#history-form-1 {
    display: grid;
    grid-template-columns: 1fr 11.25em;
    grid-template-rows: auto auto auto;
    column-gap: 1.25rem;
}
 
#revision-list {
    grid-column: 1 / 3;
}
 
#history-form-1>table.form,#history-form-1>table.form>tbody {
    display: contents
}
 
#history-form-1>table.form>tbody>tr:first-child {
    display: flex;
    flex-direction: column;
    grid-row: span 2
}
#history-form-1>table.form>tbody>tr:first-child::before {
    content: "";
    display: block;
    width: 100%;
    height: 0.25rem;
    background-color: rgb(var(--UI-deep-grey));
}
 
#history-form-1>table.form>tbody>tr:first-child>td:first-child {
    display: block;
    width: max-content;
    padding: 0.5ch 0.75ch 0;
    font-size: var(--action-font-size);
    background-color: rgb(var(--UI-deep-grey));
    color: rgb(var(--UI-light-color-primary));
    font-family: var(--UI-font-primary);
    text-transform: uppercase;
    order: -1;
}
 
#history-form-1>table.form>tbody>tr:first-child>td:nth-child(2) {
    display: grid;
    grid-template-columns: repeat(auto-fill,1.25em minmax(8rem,1fr));
    grid-auto-rows: auto;
    text-indent: -0.5ex;
    gap: 0.325em 0.375em;
    align-items: center;
    margin: 0.375em 0;
}
 
#history-form-1>table.form>tbody>tr:first-child>td:nth-child(2) input.checkbox {
    display: inline-block;
    margin: 0 0 0 auto;
}
 
#history-form-1>table.form>tbody>tr:nth-child(2) {
    display: flex;
    flex-direction: column;
}
 
#history-form-1>table.form>tbody>tr:nth-child(2)>td {
    position: relative;
    padding: 0;
    font-family: var(--UI-font-primary);
}
 
#history-form-1>table.form>tbody>tr:nth-child(2)>td:first-child {
    text-align: center;
    font-size: var(--action-font-size);
    padding-block: 0.5ch 0.125ch;
    position: relative;
    text-transform: uppercase;
    transition: color 125ms ease-out;
}
 
#history-form-1>table.form>tbody>tr:nth-child(2)>td:first-child::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 0;
    background-color: rgb(var(--UI-deep-grey));
    z-index: -1;
    transition: height 125ms ease-out;
}
 
#history-form-1>table.form>tbody>tr:nth-child(2):focus-within>td:first-child {
    color: rgb(var(--UI-light-color-primary));
}
 
#history-form-1>table.form>tbody>tr:nth-child(2):focus-within>td:first-child::before {
    height: 100%;
}
 
#h-perpage {
    appearance: none;
    width: 100%;
    border: solid 0.125em rgba(var(--UI-deep-grey), 0.15);
    outline: solid 0 rgb(var(--UI-deep-grey));
}
 
#h-perpage:focus {
    border-color: rgb(var(--UI-deep-grey));
    outline-width: 0;
}
 
#history-form-1>table.form>tbody>tr:nth-child(2)>td:nth-child(2)::after,
#history-form-1>table.form>tbody>tr:nth-child(2)>td:nth-child(2)::before {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.625em;
    height: 100%;
    background-color: rgb(var(--UI-deep-grey));
    pointer-events: none;
    z-index: 1;
    transition: all 125ms ease-out;
}
 
#history-form-1>table.form>tbody>tr:nth-child(2)>td:nth-child(2)::before {
    height: 0;
}
 
#history-form-1>table.form>tbody>tr:nth-child(2)>td:nth-child(2)::after {
    clip-path: polygon(25% 40%, 75% 40%, 50% 70%);
}
 
#history-form-1>table.form>tbody>tr:nth-child(2)>td:nth-child(2):focus-within::before {
    height: 100%;
}
 
#history-form-1>table.form>tbody>tr:nth-child(2)>td:nth-child(2):focus-within::after {
    background-color: rgb(var(--UI-light-color-primary));
}
 
#history-form-1>div.buttons {
    padding: 0;
    margin: 0.5rem 0;
    justify-content: center;
    align-items: center;
    height: min-content;
    align-self: center;
}
 
#history-form-1>div.buttons>input {
    cursor: pointer;
    flex-grow: 1;
    flex-basis: min(12em,47.5vw);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.125em;
}
 
#main-content div.pager {
    display: grid;
    position: relative;
    grid-template-areas:
        "pgno pgno pgno pgno pgno pgno pgno pgno pgno pgno pgno"
        "prv . . . . . . . . . nxt"
        "prv . . . . . . . . . nxt";
    grid-template-columns: 7.75em 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 7.75em;
    grid-template-rows: 1.6rem auto;
    margin: 0;
    z-index: 0;
}
 
#main-content div.list-pages-box div.pager {
    margin-block: 0.5em;
}
 
#main-content div.pager>* {
    display: flex;
    text-align: center;
    flex-grow: 1;
    height: 1.875em;
    align-items: center;
    justify-content: center;
}
 
#main-content div.pager .pager-no {
    grid-area: pgno;
    position: static;
    height: auto;
    width: max-content;
    padding: 0 0.75ch;
    box-sizing: border-box;
    background-color: rgb(var(--UI-deep-grey));
    color: rgb(var(--UI-light-color-primary));
    font-size: var(--action-font-size);
    text-transform: uppercase;
}
 
#main-content div.pager .pager-no::after {
    content: "";
    display: block;
    background-color: inherit;
    position: absolute;
    inset-block-start: calc(1.6rem - 0.25rem);
    left: 0;
    width: 100%;
    height: 0.25rem;
}
 
#main-content div.pager>span.current {
    background-color: rgb(var(--UI-deep-grey));
    color: rgb(var(--UI-light-color-primary));
    font-weight: 700;
    border: none;
    margin: 0;
    padding: 0;
}
 
#main-content div.pager span.target {
    display: contents;
}
 
#main-content div.pager>span.target>a {
    display: flex;
    height: 100%;
    width: 100%;
    min-height: 1.875em;
    align-items: center;
    justify-content: center;
    position: relative;
    text-decoration: none;
    border: none;
    color: rgb(var(--UI-deep-red));
    margin: 0;
    padding: 0;
    transition: color 0.1s ease-out;
}
 
#main-content div.pager span>a::before {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    display: block;
    width: 100%;
    height: 0;
    background-color: rgb(var(--UI-deep-red));
    z-index: -1;
    transition: height 125ms ease-out;
}
 
#main-content div.pager span>a:is(:hover, :focus) {
    color: rgb(var(--UI-light-color-primary));
}
 
#main-content div.pager span>a:is(:hover, :focus)::before {
    height: 100%;
}
 
#main-content div.pager>span.target:nth-child(2)>a {
    grid-area: prv;
}
 
#main-content div.pager>span.target:last-child>a {
    grid-area: nxt;
}
 
#main-content div.pager>span.target:is(:nth-child(2), :last-child)>a {
    font-weight: 700;
    min-width: max-content;
    padding: 0 1ch;
    margin: 0;
    box-sizing: border-box;
}
 
#main-content div.pager>span.target:is(:nth-child(2), :last-child)>a::before {
    height: 100%;
    width: 0;
    transition: width 125ms ease-out;
}
 
#main-content div.pager>span.target:last-child>a::before {
    inset-inline-end: 0;
    inset-inline-start: unset;
}
 
#main-content div.pager>span.target:is(:nth-child(2), :last-child)>a:is(:hover, :focus)::before {
    width: 100%;
}
 
#main-content div.pager::after,
#main-content div.pager::before {
    grid-area: nxt;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(var(--UI-font-color-primary));
    opacity: 0.375;
    font-weight: 700;
    z-index: -1;
    cursor: not-allowed;
}
 
#main-content div.pager::before {
    content: "« previous";
    grid-area: prv;
}
 
#main-content div.pager::after {
    content: "next »"; 
    grid-area: nxt;
}
 
#revision-list table.page-history {
    display: block;
    width: 100%;
    font-size: var(--action-font-size);
    margin: 0;
}
 
#revision-list table.page-history tbody {
    display: contents;
}
 
#revision-list table.page-history td.optionstd a {
    text-decoration: none;
    display: flex;
    padding: 0;
    font-size: calc(var(--UI-font-size-primary)* 0.925);
    justify-content: center;
    align-items: center;
    border: solid 0.1em rgb(var(--action-button-border-color));
    color: rgb(var(--action-button-color));
    background-color: rgb(var(--action-button-background-color));
    outline: rgb(var(--button-outline-color)) solid 0;
    transition: all 125ms linear;
}
 
#revision-list table.page-history td.optionstd a:is(:hover, :focus) {
    color: rgb(var(--action-button-color-hover));
    background-color: rgb(var(--action-button-background-color-hover));
}
 
#revision-list table.page-history tr:first-child {
    display: none;
}
 
#revision-list table.page-history tr[id*=revision-row] {
    display: grid;
    align-items: center;
    grid-template-areas:
        "rev flags . date"
        "dv dv dv dv"
        "radio actions by comment";
    grid-template-columns: 5.5ch 8.25em 1.5fr 5fr;
    padding: 0.25rem 0.375rem;
    box-sizing: border-box;
    border-top: solid 0.075rem rgb(var(--action-title-border-color));
    transition: background-color 175ms ease-out
}
 
#revision-list table.page-history tr[id*=revision-row]:is(:hover, :focus-within) {
    background-color: rgb(var(--UI-deep-blue), 0.0625);
}
 
#revision-list table.page-history tr[id*=revision-row]::before {
    grid-area: dv;
    content: "";
    display: block;
    height: 0.15rem;
    width: 0;
    background: rgb(var(--UI-deep-grey));
    transition: width 250ms ease-out;
    transition-delay: 0s;
}
 
#revision-list table.page-history tr[id*=revision-row]:is(:hover, :focus-within)::before {
    width: 100%;
    transition-delay: 0.1s;
}
 
#revision-list table.page-history tr[id*=revision-row] td {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 100%;
    width: unset!important;
}
 
#revision-list table.page-history tr[id*=revision-row] td:first-child {
    grid-area: rev;
    font-family: var(--mono-font);
    font-size: 0.925em;
    padding: 0;
    text-align: center;
    position: relative;
    z-index: 0;
    transition: color 125ms ease-out;
}
 
#revision-list table.page-history tr[id*=revision-row] td:first-child::before {
    content: "";
    display: block;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    height: 100%;
    width: 0;
    background-color: rgb(var(--UI-deep-grey));
    transition: width 75ms ease-out;
    transition-delay: 0s;
    z-index: -1;
}
 
#revision-list table.page-history tr[id*=revision-row]:is(:hover, :focus-within) td:first-child {
    color: rgb(var(--UI-light-color-primary));
    transition-delay: 125ms;
}
 
#revision-list table.page-history tr[id*=revision-row]:is(:hover, :focus-within) td:first-child::before {
    width: 100%;
    transition-delay: 125ms;
}
 
#revision-list table.page-history tr[id*=revision-row] td:nth-child(2) {
    grid-area: radio;
    gap: 0.125rem;
}
#revision-list table.page-history tr[id*=revision-row] td:nth-child(3) {
    grid-area: flags;
    align-items: stretch;
    justify-content: start;
    padding: 0;
}
 
#revision-list table.page-history tr[id*=revision-row] td:nth-child(3)>span {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-family: var(--mono-font);
    font-weight: 700;
    padding: 0 0.325em;
    color: rgb(var(--UI-dark-color-primary));
    position: relative;
    z-index: 0;
    transition: color 75ms ease-out;
}
 
#revision-list table.page-history tr[id*=revision-row]:is(:hover, :focus-within) td:nth-child(3)>span {
    color: rgb(var(--UI-light-color-primary));
    transition-delay: 125ms;
}
 
#revision-list table.page-history tr[id*=revision-row] td:nth-child(3)>span::before {
    content: "";
    display: block;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    height: 100%;
    width: 0;
    background: rgb(var(--UI-deep-grey));
    z-index: -1;
    transition: width 75ms ease-out;
}
 
#revision-list table.page-history tr[id*=revision-row]:is(:hover, :focus-within) td:nth-child(3)>span::before {
    width: 100%;
    transition-delay: 125ms;
}
 
#revision-list table.page-history tr[id*=revision-row] td:nth-child(4) {
    grid-area: actions;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.325rem;
    align-items: center;
    text-align: center;
    height: 100%;
}
 
#revision-list table.page-history tr[id*=revision-row] td:nth-child(5) {
    grid-area: by;
    margin: 0.375em 2vw;
}
 
#revision-list table.page-history tr[id*=revision-row] td:nth-child(6) {
    grid-area: date;
    justify-content: end;
    text-align: end;
    font-size: 0.975em;
    font-family: var(--sans-serif-font);
    padding: 0!important;
}
 
#revision-list table.page-history tr[id*=revision-row] td:nth-child(7) {
    grid-area: comment;
    display: block;
    text-align: center;
    font-size: var(--action-font-size)!important;
    padding-top: 0.375em;
}
 
#page-content div.site-changes-box>form>table.form {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    width: 100%
}
 
div.site-changes-box>form>table.form>tbody {
    display: contents;
}
 
div.site-changes-box>form>table.form>tbody>tr {
    display: flex;
    flex-direction: column;
    flex-basis: 14.5em;
    flex-grow: 1;
}
 
div.site-changes-box>form>table.form>tbody>tr:first-child {
    flex-basis: 100%;
}
 
div.site-changes-box>form>table.form td {
    padding: 0;
}
 
div.site-changes-box>form>table.form>tbody>tr>td:first-child {
    order: -1;
    width: max-content;
    padding: 0.5ch 0.75ch 0;
    font-size: var(--action-font-size);
    box-sizing: border-box;
    background-color: rgb(var(--UI-deep-grey));
    color: rgb(var(--UI-light-color-primary));
    text-transform: uppercase;
}
 
div.site-changes-box>form>table.form>tbody>tr::before {
    content: "";
    display: block;
    background-color: rgb(var(--UI-deep-grey));
    width: 100%;
    height: 0.25rem;
}
 
div.site-changes-box>form>table.form>tbody>tr:first-child>td:nth-child(2) {
    display: grid;
    grid-template-columns: repeat(auto-fill, 1.75em minmax(12.75em, 1fr));
    grid-auto-rows: 1.75em;
    gap: 0.175em;
    align-items: center;
    margin: 0.325rem 0;
}
 
div.site-changes-box>form>table.form>tbody>tr:first-child>td:nth-child(2) input[type=checkbox] {
    margin: 0 0 0 auto;
}
 
div.site-changes-box>form>table.form>tbody>tr>td>select {
    width: 100%;
}
 
div.site-changes-box>form>div.buttons>input {
    background-color: rgb(var(--action-button-background-color));
    border: 0.125rem rgb(var(--action-button-border-color)) solid;
    color: rgb(var(--action-button-color));
    transition: all 125ms ease;
    padding: 0.5em;
}
 
div.site-changes-box>form>div.buttons>input:is(:hover, :focus) {
    background-color: rgb(var(--action-button-background-color-hover));
    color: rgb(var(--action-button-color-hover));
}
 
#site-changes-list div.changes-list-item {
    display: grid;
    grid-template-areas: "name flag rev user" "comment flag rev date";
    grid-template-columns: 1fr 3.25em 5.875em 10em;
    gap: 0.25em;
    padding: 0.25rem 0.375rem;
    align-items: center;
    font-size: 0.95em;
    border-top: solid 0.075rem rgb(var(--UI-deep-grey), 0.15);
    transition: background-color 175ms ease-out;
}
 
#site-changes-list div.changes-list-item:is(:hover, :focus-within) {
    background-color: rgb(var(--UI-deep-blue), 0.0625);
}
 
#site-changes-list div.changes-list-item>table,
#site-changes-list div.changes-list-item>table>tbody,
#site-changes-list div.changes-list-item>table>tbody>tr {
    display: contents;
}
 
#site-changes-list div.changes-list-item>table>tbody>tr>td {
    display: block;
    width: 100%;
    padding: 0;
    border: none;
    background-color: transparent;
}
 
#site-changes-list div.changes-list-item>table>tbody>tr>td.title {
    grid-area: name;
}
 
#site-changes-list div.changes-list-item>table>tbody>tr>td.flags {
    grid-area: flag;
}
 
#site-changes-list div.changes-list-item>table>tbody>tr>td.flags>.spantip {
    text-decoration: none;
    color: rgb(var(--UI-dark-color-primary));
    font-weight: 700;
}
 
#site-changes-list div.changes-list-item>table>tbody>tr>td.revision-no {
    grid-area: rev;
    font-family: var(--sans-serif-font);
}
 
#site-changes-list div.changes-list-item>table>tbody>tr>td.mod-by {
    grid-area: user;
    text-align: center;
}
 
#site-changes-list div.changes-list-item>table>tbody>tr>td.mod-date {
    grid-area: date;
    font-size: 0.875em;
    font-family: var(--sans-serif-font);
}
 
#site-changes-list div.changes-list-item>div.comments {
    grid-area: comment;
    margin: 0;
    color: rgb(var(--UI-dark-color-primary));
    text-align: center;
}
 
@media only screen and (max-width: 580px) {
    #action-area div.buttons>* {
        flex-basis: 8rem;
    }
 
    #history-form-1 {
        display: block;
    }
 
    #main-content div.pager {
        grid-template-areas:
            "pgno pgno pgno pgno pgno pgno pgno"
            "prv . . . . . nxt"
            "prv . . . . . nxt";
        grid-template-columns: 2.5em 1fr 1fr 1fr 1fr 1fr 2.5em;
    }
 
    #main-content div.pager>span.target:is(:nth-child(2), :last-child)>a {
        font-size: 0;
    }
 
    #main-content div.pager::after,
    #main-content div.pager::before,
    #main-content div.pager>span.target:is(:nth-child(2), :last-child)>a::after {
        font-size: var(--UI-font-size-primary);
    }
 
    #main-content div.pager::before,
    #main-content div.pager>span.target:nth-child(2)>a::after {
        content: "«";
    }
 
    #main-content div.pager::after,
    #main-content div.pager>span.target:last-child>a::after {
        content: "»";
    }
 
    #revision-list table.page-history tr[id*=revision-row] {
        grid-template-areas: "rev flags date" "dv dv dv" "radio actions by" "comment comment comment";
        grid-template-columns: 5.5ch 1fr 11.75em;
    }
    #site-changes-list div.changes-list-item {
        grid-template-areas: "name name name rev" "comment comment comment comment" "flag user date date";
        grid-template-columns: 3.25em 1fr 4.5em 5.875em;
    }
 
    #site-changes-list div.changes-list-item>table>tbody>tr>td.flags {
        text-align: start;
    }
 
    #site-changes-list div.changes-list-item>table>tbody>tr>td:is(.revision-no,.mod-date) {
        text-align: end;
    }
}
 
/*  */
 
#site-tools-box {
    padding-top: 0 !important;
    grid-row: 1 / 3;
}
#site-tools-box::before {
    content: "";
    display: block;
    background-color: rgb(var(--UI-deep-grey), 0.15);
    height: 0.1rem;
    margin-block: 0.8rem 1.25rem;
}
 
#site-tools-box>div.page-options-bottom {
    height: auto;
    margin: 0;
}
 
#site-tools-box ul.nav {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.4rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
 
#site-tools-box ul>li {
    display: contents;
}
 
#site-tools-box ul a {
    margin: 0;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    color: rgb(var(--UI-dark-color-primary));
    background-color: rgb(var(--general-background-color));
    border: 0.125rem rgba(var(--UI-deep-grey), 0.15) solid;
    transition: all 125ms ease;
    padding: 0.5em;
}
 
#site-tools-box ul a:is(:hover, :focus) {
    background-color: rgb(var(--UI-deep-blue));
    border-color: rgb(var(--UI-deep-grey));
    color: rgb(var(--UI-light-color-primary));
}
#st-action-area {
    display: grid;
    margin-top: 1rem;
}
 
#st-action-area>:is(h1, p) {
    margin: 0 auto 0.4rem auto;
}
 
#st-action-area>* {
    grid-column: 1 / 3;
}
 
#st-action-area>br {
    display: none;
}
 
#st-action-area>a {
    display: inline-flex;
    align-items: center;
    border-left: solid 0.1rem #ddd;
    position: relative;
    font-family: var(--sans-serif-font);
    padding-block: 0.125rem;
    padding-inline: 0.75rem;
    position: relative;
    text-decoration:none;
    transition: all 125ms ease-out;
}
 
#st-action-area>p:has(u)~a {
    grid-column: 1 / 2;
}
 
#st-action-area>p:has(u)~a::after {
    content: "";
    display: block;
    height: 100%;
    width: calc(100% - 1.6rem);
    position: absolute;
    inset-inline-start: 100%;
    transition: all 125ms ease-out;
}
 
#st-action-area>a:is(:hover, :focus),
#st-action-area>a:is(:hover, :focus)::after {
    background-color: rgba(var(--UI-deep-blue), 0.2);
}
 
#st-action-area>a:empty::before {
    content: "无标题";
}
 
#st-action-area>a+span[style] {
    grid-column: 2 / 3;
}
 
#action-area div[style="margin-top:1em; text-align: center; font-size: 120%;"] {
    justify-content: flex-end;
    margin-block: 0.4rem!important;
}
 
#action-area table.page-files {
    width: 100%;
}
 
#action-area table.page-files>:is(thead,tbody) {
    display: contents;
}
 
#action-area table.page-files>:is(thead, tbody)>tr {
    display: grid;
    gap: 0.625em;
    grid-template-columns: 2.5fr 1fr 4.5em 2fr;
    align-items: center;
    padding: 0.475em 0;
    border-bottom: solid 0.1em rgb(var(--general-border-color));
    overflow-wrap: anywhere;
}
 
#action-area table.page-files :is(th, td) {
    text-align: center;
    padding: 0;
    display: block;
    font-size: 0.925em;
}
 
#action-area table.page-files>tbody>tr>td:last-child {
    display: flex;
    justify-content: center;
    gap: 0.475em;
}
 
#action-area table.page-files>tbody>tr>td:last-child>a {
    display: flex;
    justify-content: center;
    flex-grow: 1;
    flex-basis: 3.75em;
    padding: 0.5ch;
    background-color: rgb(var(--general-background-color));
    border: 0.1em rgb(var(--general-border-color)) solid;
    text-decoration: none;
    transition: all 175ms ease-out;
}
 
#action-area table.page-files>tbody>tr>td:last-child>a:is(:hover, :focus) {
    background-color: rgb(var(--action-button-background-color-hover));
    border-color: rgb(var(--action-button-background-color-hover));
    color: rgb(var(--action-button-color-hover));
}
 
#file-action-area p {
    text-align: left;
}
 
#file-upload-form>div {
    display: contents;
}
 
#file-upload-form table.form, #rename-option-rename table.form {
    display: grid;
    grid-template-columns: [start] repeat(auto-fill, minmax(min(calc(var(--main-content-width) / 3), 100%), 1fr)) [end];
    gap: 0.325rem 0.625rem;
    width: 100%;
}
 
:is(#file-upload-form, form[onsubmit*="setParent"], #rename-option-rename) table.form>tbody>tr {
    display: grid;
    align-items: center;
}
 
#file-upload-form table.form>tbody>tr:last-of-type {
    grid-column: start / end;
}
 
:is(#file-upload-form table.form, form[onsubmit*=setParent]>table.form, #rename-option-rename table.form)>tbody>tr>td {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0;
    position: relative;
}
 
:is(#file-upload-form table.form, form[onsubmit*=setParent]>table.form, #rename-option-rename table.form)>tbody>tr>td:first-child {
    font-size: calc(var(--UI-font-size-primary) * 0.925);
    font-weight: bold;
}
 
:is(#file-upload-form table.form, form[onsubmit*=setParent]>table.form, #rename-option-rename table.form) tr td:first-child::before {
    content: "";
    display: block;
    background-color: rgb(var(--UI-deep-blue));
    width: 0;
    height: 0.2rem;
    order: 1;
    transition: width 175ms ease-out;
}
 
#file-upload-form table.form tr:first-child td:first-child::before {
    visibility: hidden;
}
 
:is(#file-upload-form table.form, form[onsubmit*=setParent]>table.form, #rename-option-rename table.form) tr:focus-within td:first-child::before {
    width: 100%;
}
 
:is(#file-upload-form table.form, form[onsubmit*=setParent]>table.form, #rename-option-rename table.form) td:nth-child(2) :not(div,[type=checkbox]) {
    width: 100%;
    background-color: rgb(var(--general-background-color));
    box-sizing: border-box;
    border: none;
    outline: none;
    padding: 0.25rem;
}
 
#file-action-area .text {
    border: none;
    margin: 0;
    padding: 0;
    background-color: rgb(var(--general-background-color));
    color: rgb(var(--UI-dark-color-primary));
    outline: none;
}
 
#file-upload-form #upload-userfile {
    padding: 0;
    height: 2rem;
}
 
#upload-userfile::file-selector-button {
    height: 2rem;
    margin-inline-end: 0.575em;
    font-family: var(--UI-font-primary);
    color: rgb(var(--UI-deep-blue));
    background-color: rgb(var(--general-background-color));
    border: solid 0.125rem rgb(var(--action-button-border-color));
    font-weight: bold;
    transition: all 125ms ease-out;
}
 
#file-upload-form table.form tr:first-child:is(:hover,:focus-within) #upload-userfile::file-selector-button {
    background-color: rgb(var(--UI-deep-blue));
    border-color: rgb(var(--UI-deep-blue));
    color: rgb(var(--text-light-color));
}
 
#file-action-area #upload-dfilename {
    padding: 1ch;
    height: 2rem;
}
 
#file-comments {
    min-width: 100%;
    max-width: 100%;
    min-height: calc(var(--UI-font-size-primary) * 7.5);
    border: 0;
    padding: 0.25rem;
    box-sizing: border-box;
}
 
#file-comments:focus-visible {
    outline: none;
}
 
#file-comments+div.sub {
    position: absolute;
    inset-block-end: 0.125ch;
    inset-inline-end: 1.25ch;
}
 
#upload-dfilename+div.sub {
    display: none;
}
 
form[onsubmit*=setParent]>table.form {
    display: flex;
    flex-direction: column;
}
 
form[onsubmit*=setParent] div.autocomplete-container.yui-ac {
    width: auto !important;
}
 
#action-area div.page-source {
    border: none;
    font-family: var(--mono-font, sans-serif);
    font-size: calc(var(--UI-font-size-primary) * 0.9);
    line-break: anywhere;
    padding: calc(var(--UI-font-size-primary) * 0.5) 0;
}
 
#action-area div.inline-diff.page-source {
    border-left: 0.125rem rgba(var(--UI-deep-grey), 0.1) solid;
    padding-inline-start: var(--UI-font-size-primary);
}
 
#footer {
    display: grid !important;
    align-items: center;
    grid-template-columns: 1fr max-content max-content;
    background-color: rgb(var(--footer-background-color));
    color: rgb(var(--footer-color));
    font-size: var(--footer-font-size);
    margin: 0;
    padding: 0.25rem 1rem;
}
 
#footer a {
    color: rgb(var(--footer-color));
    margin-left: 0.325rem;
}
 
#footer div.options {
    display: flex!important;
    gap: 0.325rem;
    flex-wrap: wrap;
    font-size: 0;
    border-right: 0.1rem rgb(var(--footer-border-color)) solid;
    margin-right: 0.625rem;
    width: unset;
}
 
#footer div.options a {
    font-size: var(--footer-font-size);
    margin: 0;
}
 
#license-area {
    background-color: rgb(var(--license-area-background-color));
    color: rgb(var(--license-area-color));
    padding: 1ch;
}
 
#license-area a {
    color: rgb(var(--license-area-color));
}
 
div.hovertip {
    display: block!important;
    border-radius: 0;
    box-shadow: 0 0 0.25em rgba(var(--hovertip-shadow-color), 0.3);
    box-sizing: border-box;
    background-color: rgb(var(--hovertip-background-color))!important;
    border: none!important;
    color: rgba(var(--hovertip-color));
    padding: 1em;
    max-width: 24rem;
    width: calc(100vw - var(--main-content-side-margin) * 2) !important;
    position: fixed!important;
    top: initial!important;
    left: initial!important;
    bottom: 1.6rem;
    right: -30rem;
    transition: right 450ms cubic-bezier(1, 0, 0, 1);
    transition-delay: 500ms;
    z-index: 29;
}
 
div.hovertip:not(:has([class*="-heading"])) {
    max-width: max-content;
    border-bottom: rgb(var(--hovertip-border-color)) 0.2rem solid!important;
}
 
div.hovertip::before {
    content: "";
    display: block;
    background-color: rgb(var(--hovertip-border-color));
    height: 0.2rem;
    width: 100%;
    position: absolute;
    left: 0;
    top: calc(0.8rem * -0.125);
}
 
div.hovertip:not(:has([class*="-heading"]))::before {
    display: none;
}
 
div.hovertip:is(:hover, :focus-within, [style*="block"]) {
    z-index: 30;
    right: 1.6rem;
    transition-delay: 0s;
}
 
div.hovertip div.content {
    padding: 0;
}
 
div.hovertip div.content:not(:has(div[class*="-content"])) {
    line-height: normal;
}
 
div.hovertip div[class*="-heading"] {
    background-color: rgb(var(--hovertip-head-background-color));
    color: rgb(var(--hovertip-head-color));
    font-family: var(--hovertip-head-font, sans-serif);
    font-size: var(--hovertip-head-font-size);
    line-height: 1.2rem;
    height: 1.2rem;
    inset-block-start: -1.2rem;
    inset-inline-start: 0;
    margin-block-end: -0.8rem;
    padding: 0 0.5em;
    position: absolute;
    width: max-content;
    z-index: -1;
}
 
div.hovertip div[class*="-content"] {
    margin: 0;
    font-size: var(--hovertip-content-font-size);
}
 
div.hovertip div[class*="-footer"] {
    display: none;
}
 
#avatar-hover-container {
    display: none!important;
}
 
div.odialog-shader,
iframe.odialog-shader-iframe {
    display: none;
}
 
#odialog-container[style*="block"] {
    display: flex!important;
    justify-content: center;
    align-items: center;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgb(var(--UI-deep-grey-alt), 0.75);
    -webkit-backdrop-filter: blur(0.2rem);
    backdrop-filter: blur(0.2rem);
}
 
div.owindow {
    flex-basis: calc(100vw - var(--main-content-side-margin) * 2);
    display: grid;
    position: relative;
    top: initial!important;
    left: initial!important;
    background-color: rgb(var(--owindow-background-color));
    border: none;
    max-width: 40rem;
    z-index: 100;
}
 
div.owindow div.title {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(var(--owindow-title-background-color));
    color: rgb(var(--owindow-title-color));
    cursor: initial;
    font-family: var(--sans-serif-font);
    font-size: 1.15em;
    font-weight: 700;
    padding: 0 1ch;
    height: 2.25rem;
    text-transform: uppercase;
}
 
div.owindow h1 {
    flex-grow: 1;
    font-family: var(--owindow-title-font);
    margin: 0;
    text-align: center;
}
 
div.owindow p {
    margin: 0.5em 0;
}
 
div.owindow>:not(div.button-bar, div.title) {
    display: flex;
    flex-wrap: wrap;
    gap: 0.625rem;
    align-items: center;
    justify-content: center;
    padding: 1em 1em 0;
}
 
div.owindow div.button-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
    margin: 0;
    padding: 0.5rem;
}
 
div.owindow div.button-bar>a:not([onclick*="cleanAll"]),
div.owindow div[style*="margin-top"] a {
    margin: 0;
    display: inline-block;
    width: auto;
    float: none;
    flex-basis: 12em;
    flex-grow: 1;
    text-align: center;
    padding: 0.75ch;
    text-decoration: none;
    color: rgb(var(--text-dark-color));
    background-color: rgb(var(--general-background-color));
    border: solid 0.1rem rgb(var(--general-border-color));
    transition: all 0.1s ease-out 12.5ms;
}
 
div.owindow div.button-bar>a:not([onclick*="cleanAll"]):is(:hover,:focus),
div.owindow div[style*="margin-top"] a:is(:hover,:focus) {
    color: rgb(var(--UI-light-color-primary));
    background-color: rgb(var(--UI-deep-grey));
    border-color: rgb(var(--UI-deep-grey));
}
 
div.owindow div.button-bar>a,
div.owindow div.button-bar>a:hover {
    background: 0 0;
}
 
div.owindow div.button-bar>a[onclick*="cleanAll"] {
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    display: block;
    border: none;
    height: 2.25rem;
    width: 2.25rem;
    font-size: 0;
    background-image: linear-gradient(rgb(var(--owindow-close-background-color)), rgb(var(--owindow-close-background-color)));
    background-size: 100% 0;
    background-position: 0 0;
    background-repeat: no-repeat;
    transition: background-size 125ms ease-out;
}
 
div.owindow div.button-bar>a[onclick*="cleanAll"]:is(:hover, :focus) {
    background-size: 100% 100%;
}
 
div.owindow div.button-bar>a[onclick*="cleanAll"]::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: -1;
}
 
div.owindow div.button-bar>a[onclick*="cleanAll"]::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgb(var(--body-light-background-color));
    -webkit-mask-image: var(--modal-close-mask);
    mask-image: var(--modal-close-mask);
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
 
#odialog-container div.owindow.owait div.content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-image: none;
    padding: 0.5em;
    gap: 0.75rem;
}
 
#odialog-container div.owindow.owait div.content::after {
    content: "";
    border: 0.4rem solid rgb(var(--UI-deep-red));
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    margin: 0;
    animation: 5s linear 1s infinite save-loading, 2s linear infinite rotate;
    clip-path: polygon(0% 0%, 50% 0%, 100% 0%, 100% 50%, 100% 100%, 50% 100%, 0% 100%, 0% 50%, 50% 50%);
    display: block;
    box-sizing: border-box;
}
 
@keyframes save-loading {
    0%, 100% {
        clip-path: polygon(0% 0%, 50% 0%, 100% 0%, 100% 50%, 100% 100%, 50% 100%, 0% 100%, 0% 50%, 50% 50%);
    }
 
    12.5%, 87.5% {
        clip-path: polygon(0% 0%, 50% 0%, 100% 0%, 100% 50%, 100% 100%, 50% 100%, 0% 100%, 0% 75%, 50% 50%);
    }
 
    25%, 75% {
        clip-path: polygon(0% 0%, 50% 0%, 100% 0%, 100% 50%, 100% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 50%);
    }
 
    37.5%, 67.5% {
        clip-path: polygon(0% 0%, 50% 0%, 100% 0%, 100% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 50%);
    }
 
    50% {
        clip-path: polygon( 0% 0%, 50% 0%, 100% 0%, 100% 50%, 100% 50%, 100% 50%, 100% 50%, 100% 50%, 50% 50%);
    }
}
 
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
 
    100% {
        transform: rotate(360deg);
    }
}
 
div.owindow>:not(div.button-bar, div.title)>img {
    float: none!important;
    padding: 0!important;
    background-color: transparent!important;
    height: 5em;
}
 
div.owindow>:not(div.button-bar, div.title)>:not(img,img + h1) {
    flex-basis: 100%;
    margin: 0;
}
 
div.owindow>div.content>img+h1+table {
    display: grid;
    border: solid rgb(var(--general-border-color));
    border-width: 0.1rem 0;
    max-height: 47.5vh;
    overflow-y: auto;
}
 
div.owindow>div.content>img+h1+table>tbody {
    display: contents;
}
 
div.owindow>div.content>img+h1+table>tbody>tr {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(30ch, 100%), 1fr));
    align-items: center;
    padding: 0.5em;
}
 
div.owindow>div.content>img+h1+table>tbody>tr:not(:last-child) {
    border-bottom: solid 0.1rem rgb(var(--general-border-color));
}
 
div.owindow>div.content>img+h1+table>tbody>tr>td {
    display: block;
    padding: 0;
    text-align: start;
}
 
div.owindow>div.content>img+h1+table>tbody>tr>td:first-child {
    font-family: var(--sans-serif-font);
}
 
div.owindow div[style*=margin-top] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(auto-fill, minmax(min(12.5em, 100%), 1fr));
}
 
div.owindow div[style*=margin-top]>div {
    display: contents;
}
 
div.owindow div[style*=margin-top]>div>a {
    order: 4;
    grid-column: -1 / -2;
    color: rgb(var(--UI-red));
}

:root {
    --header-anime-img: url("data:image/svg+xml,%3C!DOCTYPE svg PUBLIC %22-//W3C//DTD SVG 20010904//EN%22 %22http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd%22%3E%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22375%22 height=%22120%22%3E%3Cstyle xmlns=%22http://www.w3.org/2000/svg%22%3E.st0%7Bfill:rgba(252,252,252,0.35);%7D.rain%7Banimation:rain 300ms linear infinite%7D%40keyframes rain%7B0%25%7Btransform:translateY(0);%7D100%25%7Btransform:translateY(100%25);%7D%7D%3C/style%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:400ms;%22%3E%3Cpolygon class=%22st0%22 points=%22246.6,85.3 246.8,85.3 246.8,98.5 246.6,98.5%22 /%3E%3Cpolygon class=%22st0%22 points=%22246.6,-34.7 246.8,-34.7 246.8,-21.5 246.6,-21.5%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:377ms;%22%3E%3Cpolygon class=%22st0%22 points=%22265.6,2.8 265.8,2.8 265.8,10.3 265.6,10.3%22 /%3E%3Cpolygon class=%22st0%22 points=%22265.6,-117.2 265.8,-117.2 265.8,-109.7 265.6,-109.7%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:278ms;%22%3E%3Cpolygon class=%22st0%22 points=%22229.6,-3.3 230.1,-3.3 230.1,14.7 229.6,14.7%22 /%3E%3Cpolygon class=%22st0%22 points=%22229.6,-123.3 230.1,-123.3 230.1,-105.3 229.6,-105.3%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:228ms;%22%3E%3Cpolygon class=%22st0%22 points=%22141.6,24.2 141.8,24.2 141.8,32.5 141.6,32.5%22 /%3E%3Cpolygon class=%22st0%22 points=%22141.6,-95.8 141.8,-95.8 141.8,-87.5 141.6,-87.5%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:204ms;%22%3E%3Cpolygon class=%22st0%22 points=%22289.7,125.7 290.4,125.7 290.4,138.0 289.7,138.0%22 /%3E%3Cpolygon class=%22st0%22 points=%22289.7,5.7 290.4,5.7 290.4,18.0 289.7,18.0%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:205ms;%22%3E%3Cpolygon class=%22st0%22 points=%22257.7,97.2 258.4,97.2 258.4,130.3 257.7,130.3%22 /%3E%3Cpolygon class=%22st0%22 points=%22257.7,-22.8 258.4,-22.8 258.4,10.3 257.7,10.3%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:335ms;%22%3E%3Cpolygon class=%22st0%22 points=%22314.9,71.9 315.4,71.9 315.4,77.6 314.9,77.6%22 /%3E%3Cpolygon class=%22st0%22 points=%22314.9,-48.1 315.4,-48.1 315.4,-42.4 314.9,-42.4%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:341ms;%22%3E%3Cpolygon class=%22st0%22 points=%22368.9,21.5 369.6,21.5 369.6,40.2 368.9,40.2%22 /%3E%3Cpolygon class=%22st0%22 points=%22368.9,-98.5 369.6,-98.5 369.6,-79.8 368.9,-79.8%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:393ms;%22%3E%3Cpolygon class=%22st0%22 points=%22282.0,112.0 282.7,112.0 282.7,151.8 282.0,151.8%22 /%3E%3Cpolygon class=%22st0%22 points=%22282.0,-8.0 282.7,-8.0 282.7,31.8 282.0,31.8%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:233ms;%22%3E%3Cpolygon class=%22st0%22 points=%2261.0,96.7 61.5,96.7 61.5,102.9 61.0,102.9%22 /%3E%3Cpolygon class=%22st0%22 points=%2261.0,-23.3 61.5,-23.3 61.5,-17.1 61.0,-17.1%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:270ms;%22%3E%3Cpolygon class=%22st0%22 points=%22255.1,58.6 255.3,58.6 255.3,82.1 255.1,82.1%22 /%3E%3Cpolygon class=%22st0%22 points=%22255.1,-61.4 255.3,-61.4 255.3,-37.9 255.1,-37.9%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:383ms;%22%3E%3Cpolygon class=%22st0%22 points=%22367.1,3.7 367.8,3.7 367.8,18.3 367.1,18.3%22 /%3E%3Cpolygon class=%22st0%22 points=%22367.1,-116.3 367.8,-116.3 367.8,-101.7 367.1,-101.7%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:254ms;%22%3E%3Cpolygon class=%22st0%22 points=%2287.8,23.9 88.1,23.9 88.1,33.0 87.8,33.0%22 /%3E%3Cpolygon class=%22st0%22 points=%2287.8,-96.1 88.1,-96.1 88.1,-87.0 87.8,-87.0%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:260ms;%22%3E%3Cpolygon class=%22st0%22 points=%22128.3,46.2 129.2,46.2 129.2,73.0 128.3,73.0%22 /%3E%3Cpolygon class=%22st0%22 points=%22128.3,-73.8 129.2,-73.8 129.2,-47.0 128.3,-47.0%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:243ms;%22%3E%3Cpolygon class=%22st0%22 points=%22176.5,125.4 176.9,125.4 176.9,136.1 176.5,136.1%22 /%3E%3Cpolygon class=%22st0%22 points=%22176.5,5.4 176.9,5.4 176.9,16.1 176.5,16.1%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:348ms;%22%3E%3Cpolygon class=%22st0%22 points=%22286.9,78.9 288.0,78.9 288.0,111.7 286.9,111.7%22 /%3E%3Cpolygon class=%22st0%22 points=%22286.9,-41.1 288.0,-41.1 288.0,-8.3 286.9,-8.3%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:274ms;%22%3E%3Cpolygon class=%22st0%22 points=%2243.4,19.3 44.1,19.3 44.1,27.5 43.4,27.5%22 /%3E%3Cpolygon class=%22st0%22 points=%2243.4,-100.7 44.1,-100.7 44.1,-92.5 43.4,-92.5%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:279ms;%22%3E%3Cpolygon class=%22st0%22 points=%22271.1,82.6 272.1,82.6 272.1,95.5 271.1,95.5%22 /%3E%3Cpolygon class=%22st0%22 points=%22271.1,-37.4 272.1,-37.4 272.1,-24.5 271.1,-24.5%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:377ms;%22%3E%3Cpolygon class=%22st0%22 points=%2244.8,72.0 45.1,72.0 45.1,78.4 44.8,78.4%22 /%3E%3Cpolygon class=%22st0%22 points=%2244.8,-48.0 45.1,-48.0 45.1,-41.6 44.8,-41.6%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:355ms;%22%3E%3Cpolygon class=%22st0%22 points=%2239.0,102.5 39.4,102.5 39.4,138.5 39.0,138.5%22 /%3E%3Cpolygon class=%22st0%22 points=%2239.0,-17.5 39.4,-17.5 39.4,18.5 39.0,18.5%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:237ms;%22%3E%3Cpolygon class=%22st0%22 points=%22350.7,14.3 351.2,14.3 351.2,47.7 350.7,47.7%22 /%3E%3Cpolygon class=%22st0%22 points=%22350.7,-105.7 351.2,-105.7 351.2,-72.3 350.7,-72.3%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:321ms;%22%3E%3Cpolygon class=%22st0%22 points=%22153.9,69.1 154.7,69.1 154.7,103.6 153.9,103.6%22 /%3E%3Cpolygon class=%22st0%22 points=%22153.9,-50.9 154.7,-50.9 154.7,-16.4 153.9,-16.4%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:286ms;%22%3E%3Cpolygon class=%22st0%22 points=%22323.9,85.9 324.7,85.9 324.7,115.8 323.9,115.8%22 /%3E%3Cpolygon class=%22st0%22 points=%22323.9,-34.1 324.7,-34.1 324.7,-4.2 323.9,-4.2%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:361ms;%22%3E%3Cpolygon class=%22st0%22 points=%2257.3,117.9 57.9,117.9 57.9,138.2 57.3,138.2%22 /%3E%3Cpolygon class=%22st0%22 points=%2257.3,-2.1 57.9,-2.1 57.9,18.2 57.3,18.2%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:343ms;%22%3E%3Cpolygon class=%22st0%22 points=%22171.2,85.4 171.9,85.4 171.9,95.2 171.2,95.2%22 /%3E%3Cpolygon class=%22st0%22 points=%22171.2,-34.6 171.9,-34.6 171.9,-24.8 171.2,-24.8%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:264ms;%22%3E%3Cpolygon class=%22st0%22 points=%2226.7,4.5 27.1,4.5 27.1,19.0 26.7,19.0%22 /%3E%3Cpolygon class=%22st0%22 points=%2226.7,-115.5 27.1,-115.5 27.1,-101.0 26.7,-101.0%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:204ms;%22%3E%3Cpolygon class=%22st0%22 points=%22366.4,59.0 367.4,59.0 367.4,93.5 366.4,93.5%22 /%3E%3Cpolygon class=%22st0%22 points=%22366.4,-61.0 367.4,-61.0 367.4,-26.5 366.4,-26.5%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:291ms;%22%3E%3Cpolygon class=%22st0%22 points=%2258.9,98.3 59.3,98.3 59.3,113.3 58.9,113.3%22 /%3E%3Cpolygon class=%22st0%22 points=%2258.9,-21.7 59.3,-21.7 59.3,-6.7 58.9,-6.7%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:308ms;%22%3E%3Cpolygon class=%22st0%22 points=%22140.8,40.0 141.8,40.0 141.8,64.5 140.8,64.5%22 /%3E%3Cpolygon class=%22st0%22 points=%22140.8,-80.0 141.8,-80.0 141.8,-55.5 140.8,-55.5%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:223ms;%22%3E%3Cpolygon class=%22st0%22 points=%22181.1,2.3 181.5,2.3 181.5,28.2 181.1,28.2%22 /%3E%3Cpolygon class=%22st0%22 points=%22181.1,-117.7 181.5,-117.7 181.5,-91.8 181.1,-91.8%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:391ms;%22%3E%3Cpolygon class=%22st0%22 points=%2276.5,-2.5 77.2,-2.5 77.2,18.3 76.5,18.3%22 /%3E%3Cpolygon class=%22st0%22 points=%2276.5,-122.5 77.2,-122.5 77.2,-101.7 76.5,-101.7%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:254ms;%22%3E%3Cpolygon class=%22st0%22 points=%2234.9,27.3 35.8,27.3 35.8,61.4 34.9,61.4%22 /%3E%3Cpolygon class=%22st0%22 points=%2234.9,-92.7 35.8,-92.7 35.8,-58.6 34.9,-58.6%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:319ms;%22%3E%3Cpolygon class=%22st0%22 points=%22190.8,29.1 191.9,29.1 191.9,42.9 190.8,42.9%22 /%3E%3Cpolygon class=%22st0%22 points=%22190.8,-90.9 191.9,-90.9 191.9,-77.1 190.8,-77.1%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:292ms;%22%3E%3Cpolygon class=%22st0%22 points=%2255.5,69.4 56.0,69.4 56.0,79.4 55.5,79.4%22 /%3E%3Cpolygon class=%22st0%22 points=%2255.5,-50.6 56.0,-50.6 56.0,-40.6 55.5,-40.6%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:320ms;%22%3E%3Cpolygon class=%22st0%22 points=%226.0,32.8 6.5,32.8 6.5,64.8 6.0,64.8%22 /%3E%3Cpolygon class=%22st0%22 points=%226.0,-87.2 6.5,-87.2 6.5,-55.2 6.0,-55.2%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:308ms;%22%3E%3Cpolygon class=%22st0%22 points=%22133.3,75.6 134.0,75.6 134.0,85.4 133.3,85.4%22 /%3E%3Cpolygon class=%22st0%22 points=%22133.3,-44.4 134.0,-44.4 134.0,-34.6 133.3,-34.6%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:296ms;%22%3E%3Cpolygon class=%22st0%22 points=%2293.3,37.9 93.8,37.9 93.8,71.3 93.3,71.3%22 /%3E%3Cpolygon class=%22st0%22 points=%2293.3,-82.1 93.8,-82.1 93.8,-48.7 93.3,-48.7%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:398ms;%22%3E%3Cpolygon class=%22st0%22 points=%22315.9,106.0 316.3,106.0 316.3,141.5 315.9,141.5%22 /%3E%3Cpolygon class=%22st0%22 points=%22315.9,-14.0 316.3,-14.0 316.3,21.5 315.9,21.5%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:265ms;%22%3E%3Cpolygon class=%22st0%22 points=%2258.3,39.6 59.1,39.6 59.1,52.5 58.3,52.5%22 /%3E%3Cpolygon class=%22st0%22 points=%2258.3,-80.4 59.1,-80.4 59.1,-67.5 58.3,-67.5%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:341ms;%22%3E%3Cpolygon class=%22st0%22 points=%22203.0,81.0 203.3,81.0 203.3,94.3 203.0,94.3%22 /%3E%3Cpolygon class=%22st0%22 points=%22203.0,-39.0 203.3,-39.0 203.3,-25.7 203.0,-25.7%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:294ms;%22%3E%3Cpolygon class=%22st0%22 points=%22341.8,0.2 342.4,0.2 342.4,24.5 341.8,24.5%22 /%3E%3Cpolygon class=%22st0%22 points=%22341.8,-119.8 342.4,-119.8 342.4,-95.5 341.8,-95.5%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:252ms;%22%3E%3Cpolygon class=%22st0%22 points=%22163.1,107.7 163.3,107.7 163.3,143.5 163.1,143.5%22 /%3E%3Cpolygon class=%22st0%22 points=%22163.1,-12.3 163.3,-12.3 163.3,23.5 163.1,23.5%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:274ms;%22%3E%3Cpolygon class=%22st0%22 points=%22153.4,41.9 153.8,41.9 153.8,79.6 153.4,79.6%22 /%3E%3Cpolygon class=%22st0%22 points=%22153.4,-78.1 153.8,-78.1 153.8,-40.4 153.4,-40.4%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:329ms;%22%3E%3Cpolygon class=%22st0%22 points=%2215.5,74.5 15.9,74.5 15.9,90.1 15.5,90.1%22 /%3E%3Cpolygon class=%22st0%22 points=%2215.5,-45.5 15.9,-45.5 15.9,-29.9 15.5,-29.9%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:369ms;%22%3E%3Cpolygon class=%22st0%22 points=%2286.5,90.9 87.6,90.9 87.6,122.5 86.5,122.5%22 /%3E%3Cpolygon class=%22st0%22 points=%2286.5,-29.1 87.6,-29.1 87.6,2.5 86.5,2.5%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:246ms;%22%3E%3Cpolygon class=%22st0%22 points=%22283.0,62.7 283.5,62.7 283.5,96.6 283.0,96.6%22 /%3E%3Cpolygon class=%22st0%22 points=%22283.0,-57.3 283.5,-57.3 283.5,-23.4 283.0,-23.4%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:342ms;%22%3E%3Cpolygon class=%22st0%22 points=%22246.9,48.1 247.7,48.1 247.7,63.2 246.9,63.2%22 /%3E%3Cpolygon class=%22st0%22 points=%22246.9,-71.9 247.7,-71.9 247.7,-56.8 246.9,-56.8%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:259ms;%22%3E%3Cpolygon class=%22st0%22 points=%22319.7,56.2 320.7,56.2 320.7,94.9 319.7,94.9%22 /%3E%3Cpolygon class=%22st0%22 points=%22319.7,-63.8 320.7,-63.8 320.7,-25.1 319.7,-25.1%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:248ms;%22%3E%3Cpolygon class=%22st0%22 points=%22251.5,13.9 251.9,13.9 251.9,38.8 251.5,38.8%22 /%3E%3Cpolygon class=%22st0%22 points=%22251.5,-106.1 251.9,-106.1 251.9,-81.2 251.5,-81.2%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:238ms;%22%3E%3Cpolygon class=%22st0%22 points=%227.4,102.1 8.5,102.1 8.5,116.4 7.4,116.4%22 /%3E%3Cpolygon class=%22st0%22 points=%227.4,-17.9 8.5,-17.9 8.5,-3.6 7.4,-3.6%22 /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
#header::before {
    content: "";
    background-image: linear-gradient(to bottom, transparent 85%, rgb(46, 46, 46) 100%), var(--header-anime-img);
    background-position: 0 0;
    background-repeat: repeat;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    animation: thunder 10s ease-in infinite both;
}
@keyframes thunder {
    0% { background-color: transparent; }
    1% { background-color: rgb(var(--UI-light-color-primary), 0.75); }
    1.5% { background-color: transparent; }
    2% { background-color: rgb(var(--UI-light-color-primary), 0.75); }
    3% { background-color: rgb(var(--UI-light-color-primary), 0.75); }
    4% { background-color: transparent; }
    40% { background-color: transparent; }
    41% { background-color: rgb(var(--UI-light-color-primary), 0.75); }
    41.5% { background-color: transparent; }
    42% { background-color: rgb(var(--UI-light-color-primary)); }
    43% { background-color: rgb(var(--UI-light-color-primary), 0.75);}
    44% { background-color: transparent; }
    100% { background-color: transparent; }
}
#header h1 a::before,
#header h1 a span::before,
#header h1 a span::after {
    animation: header-anime 5s ease-in-out;
}
#header h1 a span:: before {
    animation-delay: 125ms;
}
#header h1 a span:: after {
    animation-delay: 250ms;
}
@keyframes header-anime {
    0% { opacity: 0; }
    62.5% { margin-left: -50px; opacity: 0; }
    75% { margin-left: 0; opacity: 1; }
    100% { opacity: 1; }
}