Peroxide Alpha Base Theme

Click to preview

Name: Peroxide Alpha Base Theme

Author: OxygenNine
License: Creative Commons Attribution-ShareAlike 4.0 License

Tags: base black css3 sidebar topbar white

Supports top bar menu *: yes
Supports side bar menu *: yes
* depends on tags: topbar and sidebar

Description:

Let us introduce you to Peroxide Alpha, a basic theme that emphasizes a soft visual style.

The official version of this theme is still under development.

For related introductions, please refer to its release page on SCP-CN Wiki.

How to install

• go to: your wiki admin panel » appearance » themes
• choose External CSS theme
• supply the following URL as the CSS location

http://themes.wdfiles.com/local--code/peroxide

Code

+ show the code

/* 
* Variables.css
 * 定义版式全局变量
*/
 
@import url("https://fontsapi.zeoseven.com/161/main/result.css"); /* Sarasa Gothic SC */
@import url("data:text/css,%40font-face%7Bfont-family%3A%22ZSFT-hk%22%3Bsrc%3Aurl(%22https%3A%2F%2Ffontsapi.zeoseven.com%2Fhk%2Fmain.woff2%22)%20format(%22woff2%22)%3Bfont-style%3Anormal%3Bfont-weight%3A100%20900%3Bfont-display%3Aswap%3B%7D"); /* zsft-hk */
@import url("https://fontsapi.zeoseven.com/285/main/result.css"); /* Noto Serif CJK */
 
:root {
 
    /* 绝对调色盘 */
    --p-white: #ffffff;
    --p-white-gray: #f5f5f5;
    --p-light-gray: #dedede;
    --p-gray: #707070;
    --p-dark-gray: #414141;
    --p-black-gray: #1e1e1e;
    --p-black: #000000;
 
    --p-white-transparent-0-8: rgba(255, 255, 255, 0.85);
    --p-white-transparent-0-6: rgba(255, 255, 255, 0.65);
    --p-white-transparent-0-4: rgba(255, 255, 255, 0.4);
    --p-white-transparent-0-2: rgba(255, 255, 255, 0.2);
    --p-black-transparent-0-8: rgba(0, 0, 0, 0.85);
    --p-black-transparent-0-6: rgba(0, 0, 0, 0.65);
    --p-black-transparent-0-4: rgba(0, 0, 0, 0.4);
    --p-black-transparent-0-2: rgba(0, 0, 0, 0.2);
 
    --p-light-red: #dd7a7a;
    --p-red: #e72a2a;
    --p-dark-red: #7b1111;
    --p-light-green: #7acc7a;
    --p-green: #2a7b2a;
    --p-dark-green: #114b11;
    --p-light-blue: #7aaccd;
    --p-blue: #2a577b;
    --p-dark-blue: #113b57;
    --p-light-yellow: #ddcc7a;
    --p-yellow: #e7b42a;
    --p-dark-yellow: #7b5711;
    --p-light-purple: #b47acc;
    --p-purple: #7b2a7b;
    --p-dark-purple: #4b114b;
    --p-light-orange: #e7942a;
    --p-orange: #e77b2a;
    --p-dark-orange: #7b4b11;
 
    /* 层次调色盘 */
    --p-gray-0: #ffffff;
    --p-gray-1: #fafafa;
    --p-gray-2: #e8e8e8;
    --p-gray-3: #707070;
    --p-gray-4: #414141;
    --p-gray-5: #1e1e1e;
    --p-gray-6: #171717;
    --p-gray-7: #000000;
 
    --p-theme-color-light: #3b69e4;
    --p-theme-color: #3d5cab;
    --p-theme-color-dark: #354f96;
 
    --p-light-transparent-0-8: rgba(255, 255, 255, 0.85);
    --p-light-transparent-0-6: rgba(255, 255, 255, 0.65);
    --p-light-transparent-0-4: rgba(255, 255, 255, 0.4);
    --p-light-transparent-0-2: rgba(255, 255, 255, 0.2);
    --p-dark-transparent-0-8: rgba(0, 0, 0, 0.85);
    --p-dark-transparent-0-6: rgba(0, 0, 0, 0.65);
    --p-dark-transparent-0-4: rgba(0, 0, 0, 0.4);
    --p-dark-transparent-0-2: rgba(0, 0, 0, 0.2);
 
    --p-warning-color: #e72a2a;
    --p-warning-color-dark: #c12121;
    --p-warning-color-light: #ffe4e4;
    --p-success-color: #7acc7a;
    --p-success-color-dark: #59804d;
    --p-success-color-light: #e4f7e4;
    --p-info-color: #7aaccd;
    --p-info-color-dark: #4d6680;
    --p-info-color-light: #e4f7ff;
    --p-danger-color: #e7922a;
    --p-danger-color-dark: #c16e21;
    --p-danger-color-light: #fff3e4;
 
    /* 布局 */
    --p-font-size-base: 16px;
    --p-line-height-base: 1.5;
    --p-font-sans-serif: "Sarasa Gothic SC", "Noto Sans SC", "微软雅黑", sans-serif;
    --p-font-serif: "Noto Serif CJK", "Times New Roman", "宋体", serif;
    --p-font-monospace: "zsft-hk", "Consolas", "Sarasa Gothic SC", monospace;
    --p-font-size-xxsmall: 0.6rem;
    --p-line-height-xxsmall: 1.2;
    --p-font-size-xsmall: 0.8rem;
    --p-line-height-xsmall: 1.2;
    --p-font-size-small: 0.9rem;
    --p-line-height-small: 1.2;
    --p-font-size-medium: 1rem;
    --p-line-height-medium: 1.5;
    --p-font-size-large: 1.2rem;
    --p-line-height-large: 1.8;
    --p-font-size-xlarge: 1.4rem;
    --p-line-height-xlarge: 2.2;
    --p-font-size-xxlarge: 1.6rem;
    --p-line-height-xxlarge: 2.4;
 
    --p-main-content-max-width: 45rem;
    --p-main-content-width: 4.5fr;
    --p-sidebar-width: 20rem;
    --p-main-content-padding-x: 1rem;
    --p-main-content-padding-y: 2rem;
    --p-sidebar-padding-x: 1rem;
    --p-sidebar-padding-y: 2rem;
    --p-out-page-content-max-width: min(90vw, calc(var(--p-main-content-max-width) - 6rem));
 
    --p-header-title-font-size: var(--p-font-size-large);
    --p-header-slogan-font-size: var(--p-font-size-medium);
    --p-header-title-font-weight: 700;
    --p-header-slogan-font-weight: 400;
    --p-header-logo-size: calc(var(--p-header-title-font-size) * 1.5);
    --p-header-height: calc(var(--p-header-title-font-size) + var(--p-header-slogan-font-size) + 0.75rem);
    --p-topbar-font-size: var(--p-font-size-medium);
    --p-header-logo-background: url('https://cdn.mer.run/i/2026/03/05/69a98e8720849.png');
 
    --p-page-title-font-size: var(--p-font-size-xxlarge);
    --p-page-title-font-weight: 700;
    --p-main-content-font-size: var(--p-font-size-medium);
    --p-main-content-line-height: var(--p-line-height-medium);
    --p-main-content-paragraph-margin: 1rem auto;
    --p-main-side-margin: min(5rem, 5vw);
    --p-main-extrude-margin: min(5rem, 5vw);
 
    /* 版头 */
    --p-header-background-image: none;
    --p-header-background-size: cover;
    --p-header-background-position: center;
    --p-header-background-repeat: no-repeat;
 
    /* 阴影 */
    --p-shadow-0: 0 0 0 0 var(--p-black-transparent-0-2);
    --p-shadow-1: 0 0 0.5rem 0 var(--p-black-transparent-0-2);
    --p-shadow-2: 0 0 1rem 0 var(--p-black-transparent-0-2);
    --p-shadow-3: 0 0 1.5rem 0 var(--p-black-transparent-0-2);
    --p-shadow-4: 0 0 2rem 0 var(--p-black-transparent-0-2);
 
    /* 动画 */
    --p-animation-duration-short: 0.2s;
    --p-animation-duration-medium: 0.4s;
    --p-animation-duration-long: 0.6s;
 
    /* 圆角 */
    --p-border-radius-small: 0.2rem;
    --p-border-radius-medium: 0.4rem;
    --p-border-radius-large: 0.8rem;
 
    /* 签名档 */
    --p-signature-display: none;
 
}
 
:root {
    --p-icon-sidebar: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktbGF5b3V0LXNpZGViYXItaW5zZXQiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTE0IDJhMSAxIDAgMCAxIDEgMXYxMGExIDEgMCAwIDEtMSAxSDJhMSAxIDAgMCAxLTEtMVYzYTEgMSAwIDAgMSAxLTFoMTJ6TTIgMWEyIDIgMCAwIDAtMiAydjEwYTIgMiAwIDAgMCAyIDJoMTJhMiAyIDAgMCAwIDItMlYzYTIgMiAwIDAgMC0yLTJIMnoiLz4KICA8cGF0aCBkPSJNMyA0YTEgMSAwIDAgMSAxLTFoMmExIDEgMCAwIDEgMSAxdjhhMSAxIDAgMCAxLTEgMUg0YTEgMSAwIDAgMS0xLTFWNHoiLz4KPC9zdmc+");
    --p-icon-sidebar-hover: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktbGF5b3V0LXNpZGViYXItaW5zZXQtcmV2ZXJzZSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMiAyYTEgMSAwIDAgMC0xIDF2MTBhMSAxIDAgMCAwIDEgMWgxMmExIDEgMCAwIDAgMS0xVjNhMSAxIDAgMCAwLTEtMUgyem0xMi0xYTIgMiAwIDAgMSAyIDJ2MTBhMiAyIDAgMCAxLTIgMkgyYTIgMiAwIDAgMS0yLTJWM2EyIDIgMCAwIDEgMi0yaDEyeiIvPgogIDxwYXRoIGQ9Ik0xMyA0YTEgMSAwIDAgMC0xLTFoLTJhMSAxIDAgMCAwLTEgMXY4YTEgMSAwIDAgMCAxIDFoMmExIDEgMCAwIDAgMS0xVjR6Ii8+Cjwvc3ZnPg==");
    --p-icon-search: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktc2VhcmNoIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0xMS43NDIgMTAuMzQ0YTYuNSA2LjUgMCAxIDAtMS4zOTcgMS4zOThoLS4wMDFjLjAzLjA0LjA2Mi4wNzguMDk4LjExNWwzLjg1IDMuODVhMSAxIDAgMCAwIDEuNDE1LTEuNDE0bC0zLjg1LTMuODVhMS4wMDcgMS4wMDcgMCAwIDAtLjExNS0uMXpNMTIgNi41YTUuNSA1LjUgMCAxIDEtMTEgMCA1LjUgNS41IDAgMCAxIDExIDB6Ii8+Cjwvc3ZnPg==");
    --p-icon-sign-in: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGVyc29uIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik04IDhhMyAzIDAgMSAwIDAtNiAzIDMgMCAwIDAgMCA2em0yLTNhMiAyIDAgMSAxLTQgMCAyIDIgMCAwIDEgNCAwem00IDhjMCAxLTEgMS0xIDFIM3MtMSAwLTEtMSAxLTQgNi00IDYgMyA2IDR6bS0xLS4wMDRjLS4wMDEtLjI0Ni0uMTU0LS45ODYtLjgzMi0xLjY2NEMxMS41MTYgMTAuNjggMTAuMjg5IDEwIDggMTBjLTIuMjkgMC0zLjUxNi42OC00LjE2OCAxLjMzMi0uNjc4LjY3OC0uODMgMS40MTgtLjgzMiAxLjY2NGgxMHoiLz4KPC9zdmc+");
    --p-icon-topbar-more: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGhyZWUtZG90cyIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMyA5LjVhMS41IDEuNSAwIDEgMSAwLTMgMS41IDEuNSAwIDAgMSAwIDN6bTUgMGExLjUgMS41IDAgMSAxIDAtMyAxLjUgMS41IDAgMCAxIDAgM3ptNSAwYTEuNSAxLjUgMCAxIDEgMC0zIDEuNSAxLjUgMCAwIDEgMCAzeiIvPgo8L3N2Zz4=");
    --p-icon-newcomer: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGVyc29uLWZpbGwtY2hlY2siIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTIuNSAxNmEzLjUgMy41IDAgMSAwIDAtNyAzLjUgMy41IDAgMCAwIDAgN1ptMS42NzktNC40OTNhLjUuNSAwIDEgMC0uODU4LS41MTRsLTEuMTcgMS45NS0uNTQ3LS41NDdhLjUuNSAwIDAgMC0uNzA4LjcwOGwuNzc0Ljc3M2EuNzUuNzUgMCAwIDAgMS4xNzQtLjE0NGwxLjMzNS0yLjIyNloiLz4KICA8cGF0aCBkPSJNMTEgNWEzIDMgMCAxIDEtNiAwIDMgMyAwIDAgMSA2IDBabS05IDhjMCAxIDEgMSAxIDFoNS4yNTZBNC40OTMgNC40OTMgMCAwIDEgOCAxMi41YTQuNDkgNC40OSAwIDAgMSAxLjU0NC0zLjM5M0M5LjA3NyA5LjAzOCA4LjU2NCA5IDggOWMtNSAwLTYgMy02IDRaIi8+Cjwvc3ZnPg==");
    --p-icon-home: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktaG91c2UtZmlsbCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNOC43MDcgMS41YTEgMSAwIDAgMC0xLjQxNCAwTC42NDYgOC4xNDZhLjUuNSAwIDAgMCAuNzA4LjcwOEw4IDIuMjA3bDYuNjQ2IDYuNjQ3YS41LjUgMCAwIDAgLjcwOC0uNzA4TDEzIDUuNzkzVjIuNWEuNS41IDAgMCAwLS41LS41aC0xYS41LjUgMCAwIDAtLjUuNXYxLjI5M0w4LjcwNyAxLjVaIi8+CiAgPHBhdGggZD0ibTggMy4yOTMgNiA2VjEzLjVhMS41IDEuNSAwIDAgMS0xLjUgMS41aC05QTEuNSAxLjUgMCAwIDEgMiAxMy41VjkuMjkzbDYtNloiLz4KPC9zdmc+");
    --p-icon-resource: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZm9sZGVyLWZpbGwiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTkuODI4IDNoMy45ODJhMiAyIDAgMCAxIDEuOTkyIDIuMTgxbC0uNjM3IDdBMiAyIDAgMCAxIDEzLjE3NCAxNEgyLjgyNWEyIDIgMCAwIDEtMS45OTEtMS44MTlsLS42MzctN2ExLjk5IDEuOTkgMCAwIDEgLjM0Mi0xLjMxTC41IDNhMiAyIDAgMCAxIDItMmgzLjY3MmEyIDIgMCAwIDEgMS40MTQuNTg2bC44MjguODI4QTIgMiAwIDAgMCA5LjgyOCAzem0tOC4zMjIuMTJDMS43MiAzLjA0MiAxLjk1IDMgMi4xOSAzaDUuMzk2bC0uNzA3LS43MDdBMSAxIDAgMCAwIDYuMTcyIDJIMi41YTEgMSAwIDAgMC0xIC45ODFsLjAwNi4xMzl6Ii8+Cjwvc3ZnPg==");
    --p-icon-admin: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGVyc29uLWZpbGwtZ2VhciIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMTEgNWEzIDMgMCAxIDEtNiAwIDMgMyAwIDAgMSA2IDBabS05IDhjMCAxIDEgMSAxIDFoNS4yNTZBNC40OTMgNC40OTMgMCAwIDEgOCAxMi41YTQuNDkgNC40OSAwIDAgMSAxLjU0NC0zLjM5M0M5LjA3NyA5LjAzOCA4LjU2NCA5IDggOWMtNSAwLTYgMy02IDRaIi8+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTEuODg2IDkuNDZjLjE4LS42MTMgMS4wNDgtLjYxMyAxLjIyOSAwbC4wNDMuMTQ4YS42NC42NCAwIDAgMCAuOTIxLjM4MmwuMTM2LS4wNzRjLjU2MS0uMzA2IDEuMTc1LjMwOC44Ny44NjlsLS4wNzUuMTM2YS42NC42NCAwIDAgMCAuMzgyLjkybC4xNDkuMDQ1Yy42MTIuMTguNjEyIDEuMDQ4IDAgMS4yMjlsLS4xNS4wNDNhLjY0LjY0IDAgMCAwLS4zOC45MjFsLjA3NC4xMzZjLjMwNS41NjEtLjMwOSAxLjE3NS0uODcuODdsLS4xMzYtLjA3NWEuNjQuNjQgMCAwIDAtLjkyLjM4MmwtLjA0NS4xNDljLS4xOC42MTItMS4wNDguNjEyLTEuMjI5IDBsLS4wNDMtLjE1YS42NC42NCAwIDAgMC0uOTIxLS4zOGwtLjEzNi4wNzRjLS41NjEuMzA1LTEuMTc1LS4zMDktLjg3LS44N2wuMDc1LS4xMzZhLjY0LjY0IDAgMCAwLS4zODItLjkybC0uMTQ4LS4wNDVjLS42MTMtLjE4LS42MTMtMS4wNDggMC0xLjIyOWwuMTQ4LS4wNDNhLjY0LjY0IDAgMCAwIC4zODItLjkyMWwtLjA3NC0uMTM2Yy0uMzA2LS41NjEuMzA4LTEuMTc1Ljg2OS0uODdsLjEzNi4wNzVhLjY0LjY0IDAgMCAwIC45Mi0uMzgybC4wNDUtLjE0OFpNMTQgMTIuNWExLjUgMS41IDAgMSAxLTMgMCAxLjUgMS41IDAgMCAxIDMgMFoiLz4KPC9zdmc+");
    --p-icon-media: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY29sbGVjdGlvbi1wbGF5LWZpbGwiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTIuNSAzLjVhLjUuNSAwIDAgMSAwLTFoMTFhLjUuNSAwIDAgMSAwIDFoLTExem0yLTJhLjUuNSAwIDAgMSAwLTFoN2EuNS41IDAgMCAxIDAgMWgtN3pNMCAxM2ExLjUgMS41IDAgMCAwIDEuNSAxLjVoMTNBMS41IDEuNSAwIDAgMCAxNiAxM1Y2YTEuNSAxLjUgMCAwIDAtMS41LTEuNWgtMTNBMS41IDEuNSAwIDAgMCAwIDZ2N3ptNi4yNTgtNi40MzdhLjUuNSAwIDAgMSAuNTA3LjAxM2w0IDIuNWEuNS41IDAgMCAxIDAgLjg0OGwtNCAyLjVBLjUuNSAwIDAgMSA2IDEyVjdhLjUuNSAwIDAgMSAuMjU4LS40Mzd6Ii8+Cjwvc3ZnPg==");
    --p-icon-upvote: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2FyZXQtdXAiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTMuMjA0IDExaDkuNTkyTDggNS41MTkgMy4yMDQgMTF6bS0uNzUzLS42NTkgNC43OTYtNS40OGExIDEgMCAwIDEgMS41MDYgMGw0Ljc5NiA1LjQ4Yy41NjYuNjQ3LjEwNiAxLjY1OS0uNzUzIDEuNjU5SDMuMjA0YTEgMSAwIDAgMS0uNzUzLTEuNjU5eiIvPgo8L3N2Zz4=");
    --p-icon-downvote: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2FyZXQtZG93biIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMy4yMDQgNWg5LjU5Mkw4IDEwLjQ4MSAzLjIwNCA1em0tLjc1My42NTkgNC43OTYgNS40OGExIDEgMCAwIDAgMS41MDYgMGw0Ljc5Ni01LjQ4Yy41NjYtLjY0Ny4xMDYtMS42NTktLjc1My0xLjY1OUgzLjIwNGExIDEgMCAwIDAtLjc1MyAxLjY1OXoiLz4KPC9zdmc+");
    --p-icon-cancel: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmkteCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNNC42NDYgNC42NDZhLjUuNSAwIDAgMSAuNzA4IDBMOCA3LjI5M2wyLjY0Ni0yLjY0N2EuNS41IDAgMCAxIC43MDguNzA4TDguNzA3IDhsMi42NDcgMi42NDZhLjUuNSAwIDAgMS0uNzA4LjcwOEw4IDguNzA3bC0yLjY0NiAyLjY0N2EuNS41IDAgMCAxLS43MDgtLjcwOEw3LjI5MyA4IDQuNjQ2IDUuMzU0YS41LjUgMCAwIDEgMC0uNzA4eiIvPgo8L3N2Zz4=");
    --p-icon-pageview: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZXllIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0xNiA4cy0zLTUuNS04LTUuNVMwIDggMCA4czMgNS41IDggNS41UzE2IDggMTYgOHpNMS4xNzMgOGExMy4xMzMgMTMuMTMzIDAgMCAxIDEuNjYtMi4wNDNDNC4xMiA0LjY2OCA1Ljg4IDMuNSA4IDMuNWMyLjEyIDAgMy44NzkgMS4xNjggNS4xNjggMi40NTdBMTMuMTMzIDEzLjEzMyAwIDAgMSAxNC44MjggOGMtLjA1OC4wODctLjEyMi4xODMtLjE5NS4yODgtLjMzNS40OC0uODMgMS4xMi0xLjQ2NSAxLjc1NUMxMS44NzkgMTEuMzMyIDEwLjExOSAxMi41IDggMTIuNWMtMi4xMiAwLTMuODc5LTEuMTY4LTUuMTY4LTIuNDU3QTEzLjEzNCAxMy4xMzQgMCAwIDEgMS4xNzIgOHoiLz4KICA8cGF0aCBkPSJNOCA1LjVhMi41IDIuNSAwIDEgMCAwIDUgMi41IDIuNSAwIDAgMCAwLTV6TTQuNSA4YTMuNSAzLjUgMCAxIDEgNyAwIDMuNSAzLjUgMCAwIDEtNyAweiIvPgo8L3N2Zz4=");
    --p-icon-pagerevert: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctY2xvY2t3aXNlIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTggM2E1IDUgMCAxIDAgNC41NDYgMi45MTQuNS41IDAgMCAxIC45MDgtLjQxN0E2IDYgMCAxIDEgOCAydjF6Ii8+CiAgPHBhdGggZD0iTTggNC40NjZWLjUzNGEuMjUuMjUgMCAwIDEgLjQxLS4xOTJsMi4zNiAxLjk2NmMuMTIuMS4xMi4yODQgMCAuMzg0TDguNDEgNC42NThBLjI1LjI1IDAgMCAxIDggNC40NjZ6Ii8+Cjwvc3ZnPg==");
    --p-icon-pagecode: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY29kZS1zbGFzaCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMTAuNDc4IDEuNjQ3YS41LjUgMCAxIDAtLjk1Ni0uMjk0bC00IDEzYS41LjUgMCAwIDAgLjk1Ni4yOTRsNC0xM3pNNC44NTQgNC4xNDZhLjUuNSAwIDAgMSAwIC43MDhMMS43MDcgOGwzLjE0NyAzLjE0NmEuNS41IDAgMCAxLS43MDguNzA4bC0zLjUtMy41YS41LjUgMCAwIDEgMC0uNzA4bDMuNS0zLjVhLjUuNSAwIDAgMSAuNzA4IDB6bTYuMjkyIDBhLjUuNSAwIDAgMCAwIC43MDhMMTQuMjkzIDhsLTMuMTQ3IDMuMTQ2YS41LjUgMCAwIDAgLjcwOC43MDhsMy41LTMuNWEuNS41IDAgMCAwIDAtLjcwOGwtMy41LTMuNWEuNS41IDAgMCAwLS43MDggMHoiLz4KPC9zdmc+");
    --p-icon-info: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktaW5mby1jaXJjbGUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTggMTVBNyA3IDAgMSAxIDggMWE3IDcgMCAwIDEgMCAxNHptMCAxQTggOCAwIDEgMCA4IDBhOCA4IDAgMCAwIDAgMTZ6Ii8+CiAgPHBhdGggZD0ibTguOTMgNi41ODgtMi4yOS4yODctLjA4Mi4zOC40NS4wODNjLjI5NC4wNy4zNTIuMTc2LjI4OC40NjlsLS43MzggMy40NjhjLS4xOTQuODk3LjEwNSAxLjMxOS44MDggMS4zMTkuNTQ1IDAgMS4xNzgtLjI1MiAxLjQ2NS0uNTk4bC4wODgtLjQxNmMtLjIuMTc2LS40OTIuMjQ2LS42ODYuMjQ2LS4yNzUgMC0uMzc1LS4xOTMtLjMwNC0uNTMzTDguOTMgNi41ODh6TTkgNC41YTEgMSAwIDEgMS0yIDAgMSAxIDAgMCAxIDIgMHoiLz4KPC9zdmc+");
    --p-icon-options: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZ2VhciIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNOCA0Ljc1NGEzLjI0NiAzLjI0NiAwIDEgMCAwIDYuNDkyIDMuMjQ2IDMuMjQ2IDAgMCAwIDAtNi40OTJ6TTUuNzU0IDhhMi4yNDYgMi4yNDYgMCAxIDEgNC40OTIgMCAyLjI0NiAyLjI0NiAwIDAgMS00LjQ5MiAweiIvPgogIDxwYXRoIGQ9Ik05Ljc5NiAxLjM0M2MtLjUyNy0xLjc5LTMuMDY1LTEuNzktMy41OTIgMGwtLjA5NC4zMTlhLjg3My44NzMgMCAwIDEtMS4yNTUuNTJsLS4yOTItLjE2Yy0xLjY0LS44OTItMy40MzMuOTAyLTIuNTQgMi41NDFsLjE1OS4yOTJhLjg3My44NzMgMCAwIDEtLjUyIDEuMjU1bC0uMzE5LjA5NGMtMS43OS41MjctMS43OSAzLjA2NSAwIDMuNTkybC4zMTkuMDk0YS44NzMuODczIDAgMCAxIC41MiAxLjI1NWwtLjE2LjI5MmMtLjg5MiAxLjY0LjkwMSAzLjQzNCAyLjU0MSAyLjU0bC4yOTItLjE1OWEuODczLjg3MyAwIDAgMSAxLjI1NS41MmwuMDk0LjMxOWMuNTI3IDEuNzkgMy4wNjUgMS43OSAzLjU5MiAwbC4wOTQtLjMxOWEuODczLjg3MyAwIDAgMSAxLjI1NS0uNTJsLjI5Mi4xNmMxLjY0Ljg5MyAzLjQzNC0uOTAyIDIuNTQtMi41NDFsLS4xNTktLjI5MmEuODczLjg3MyAwIDAgMSAuNTItMS4yNTVsLjMxOS0uMDk0YzEuNzktLjUyNyAxLjc5LTMuMDY1IDAtMy41OTJsLS4zMTktLjA5NGEuODczLjg3MyAwIDAgMS0uNTItMS4yNTVsLjE2LS4yOTJjLjg5My0xLjY0LS45MDItMy40MzMtMi41NDEtMi41NGwtLjI5Mi4xNTlhLjg3My44NzMgMCAwIDEtMS4yNTUtLjUybC0uMDk0LS4zMTl6bS0yLjYzMy4yODNjLjI0Ni0uODM1IDEuNDI4LS44MzUgMS42NzQgMGwuMDk0LjMxOWExLjg3MyAxLjg3MyAwIDAgMCAyLjY5MyAxLjExNWwuMjkxLS4xNmMuNzY0LS40MTUgMS42LjQyIDEuMTg0IDEuMTg1bC0uMTU5LjI5MmExLjg3MyAxLjg3MyAwIDAgMCAxLjExNiAyLjY5MmwuMzE4LjA5NGMuODM1LjI0Ni44MzUgMS40MjggMCAxLjY3NGwtLjMxOS4wOTRhMS44NzMgMS44NzMgMCAwIDAtMS4xMTUgMi42OTNsLjE2LjI5MWMuNDE1Ljc2NC0uNDIgMS42LTEuMTg1IDEuMTg0bC0uMjkxLS4xNTlhMS44NzMgMS44NzMgMCAwIDAtMi42OTMgMS4xMTZsLS4wOTQuMzE4Yy0uMjQ2LjgzNS0xLjQyOC44MzUtMS42NzQgMGwtLjA5NC0uMzE5YTEuODczIDEuODczIDAgMCAwLTIuNjkyLTEuMTE1bC0uMjkyLjE2Yy0uNzY0LjQxNS0xLjYtLjQyLTEuMTg0LTEuMTg1bC4xNTktLjI5MUExLjg3MyAxLjg3MyAwIDAgMCAxLjk0NSA4LjkzbC0uMzE5LS4wOTRjLS44MzUtLjI0Ni0uODM1LTEuNDI4IDAtMS42NzRsLjMxOS0uMDk0QTEuODczIDEuODczIDAgMCAwIDMuMDYgNC4zNzdsLS4xNi0uMjkyYy0uNDE1LS43NjQuNDItMS42IDEuMTg1LTEuMTg0bC4yOTIuMTU5YTEuODczIDEuODczIDAgMCAwIDIuNjkyLTEuMTE1bC4wOTQtLjMxOXoiLz4KPC9zdmc+");
    --p-icon-edit: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGVuY2lsLXNxdWFyZSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMTUuNTAyIDEuOTRhLjUuNSAwIDAgMSAwIC43MDZMMTQuNDU5IDMuNjlsLTItMkwxMy41MDIuNjQ2YS41LjUgMCAwIDEgLjcwNyAwbDEuMjkzIDEuMjkzem0tMS43NSAyLjQ1Ni0yLTJMNC45MzkgOS4yMWEuNS41IDAgMCAwLS4xMjEuMTk2bC0uODA1IDIuNDE0YS4yNS4yNSAwIDAgMCAuMzE2LjMxNmwyLjQxNC0uODA1YS41LjUgMCAwIDAgLjE5Ni0uMTJsNi44MTMtNi44MTR6Ii8+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMSAxMy41QTEuNSAxLjUgMCAwIDAgMi41IDE1aDExYTEuNSAxLjUgMCAwIDAgMS41LTEuNXYtNmEuNS41IDAgMCAwLTEgMHY2YS41LjUgMCAwIDEtLjUuNWgtMTFhLjUuNSAwIDAgMS0uNS0uNXYtMTFhLjUuNSAwIDAgMSAuNS0uNUg5YS41LjUgMCAwIDAgMC0xSDIuNUExLjUgMS41IDAgMCAwIDEgMi41djExeiIvPgo8L3N2Zz4=");
    --p-icon-square: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktc3F1YXJlIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0xNCAxYTEgMSAwIDAgMSAxIDF2MTJhMSAxIDAgMCAxLTEgMUgyYTEgMSAwIDAgMS0xLTFWMmExIDEgMCAwIDEgMS0xaDEyek0yIDBhMiAyIDAgMCAwLTIgMnYxMmEyIDIgMCAwIDAgMiAyaDEyYTIgMiAwIDAgMCAyLTJWMmEyIDIgMCAwIDAtMi0ySDJ6Ii8+Cjwvc3ZnPg==");
    --p-icon-square-checked: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2hlY2stc3F1YXJlIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0xNCAxYTEgMSAwIDAgMSAxIDF2MTJhMSAxIDAgMCAxLTEgMUgyYTEgMSAwIDAgMS0xLTFWMmExIDEgMCAwIDEgMS0xaDEyek0yIDBhMiAyIDAgMCAwLTIgMnYxMmEyIDIgMCAwIDAgMiAyaDEyYTIgMiAwIDAgMCAyLTJWMmEyIDIgMCAwIDAtMi0ySDJ6Ii8+CiAgPHBhdGggZD0iTTEwLjk3IDQuOTdhLjc1Ljc1IDAgMCAxIDEuMDcxIDEuMDVsLTMuOTkyIDQuOTlhLjc1Ljc1IDAgMCAxLTEuMDguMDJMNC4zMjQgOC4zODRhLjc1Ljc1IDAgMSAxIDEuMDYtMS4wNmwyLjA5NCAyLjA5MyAzLjQ3My00LjQyNWEuMjM1LjIzNSAwIDAgMSAuMDItLjAyMnoiLz4KPC9zdmc+");
    --p-icon-circle: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2lyY2xlIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik04IDE1QTcgNyAwIDEgMSA4IDFhNyA3IDAgMCAxIDAgMTR6bTAgMUE4IDggMCAxIDAgOCAwYTggOCAwIDAgMCAwIDE2eiIvPgo8L3N2Zz4=");
    --p-icon-ratio: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcmVjb3JkLWNpcmNsZSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNOCAxNUE3IDcgMCAxIDEgOCAxYTcgNyAwIDAgMSAwIDE0em0wIDFBOCA4IDAgMSAwIDggMGE4IDggMCAwIDAgMCAxNnoiLz4KICA8cGF0aCBkPSJNMTEgOGEzIDMgMCAxIDEtNiAwIDMgMyAwIDAgMSA2IDB6Ii8+Cjwvc3ZnPg==");
    --p-icon-warning: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZXhjbGFtYXRpb24tY2lyY2xlLWZpbGwiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTE2IDhBOCA4IDAgMSAxIDAgOGE4IDggMCAwIDEgMTYgMHpNOCA0YS45MDUuOTA1IDAgMCAwLS45Ljk5NWwuMzUgMy41MDdhLjU1Mi41NTIgMCAwIDAgMS4xIDBsLjM1LTMuNTA3QS45MDUuOTA1IDAgMCAwIDggNHptLjAwMiA2YTEgMSAwIDEgMCAwIDIgMSAxIDAgMCAwIDAtMnoiLz4KPC9zdmc+");
}
 
:root {
    --p-header-title-content: 'SCP Foundation';
    --p-header-slogan-content: 'Secure / Contain / Protect';
}
 
:root:lang(cn) {
    --p-header-title-content: 'SCP基金会';
    --p-header-slogan-content: '控制 / 收容 / 保护';
}
 
:root:lang(jp) {
    --p-header-title-content: 'SCP財団';
    --p-header-slogan-content: '確保 / 収容 / 保護';
}
/*
 * Base.css
 * 基础样式
 */
 
html {
    font-size: var(--p-font-size-base);
    scroll-behavior: smooth;
}
 
body {
    font-family: var(--p-font-sans-serif);
    font-size: var(--p-font-size-medium);
    line-height: var(--p-line-height-medium);
    color: var(--p-gray-5);
    background-color: var(--p-gray-0);
    width: 100vw;
    overflow-x: hidden;
}
 
div#content-wrap {
    max-width: 100vw;
    overflow-x: hidden;
    overflow-y: hidden;
    max-height: unset;
    padding-bottom: 0;
}
 
/* Header */
 
/* Header Titles */
#header {
    position: fixed;
    z-index: 101;
    height: var(--p-header-height);
    display: grid;
    box-sizing: content-box;
    grid-template-rows: 1fr;
    direction: ltr;
    grid-template-columns: var(--p-header-height) auto 1fr var(--p-header-height) var(--p-header-height);
    justify-items: start;
    background-color: var(--p-gray-0);
    background-image: var(--p-header-background-image);
    background-size: var(--p-header-background-size);
    background-position: var(--p-header-background-position);
    background-repeat: var(--p-header-background-repeat);
    left: 0px;
    top: 0px;
    width: 100%;
    grid-gap: 0px 0px;
    padding-left: 0.25rem;
    align-items: start;
    justify-content: space-between;
    column-gap: 0;
    align-content: space-between;
    grid-template-areas: 'logo title topbar user search';
    box-shadow: var(--p-shadow-1);
    user-select: none;
}
 
#header h1 {
    margin: 0;
    grid-area: none;
    display: contents;
    height: var(--p-header-height);
    width: fit-content;
    left: calc(var(--p-header-height)* 0.05);
    position: relative;
}
 
#header h1 a {
    display: block;
    position: relative;
    width: fit-content;
    height: var(--p-header-height);
    display: contents;
}
 
#header h1 a span {
    font-size: 0;
    grid-area: title;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    height: var(--p-header-height);
}
 
#header h2 {
    margin: 0;
    padding: 0;
    grid-area: title;
    display: block;
    transform: translateY(1rem);
    width: calc(100% - 3rem);
    text-align: left;
}
 
#header h2 span {
    font-size: 0;
}
 
#header h2 {
    width: auto;
    text-align: left;
    word-break: keep-all;
    direction: ltr;
    left: calc(var(--p-header-height)* 2.35);
    display: contents;
    position: relative;
    top: calc(var(--p-header-height)* 0.35);
}
 
#header h1 a span::after {
    content: var(--p-header-slogan-content);
    font-size: calc(var(--p-header-height)* 0.25) !important;
    font-weight: normal;
    width: auto;
    text-align: center;
    bottom: calc(var(--p-header-height)* 0.115 - 0.125rem);
    position: relative;
    left: calc(var(--p-header-height)* 0);
    display: block;
    color: var(--p-gray-5);
}
 
#header h1 a::before {
    display: inline-block;
    padding: 0;
    content: '';
    border: none;
    position: relative;
    background: var(--p-header-logo-background) center / calc(var(--p-header-height) * 0.75) no-repeat;
    font-size: calc(var(--p-header-height) * 0.45) !important;
    height: var(--p-header-height);
    width: calc(var(--p-header-height) * 1);
    grid-area: logo;
    margin-left: calc(var(--p-header-height)* 0.05);
}
 
div#header h1 a:hover {
    background: transparent;
}
 
#header h1 a span::before {
    content: var(--p-header-title-content);
    font-size: calc(var(--p-header-height) * 0.45) !important;
    color: var(--p-gray-5);
    position: relative;
    font-weight: bold;
    display: block;
    left: calc(var(--p-header-height)* 0);
    top: calc(var(--p-header-height)* 0.05);
    width: max-content;
    word-break: keep-all;
}
 
div#header a:hover {
    text-decoration:none;
}
 
/* Login Status */
 
#login-status {
    position: relative;
    right: 0px;
    top: 0px;
    overflow: visible;
    z-index: 25;
    grid-area: user;
    font-size: 0px;
    margin-right: calc(var(--p-header-height)* 0);
    width: var(--p-header-height);
    height: var(--p-header-height);
    display: flex;
    align-items: center;
    justify-content: center;
}
 
#login-status > * {
    font-size: 0.65rem !important
}
 
#header #login-status .printuser {
    font-size: 0 !important;
    grid-area: none;
    z-index: 25;
    position: relative;
}
 
#header .printuser a {
    position: relative;
    z-index: 22;
    display: block;
}
 
#login-status a#my-account {
    display: none;
}
 
#login-status>a[href="https://www.wikidot.com/account/messages"] {
    position: absolute;
    background-color: var(--p-warning-color);
    color: transparent;
    display: block;
    width: calc(var(--p-header-height)* 0.2);
    height: calc(var(--p-header-height)* 0.2);
    border-radius: 50%;
    transform: translateX(calc(var(--p-header-height)* 0.3)) translateY(calc(var(--p-header-height)* 0.3));
    z-index: 100;
}
 
#login-status img.small {
    width: calc(var(--p-header-height)* 0.55);
    height: calc(var(--p-header-height)* 0.55);
    background-image: none !important;
    border-radius: var(--p-border-radius-small);
    position: relative;
    vertical-align: 0em;
    padding: 0;
    transition: transform var(--p-animation-duration-short);
}
 
#login-status a.login-status-sign-in.btn.btn-primary[onclick*="WIKIDOT.page.listeners.loginClick(event)"] {
    font-size: 0 !important;
    background-color: var(--p-gray-4);
    display: block;
    padding: calc(var(--p-header-height) * 0.275);
    border-radius: var(--p-border-radius-small);
    mask: var(--p-icon-sign-in) center / 90% no-repeat;
    transform: rotate(0deg);
    transition: transform var(--p-animation-duration-short);
}
 
#login-status a.login-status-sign-in.btn.btn-primary[onclick*="WIKIDOT.page.listeners.loginClick(event)"]:hover {
    transform: rotate(15deg);
}
 
a.login-status-create-account.btn, a.login-status-create-account.btn~span {
    display: none;
}
 
#login-status:hover img.small {
    transform: rotate(-15deg);
}
 
.printuser>a {
    margin-right: 0px;
    background-color: transparent;
}
 
#account-topbutton {
    display: none;
}
 
div#account-options {
    opacity: 0;
    visibility: visible;
    pointer-events: none;
    width: 13rem;
    background-color: var(--p-light-transparent-0-8);
    border-radius: var(--p-border-radius-medium);
    border: none;
    box-shadow: var(--p-shadow-2);
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    position: absolute;
    backdrop-filter: blur(0.4rem);
    transform: translateX(calc(var(--p-header-height)* 0.15)) translateY(calc(var(--p-header-height)* 1.45));
    transition: transform var(--p-animation-duration-short), opacity var(--p-animation-duration-short);
}
 
#login-status:hover div#account-options {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(calc(var(--p-header-height)* 0.15)) translateY(calc(var(--p-header-height)* 1.65));
}
 
div#account-options ul, div#account-options li {
    display: contents;
}
 
div#account-options a {
    font-size: var(--p-font-size-small);
    color: var(--p-gray-4);
    text-decoration: none;
    display: block;
    width: 100%;
    padding: 0.5rem 1rem;
    text-align: center;
}
 
div#account-options a:hover {
    color: var(--p-gray-5);
    background-color: transparent;
    font-weight: bold;
}
 
div#login-status:hover div#account-options {
    opacity: 1;
    visibility: visible;
}
 
/* Search */
 
#search-top-box {
    position: relative;
    right: 0;
    top: 0em;
    z-index: 10;
    grid-area: search;
    width: calc(var(--p-header-height));
    height: calc(var(--p-header-height));
    display: block;
}
 
#search-top-box input.empty {
    display: none;
}
 
form#search-top-box-form {
    width: calc(var(--p-header-height));
    right: 0;
    height: calc(var(--p-header-height));
}
 
#header #search-top-box input#search-top-box-input {
    display: none;
}
 
#header #search-top-box input.button {
    margin-left: calc(var(--p-header-height));
    padding: 0;
    text-decoration: none;
    border: none;
    font-size: 0;
    display: block;
    width: calc(var(--p-header-height));
    height: calc(var(--p-header-height));
    margin-right: 0;
    z-index: 25;
    position: absolute;
    right: 0rem;
    margin-left: 0;
    background-color: var(--p-gray-5);
    -webkit-mask: var(--p-icon-search) center / 40% no-repeat;
    mask: var(--p-icon-search) center / 40% no-repeat;
    transition: background-color var(--p-animation-duration-short);
}
 
#header #search-top-box input.button:hover {
    cursor: pointer;
    background-color: var(--p-theme-color);
}
 
/* Top Bar */
 
#top-bar {
    font-family: var(--p-font-sans-serif);
}
 
#top-bar {
    position: relative;
    right: -1rem;
    bottom: 0rem;
    z-index: 100;
    display: contents;
}
 
#top-bar a, #top-bar a:hover {
    background-color: transparent;
}
 
.top-bar {
    display: grid;
    grid-area: topbar;
    left: 0;
    position: relative;
    justify-content: start;
    margin-left: calc(var(--p-header-height)* 0.2);
}
 
.mobile-top-bar {
    display: none;
}
 
#top-bar :is(.mobile-top-bar, .top-bar)>ul>li {
    list-style: none;
    float: left;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    height: var(--p-header-height);
    line-height: var(--p-header-height);
}
 
#top-bar :is(.mobile-top-bar, .top-bar)>ul>li>a {
    text-align: center;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 1px 0.4rem;
    text-decoration: none;
    color: var(--p-gray-4);
    font-weight: light;
    word-break: keep-all;
    width: max-content;
    background-color: transparent;
    transition: box-shadow calc(var(--p-animation-duration-short) * 2), color var(--p-animation-duration-short);
}
 
#top-bar :is(.mobile-top-bar, .top-bar)>ul>li>a::after {
    content: '';
    position: relative;
    width: 0rem;
    height: 0.15rem;
    background-color: var(--p-theme-color);
    border-radius: 0.15rem;
    transform: translateY(-0.65rem);
    transition: width var(--p-animation-duration-short);
}
 
#top-bar :is(.mobile-top-bar, .top-bar)>ul>li.sfhover>a::after {
    width: 2rem;
}
 
#top-bar :is(.mobile-top-bar, .top-bar)>ul>li>ul {
    position: absolute;
    opacity: 0;
    transition: opacity var(--p-animation-duration-short), transform var(--p-animation-duration-short);
    visibility: visible;
    pointer-events: none;
}
 
#top-bar :is(.mobile-top-bar, .top-bar)>ul>li ul {
    background-color: var(--p-light-transparent-0-8);
    backdrop-filter: blur(0.4rem);
    border: none;
    border-radius: var(--p-border-radius-medium);
    box-shadow: var(--p-shadow-2);
    transform: translate(0rem, -0.5rem);
    width: max-content;
    min-width: 10rem;
    max-width: 20rem;
    padding: 0.5rem 0rem;
}
 
#top-bar :is(.mobile-top-bar, .top-bar)>ul>li>ul a {
    background-color: transparent;
    color: var(--p-gray-4);
    font-size: var(--p-font-size-small);
    line-height: calc(var(--p-font-size-small) * 1.75);
    display: block;
    width: calc(100% - 2rem);
    padding: 0rem 1rem;
    transition: color var(--p-animation-duration-short);
}
 
#top-bar :is(.mobile-top-bar, .top-bar)>ul>li>ul a:hover {
    color: var(--p-gray-6);
    font-weight: bold;
}
 
#top-bar :is(.mobile-top-bar, .top-bar)>ul>li.sfhover>ul {
    opacity: 1;
    pointer-events: all;
    transform: translate(0rem, 0rem);
}
 
/* 折叠列表 */
 
#top-bar :is(.mobile-top-bar, .top-bar)>ul>li>ul>li>ul {
    position: absolute;
    opacity: 0;
    visibility: visible;
    pointer-events: none;
    transform: translate(5.5rem, calc(-50% - 0.85rem));
    backdrop-filter: none;
    background-color: var(--p-gray-0);
    transition: transform var(--p-animation-duration-short), opacity var(--p-animation-duration-short);
    z-index: 1;
}
 
#top-bar :is(.mobile-top-bar, .top-bar)>ul>li>ul>li>ul::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -0.5rem;
    transform: translateY(-50%);
    width: 0rem;
    height: 0rem;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-style: solid;
    border-color: transparent;
    border-right-color: var(--p-gray-0);
}
 
#top-bar :is(.mobile-top-bar, .top-bar)>ul>li>ul>li:hover>ul {
    opacity: 1;
    pointer-events: all;
    transform: translate(6rem, calc(-50% - 0.85rem));
}
 
#top-bar :is(.mobile-top-bar, .top-bar)>ul>li>ul>li:has(ul)>a {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
}
 
#top-bar :is(.mobile-top-bar, .top-bar)>ul>li>ul>li:has(ul)>a::after {
    content: '';
    mask-image: var(--p-icon-topbar-more);
    mask-size: contain;
    width: var(--p-font-size-small);
    height: var(--p-font-size-small);
    display: inline-block;
    background-color: var(--p-gray-4);
    line-height: calc(var(--p-font-size-small) * 1.75);
}
 
.top-bar {
    display: flex;
}
 
.top-bar>br {
    display: none; /* For JP Sandbox */
}
 
@media screen and (max-width: 768px) {
 
    .top-bar {
        display: none;
    }
 
    .mobile-top-bar {
        display: flex;
        position: relative;
        grid-area: topbar;
        width: calc(100% - calc(var(--p-header-height)* 0.5));
        justify-content: space-around;
        z-index: 999;
    }
 
    #top-bar .mobile-top-bar>ul,
    #top-bar .mobile-top-bar>ul>li,
    #top-bar .mobile-top-bar > ul>li>ul>li {
        display: contents;
    }
 
    #top-bar .mobile-top-bar>ul>li>a {
        width: 100%;
        flex-grow: 1;
    }
 
    #top-bar .mobile-top-bar>ul>li>ul {
        height: auto;
        display: grid;
        max-height: 60vh;
        justify-content: flex-start;
        position: absolute;
        left: calc(var(--p-header-height) * -.2);
        top: calc(var(--p-header-height) + .2rem);
        width: calc(100vw - (var(--p-header-height) * 2));
        max-width: unset;
        min-width: unset;
        z-index: 999;
        overflow-x: hidden;
        grid-template-columns: 1fr 1fr;
    }
 
    #top-bar .mobile-top-bar > ul>li>ul>li a {
        width: calc(100% - 1.5rem);
        padding: 0.15rem 0.75rem;
        line-height: calc(var(--p-font-size-small) * 1.75);
    }
 
    /* 折叠列表 */
 
    #top-bar .mobile-top-bar > ul>li>ul>li>ul {
        position: absolute;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        transform: translate(5.5rem, 0) !important;
        height: 100%;
    }
 
    #top-bar .mobile-top-bar > ul>li>ul>li>ul::before {
        display: none;
    }
 
    #top-bar .mobile-top-bar > ul>li>ul>li:hover>ul {
        transform: translate(6rem, 0) !important;
    }
 
    #header {
        position: sticky;
        display: grid;
        height: calc(var(--p-header-height)* 3);
        direction: ltr !important;
        top: calc(var(--p-header-height)* -2);
        grid-template-areas:
        'menu logo title title search'
        'menu logo title title user'
        'menu topbar topbar topbar topbar';
        grid-template-columns: var(--p-header-height) 0fr 1fr 0fr;
        grid-template-rows: auto auto var(--p-header-height);
        align-content: space-between;
        align-items: center;
        justify-items: start;
        padding-right: calc(var(--p-header-height)* 0.5);
        width: auto;
    }
 
    #header h1 a::before {
        height: calc(var(--p-header-height)* 1.25);
        width: calc(var(--p-header-height)* 1.25);
        display: inline-block;
        background-size: contain;
        grid-area: logo;
        margin-left: calc(var(--p-header-height) * 0.05);
    }
 
    #header h1 a span {
        justify-content: center;
        height: var(--p-header-height);
        transform: translateX(calc(var(--p-header-height)* -0.25));
        background-image: linear-gradient(90deg, #6f6f6f00 0%, var(--p-layer-light-1) 15%);
        padding: calc(var(--p-header-height)* 0.5) calc(var(--p-header-height)* 0.4);
    }
 
    #header h1 a span::before {
        font-size: calc(var(--p-header-height) * 0.55) !important;
        max-width: 12rem;
        word-break: break-all;
        line-height: calc(var(--p-header-height) * 0.55) !important;
        padding-bottom: 0.3rem;
    }
 
    #header h1 a span::after {
        font-size: calc(var(--p-header-height)* 0.3) !important;
        bottom: calc(var(--p-header-height)* 0.115 + 0.125rem);
    }
 
   div#content-wrap {
        margin-top: calc(var(--p-header-height)* 0.25);
    }
 
}
 
/* Side Bar */
 
#side-bar::after {
    content: '';
    position: fixed;
    display: block;
    width: calc(var(--p-header-height) * 1.45);
    height: calc(var(--p-header-height));
    top: calc(var(--p-header-height) * 1.25);
    left: calc(var(--p-sidebar-width) * -1);
    background-color: var(--p-dark-transparent-0-2);
    -webkit-mask: var(--p-icon-sidebar) center / 1.5rem no-repeat;
    mask: var(--p-icon-sidebar) center / 1.5rem no-repeat;
    transition: opacity var(--p-animation-duration-short);
    transform: translateX(var(--p-sidebar-width));
    opacity: 1;
    z-index: 100;
}
 
#side-bar {
    position: fixed;
    top: var(--p-header-height);
    left: calc(var(--p-sidebar-width) * -1);
    transition: left var(--p-animation-duration-medium), box-shadow var(--p-animation-duration-medium);
    width: calc(var(--p-sidebar-width) - (var(--p-sidebar-padding-x) * 2));
    padding: var(--p-sidebar-padding-y) var(--p-sidebar-padding-x);
    box-shadow: var(--p-shadow-1);
    height: calc(100% - var(--p-header-height));
    overflow-y: scroll;
    direction: rtl;
    text-align: left;
}
 
#side-bar:hover {
    left: 0rem;
    box-shadow: var(--p-shadow-3);
}
 
#side-bar:hover::after {
    opacity: 0;
}
 
.open-menu {
    display: none;
}
 
@media screen and (max-width: 768px) {
    #side-bar::after {
        top: calc(var(--p-header-height) * 0);
        z-index: 102;
    }
 
    #side-bar {
        z-index: 100;
        top: 0;
    }
 
    #header {
        z-index: 100;
    }
}
 
/* Side Bar Elements */
#side-bar {
    background-color: var(--p-gray-1);
    border-right: 1px solid var(--p-gray-2);
    text-align: left;
    z-index: 100;
}
 
.side-block {
    margin-bottom: 1.5rem;
    padding: 1rem;
    background-color: var(--p-gray-0) !important;
    border: 1px solid var(--p-gray-2);
    border-radius: 0.5rem;
    text-align: left;
}
 
:where(.side-block.newcomer > .heading:first-child, 
    .side-block a[href="/"],
    .side-block.resources > .heading:first-child,
    .side-block.admin a.collapsible-block-link,
    .side-block.media > .heading:first-child
    )::before {
    content: '';
    display: inline-block;
    width: 1rem;
    height: 1rem;
    mask-size: contain;
    background-color: var(--p-gray-4);
}
 
.side-block.newcomer > .heading:first-child::before {
    mask: var(--p-icon-newcomer);
}
 
.side-block.resources > .heading:first-child::before {
    mask: var(--p-icon-resource);
}
 
.side-block.media > .heading:first-child::before {
    mask: var(--p-icon-media);
}
.side-block a[href="/"]::before {
    mask: var(--p-icon-home);
}
 
.side-block.admin a.collapsible-block-link::before {
    mask: var(--p-icon-admin);
}
 
.side-block .heading, .side-block a[href="/"] {
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--p-gray-2);
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 0.5rem;
}
 
.side-block .heading p, .side-block a[href="/"], .side-block .collapsible-block-link {
    margin: 0;
    font-size: var(--p-font-size-large);
    font-weight: 700;
    color: var(--p-gray-5);
    text-align: left;
}
 
.side-block .menu-item, .side-block .collapsible-block-link {
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}
 
.side-block:not(.media) .menu-item img.image {
    display: none;
}
 
.side-block .menu-item a {
    color: var(--p-gray-5);
    text-decoration: none;
    transition: color var(--p-animation-duration-short);
    flex-shrink: 0;
}
 
.side-block .menu-item a:hover {
    color: var(--p-theme-color);
    text-decoration: underline;
    text-decoration-thickness: 0.1rem;
    text-underline-offset: 0.2rem;
}
 
.side-block .menu-item a + a {
    margin: 0rem 0.25rem;
}
 
.side-block .collapsible-block {
    margin-bottom: 1rem;
}
 
.side-block .collapsible-block-folded,
.side-block .collapsible-block-unfolded-link {
    margin-bottom: 0.5rem;
}
 
.side-block .collapsible-block-link {
    color: var(--p-gray-5);
    text-decoration: none;
    font-weight: 700;
    cursor: pointer;
}
 
.side-block .collapsible-block-link:hover {
    color: var(--p-theme-color);
}
 
.side-block .collapsible-block-content {
    padding-left: 1rem;
}
 
.close-menu {
    display: none;
}
 
/* Main Content */
 
#content-wrap {
    margin-top: calc(var(--p-header-height)* 1.75);
    position: unset;
    max-width: unset;
    min-height: unset;
    height: unset;
}
 
#main-content {
    margin: 0rem auto;
    width: 100%;
    padding: 0rem;
}
 
.meta-title p {
    display: contents;
}
 
#breadcrumbs, .pseudocrumbs {
    margin: 1rem auto;
    width: var(--p-out-page-content-max-width);
}
 
#page-title, .meta-title {
    font-size: calc(var(--p-font-size-xxlarge) * 1.25);
    font-weight: bold;
    margin: 0rem auto;
    margin-bottom: 1.5rem;
    max-width: calc(var(--p-main-content-max-width) - 6rem);
    width: 90%;
    text-align: center;
    border-bottom: 0.1rem solid var(--p-gray-2);
}
 
.page-tags span::before {
    content: var(--LOC-page-tags);
    color: var(--p-gray-3);
}
 
.page-tags span {
    border-top: solid 0.1rem var(--p-gray-2);
}
 
.page-tags {
    font-size: var(--p-font-size-small);
    margin: 1rem auto;
    width: var(--p-out-page-content-max-width);
    text-align: left;
    padding: 0rem 0rem;
}
 
#page-content {
    display: grid;
    grid-template-columns:   [fullwidth-start] var(--p-main-side-margin) 
                             [extrude-start] var(--p-main-extrude-margin) 
                             [content-start] minmax(0, var(--p-main-content-width)) 
                             [content-end] var(--p-main-extrude-margin) 
                             [extrude-end] var(--p-main-side-margin) 
                             [fullwidth-end];
    justify-items: center;
}
 
@media screen and (max-width: 500px) {
    #page-content {
        display: block;
        padding: 0rem 1.75rem;
        width: auto;
    }
}
 
:where(#page-content) > * {
    grid-column: content;
    width: 100%;
    max-width: var(--p-main-content-max-width);
}
 
#page-content > :is(.content-start, .start-content-start) {
    grid-column-start: content-start;
    max-width: unset;
}
 
#page-content > :is(.content-end, .end-content-end) {
    grid-column-end: content-end;
    max-width: unset;
}
 
#page-content > .content {
    grid-column-start: content-start;
    grid-column-end: content-end;
    max-width: unset;
}
 
#page-content > :is(.extrude-start, .start-extrude-start) {
    grid-column-start: extrude-start;
    max-width: unset;
}
 
#page-content > :is(.extrude-end, .end-extrude-end) {
    grid-column-end: extrude-end;
    max-width: unset;
}
 
#page-content > .extrude {
    grid-column-start: extrude-start;
    grid-column-end: extrude-end;
    max-width: unset;
}
 
#page-content > :is(.fullwidth-start, .start-fullwidth-start) {
    grid-column-start: fullwidth-start;
    max-width: unset;
}
 
#page-content > :is(.fullwidth-end, .end-fullwidth-end) {
    grid-column-end: fullwidth-end;
    max-width: unset;
}
 
#page-content > .fullwidth {
    grid-column-start: fullwidth-start;
    grid-column-end: fullwidth-end;
    max-width: unset;
}
 
#page-content > .end-content-start {
    grid-column-end: content-start;
    max-width: unset;
}
 
#page-content > .end-content-end {
    grid-column-end: content-end;
    max-width: unset;
}
 
#page-content > .end-extrude-start {
    grid-column-end: extrude-start;
    max-width: unset;
}
 
#page-content > .end-extrude-end {
    grid-column-end: extrude-end;
    max-width: unset;
}
 
#page-content > .end-fullwidth-start {
    grid-column-end: fullwidth-start;
    max-width: unset;
}
 
#page-content > .end-fullwidth-end {
    grid-column-end: fullwidth-end;
    max-width: unset;
}
 
#page-content > .start-content-end {
    grid-column-start: content-end;
    max-width: unset;
}
 
#page-content > .start-extrude-end {
    grid-column-start: extrude-end;
    max-width: unset;
}
 
#page-content > .start-fullwidth-end {
    grid-column-start: fullwidth-end;
    max-width: unset;
}
 
/* Page Info */
 
#page-options-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 2rem auto;
    width: min(90vw, calc(var(--p-main-content-max-width) - 8rem));
}
 
#page-info, div.page-watch-options {
    font-size: var(--p-font-size-xxsmall);
    padding: 0.5rem 1rem;
    font-family: var(--p-font-monospace);
}
 
/* Page Options Bottom */
 
#page-options-bottom, #page-options-bottom-2 {
    margin: 0rem auto;
    width: min(90vw, calc(var(--p-main-content-max-width) - 8rem));
    display: flex;
    flex-wrap: wrap;
    background-color: var(--p-gray-1);
    padding: 0.5rem 1rem;
}
 
div#page-options-bottom > a, div#page-options-bottom-2 > a {
    margin: 0rem;;
    margin-bottom: 0.5rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-basis: 6rem;
    flex-grow: 1;
    height: 2rem;
    box-shadow: inset 0rem -0.075rem 0rem var(--p-gray-2);
    font-size: var(--p-font-size-small);
    color: var(--p-gray-5);
    transition: box-shadow var(--p-animation-duration-short);
    user-select: none;
}
 
div#page-options-bottom > a#more-options-button {
    box-shadow: none;
    margin: 0rem 0.25rem;
    background-color: var(--p-gray-4);
    color: var(--p-gray-1);
    border-radius: var(--p-border-radius-medium);
    flex-basis: 4rem;
}
 
div#page-options-bottom-2 > a#delete-button {
    color: var(--p-warning-color);
    box-shadow: inset 0rem -0.075rem 0rem var(--p-warning-color);
}
 
div#page-options-bottom-2 > a#delete-button:hover {
    box-shadow: inset 0rem -0.15rem 0rem var(--p-warning-color);
}
 
:is(div#page-options-bottom > a, div#page-options-bottom-2 > a ):hover {
    text-decoration: none;
    font-weight: bold;
    box-shadow: inset 0rem -0.15rem 0rem var(--p-gray-5);
}
 
/* Action Area */
 
div#action-area:not([style="display: none;"]) {
    display: grid !important;
}
 
div#action-area {
    width: 100%;
    margin: 0 auto;
    --p-gray-0: var(--p-black);
    --p-gray-1: var(--p-black-gray);
    --p-gray-2: var(--p-dark-gray);
    --p-gray-3: var(--p-gray);
    --p-gray-4: var(--p-light-gray);
    --p-gray-5: var(--p-white-gray);
    --p-gray-6: var(--p-white);
    --p-gray-7: var(--p-white);
    background: var(--p-gray-1);
    grid-template-columns:   [fullwidth-start] var(--p-main-side-margin) 
                            [extrude-start] var(--p-main-extrude-margin) 
                            [content-start] minmax(0, var(--p-main-content-width)) 
                            [content-end] var(--p-main-extrude-margin) 
                            [extrude-end] var(--p-main-side-margin) 
                            [fullwidth-end];    justify-items: center;
    color: var(--p-gray-5);
    border-bottom: solid 0.1rem var(--p-gray-2);
}
 
@media screen and (max-width: 768px) {
    div#action-area:not([style="display: none;"]) {
        display: block !important;
        padding: 0rem 1rem 4rem 1rem;
        width: auto;
        margin-bottom: 0;
        max-width: unset;
    }
}
 
div#action-area > * {
    grid-column: content;
    width: 100%;
    max-width: var(--p-main-content-width);
    color: var(--p-gray-4);
}
 
#action-area > h1::before, #action-area > h1::after {
    content: '';
    display: block;
    width: auto;
    flex-grow: 1;
    height: 0.1rem;
    background-color: var(--p-gray-2);
    margin: 0rem 2rem;
}
 
#action-area > h1 {
    grid-column-start: fullwidth-start;
    grid-column-end: fullwidth-end;
    display: flex;
    align-items: center;
    padding: 1rem 0rem 0rem 0rem;
}
 
form#edit-page-form {
    display: contents;
}
 
input#edit-page-title {
    width: auto;
}
 
:is(#action-area, #new-post-form) input,
:is(#action-area, #new-post-form) a.button {
    border: none;
    margin: 0;
    background: var(--p-gray-2);
    color: var(--p-gray-5);
    padding: 0.5rem 0.4rem;
    flex-grow: 1;
    border-radius: var(--p-border-radius-medium);
}
 
form#edit-page-form table.form :is(tbody, tr, td) {
    display: contents;
}
 
form#edit-page-form table.form {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}
 
div#wd-editor-toolbar-panel li {
    list-style: none;
}
 
div#wd-editor-toolbar-panel {
    padding: 0.1rem 1rem;
    background: var(--p-gray-2);
    border-radius: var(--p-border-radius-medium);
}
 
textarea {
    font-family: var(--p-font-monospace);
    width: calc(100% - 2rem) !important;
    margin: 1rem 0rem;
    background-color: var(--p-gray-2);
    color: var(--p-gray-5);
    border-radius: var(--p-border-radius-medium);
    padding: 1rem 1rem;
    outline: solid 0.15rem transparent;
    transition: outline var(--p-animation-duration-short);
    border: none;
}
 
:is(#action-area, #new-post-form) input[type="text"] {
    transition: outline var(--p-animation-duration-short);
}
 
:is(#action-area, #new-post-form) :is(textarea:focus, textarea:focus-visible,
input[type="text"]:focus, input[type="text"]:focus-visible) {
    outline: solid 0.15rem var(--p-theme-color-light);
}
 
:is(#action-area, #new-post-form) .change-textarea-size {
    display: flex;
    padding: 0;
    width: 7rem;
    gap: 0.5rem;
    height: 1.6rem;
}
 
:is(#action-area, #new-post-form) .change-textarea-size a.btn {
    flex-grow: 1;
    display: block;
    text-align: center;
    line-height: 1.6rem;
    padding: 0;
    color: var(--p-gray-5);
    background: var(--p-gray-1);
    border: solid 0.1rem var(--p-gray-2);
    border-radius: var(--p-border-radius-medium);
    transition: background var(--p-animation-duration-short);
    width: 100%;
    min-width: unset;
}
 
:is(#action-area, #new-post-form) .change-textarea-size a.btn:hover {
    text-decoration: none;
    background: var(--p-gray-2);
}
 
table.edit-page-bottomtable :is(tbody, tr) {
    display: contents;
}
 
table.edit-page-bottomtable {
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
}
 
table.edit-page-bottomtable td {
    padding: 0 !important;
}
 
div#lock-info {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
}
 
p:has(a[onclick*="PageRateModule.listeners.showWho"]) {
    text-align: center;
}
 
#action-area .btn:not(.rateup, .ratedown, .cancel), 
a[onclick*="PageRateModule.listeners.showWho"],
a.button {
    padding: 0.5rem 0.75rem;
    font-size: var(--p-font-size-medium);
    line-height: calc(var(--p-font-size-medium) * 1.5);
    cursor: pointer;
    min-width: 4rem;
    transition: color var(--p-animation-duration-short), background-color var(--p-animation-duration-short);
    border: none;
    margin: 0;
    background-color: var(--p-gray-2);
    color: var(--p-gray-5);
    text-decoration: none;
    border-radius: var(--p-border-radius-medium);
}
 
#action-area .btn:not(.rateup, .ratedown, .cancel):hover, 
a[onclick*="PageRateModule.listeners.showWho"]:hover,
a.button:hover {
    background-color: var(--p-gray-3);
    text-decoration: none;
}
 
#action-area .buttons.alignleft {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem;
}
 
#action-area input#edit-cancel-button {
    color: var(--p-warning-color);
}
 
#action-area input#edit-cancel-button:hover {
    background-color: var(--p-warning-color);
    color: var(--p-gray-0);
}
 
#action-area input#edit-save-button {
    color: var(--p-success-color);
}
 
#action-area input#edit-save-button:hover {
    background-color: var(--p-success-color);
    color: var(--p-gray-0);
}
 
#action-area h1 {
    margin: 0 0 1rem 0;
    font-size: var(--p-font-size-xlarge);
    color: var(--p-gray-5);
}
 
#history-form-1 .form {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 0.1rem solid var(--p-gray-2);
    margin-bottom: 1rem;
}
 
#history-form-1 .form tbody {
    display: contents;
}
 
#history-form-1 .form td {
    padding: 0.75rem 1rem;
    vertical-align: top;
    color: var(--p-gray-5);
}
 
#history-form-1 .form td:first-child {
    font-weight: 600;
    color: var(--p-gray-5);
}
 
#history-form-1 .checkbox {
    margin-right: 0.5rem;
}
 
#history-form-1 #h-perpage {
    padding: 0.35rem 0.5rem;
    border: none;
    border-radius: var(--p-border-radius-medium);
    background-color: var(--p-gray-2);
    color: var(--p-gray-5);
    font-size: var(--p-font-size-base);
    cursor: pointer;
}
 
#history-form-1 #h-perpage:hover {
    border-color: var(--p-gray-3);
}
 
#history-form-1 .buttons {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    padding: 0rem 1rem;
}
 
#history-form-1 .buttons input {
    padding: 0.5rem 1rem;
    border-radius: var(--p-border-radius-medium);
    background-color: var(--p-gray-2);
    color: var(--p-gray-5);
    font-size: var(--p-font-size-base);
    cursor: pointer;
    transition: all var(--p-animation-duration-short);
}
 
.pager {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.1rem;
    margin-bottom: 1rem;
    padding: 0.5rem;
    background-color: transparent;
    text-transform: uppercase;
}
 
.page-history {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1rem;
    font-family: var(--p-font-monospace);
}
 
.page-history tbody {
    display: block;
}
 
.page-history tr {
    display: grid;
    grid-template-areas:
        "version radio mark option user date"
        "comment comment comment comment comment comment";
    grid-template-columns: 5rem 4rem 3rem 1fr 1fr 1fr;
    border-radius: var(--p-border-radius-medium);
}
 
.page-history tr:hover {
    outline: 0.1rem solid var(--p-theme-color);
}
 
.page-history tr:first-child {
    font-weight: bold;
}
 
.page-history tr:first-child td:last-child {
    display: none;
}
 
.page-history tr > td:nth-child(1) {
    grid-area: version;
}
 
.page-history tr > td:nth-child(2) {
    grid-area: radio;
}
 
.page-history tr > td:nth-child(3) {
    grid-area: mark;
}
 
.page-history tr > td:nth-child(4) {
    grid-area: option;
}
 
.page-history tr > td:nth-child(5) {
    grid-area: user;
}
 
.page-history tr > td:nth-child(6) {
    grid-area: date;
    text-align: right;
}
 
.page-history tr > td:nth-child(7) {
    grid-area: comment;
    height: auto;
    padding: 0 0 0 0.1rem;
    font-size: var(--p-font-size-xsmall) !important;
    margin-top: -0.5rem;
    margin-bottom: 0.25rem;
}
 
.page-history td {
    padding: 0.25rem 0.1rem;
    font-size: var(--p-font-size-xsmall) !important;
    color: var(--p-gray-5);
    vertical-align: middle;
    flex: 0 0 auto;
    width: auto !important;
}
 
.page-history td.optionstd {
    display: flex;
    gap: 0.25rem;
}
 
table.page-history td.optionstd a {
    display: inline-block;
    font-size: 0rem;
    padding: 0rem;
    margin: 0rem 0.25rem 0rem 0rem;
    border: none;
}
 
table.page-history td.optionstd a::before {
    content: "";
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--p-gray-3);
    transition: background-color var(--p-animation-duration-short);
}
 
table.page-history td.optionstd a[onclick*="showVersion"]::before {
    mask-image: var(--p-icon-pageview);
}
 
table.page-history td.optionstd a[onclick*="showSource"]::before {
    mask-image: var(--p-icon-pagecode);
}
 
table.page-history td.optionstd a[onclick*="PageHistoryModule.listeners.revert"]::before {
    mask-image: var(--p-icon-pagerevert);
}
 
table.page-history td.optionstd a:hover::before {
    background-color: var(--p-gray-5);
}
 
table.page-history td.optionstd a[onclick*="PageHistoryModule.listeners.revert"]:hover::before {
    background-color: var(--p-danger-color);
}
 
table.page-history .printuser img.small {
    width: 1rem;
    height: 1rem;
    margin-right: 0.25rem;
    vertical-align: middle;
}
 
.page-history .printuser a {
    color: var(--p-gray-5);
    text-decoration: none;
}
 
.page-history .printuser a:hover {
    color: var(--p-theme-color);
}
 
@media screen and (max-width: 768px) {
    #history-form-1 .form td:first-child {
        width: 100%;
        display: block;
        margin-bottom: 0.25rem;
    }
 
    form#history-form-1 {
        grid-column: fullwidth;
    }
 
    #history-form-1 .form td {
        display: block;
        width: 100%;
    }
 
    #history-form-1 .buttons input {
        width: 100%;
    }
 
    .page-history {
        font-size: var(--p-font-size-xsmall);
    }
 
    .page-history tr:first-child {
        display: none;
    }
 
    table.page-history tr {
        padding: 0.25rem 1.25rem 0.25rem 0.5rem;
        gap: 0.125rem;
        grid-template-areas: "version radio option user" "mark date date comment";
        grid-template-columns: 3rem 4rem 1fr 1fr;
    }
 
    .page-history tr:hover {
        outline: 0.1rem solid var(--p-theme-color);
    }
 
    .page-history td {
        padding: 0 0.75rem 0 0.5rem;
        width: auto !important;
    }
 
    .page-history tr:nth-child(even) {
        background-color: var(--p-gray-0);
    }
 
    .page-history .optionstd {
        justify-content: flex-end;
    }
}
 
/* Error Block */
 
div.error-block::before {
    display: inline-block;
    content: '';
    mask-image: var(--p-icon-warning);
    mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;
    width: 1.2rem;
    height: 1.2rem;
    background-color: var(--p-white-gray);
    margin-right: 0.5rem;
}
 
div.error-block {
    border: none;
    background-color: var(--p-warning-color-dark);
    border-radius: var(--p-border-radius-medium);
    max-width: 30rem !important;
    margin: 1rem auto;
    color: var(--p-white-gray) !important;
    padding: 1rem;
    width: auto;
    display: flex;
    align-items: center;
}
 
div.error-block a {
    color: var(--p-warning-color-light);
}
 
/* Pager */
 
.pager span {
    padding: 0.25rem 0.5rem;
    font-size: var(--p-font-size-small);
    color: var(--p-gray-5);
}
 
.pager .current {
    background-color: var(--p-theme-color);
    color: var(--p-gray-0);
    border-radius: var(--p-border-radius-small);
}
 
.pager .target a {
    color: var(--p-gray-4);
    text-decoration: none;
    padding: 0.25rem 0.5rem;
    border-radius: var(--p-border-radius-small);
    transition: all var(--p-animation-duration-short);
    border: none;
    margin: 0;
}
 
.pager .target a:hover {
    background-color: var(--p-gray-2);
}
 
.pager .dots {
    color: var(--p-gray-3);
}
 
/* Files - Grid Layout */
 
table.page-files {
    display: grid;
    gap: 0.15rem;
    font-size: var(--p-font-size-small);
    width: 100%;
}
 
table.page-files tbody {
    display: contents;
}
 
table.page-files tbody tr {
    display: grid;
    grid-template-columns: 1fr 1fr 5rem 3rem;
    align-items: center;
    gap: 0.5rem 1rem;
    padding: 0.35rem 0.25rem;
    border-radius: var(--p-border-radius-medium);
}
 
table.page-files tbody tr:hover {
    outline: 0.1rem solid var(--p-theme-color);
}
 
table.page-files tbody tr td {
    padding: 0;
    margin: 0;
}
 
table.page-files tbody tr td:nth-child(1) {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
 
table.page-files tbody tr td:nth-child(2) {
    color: var(--p-gray-7);
    white-space: nowrap;
}
 
table.page-files tbody tr td:nth-child(3) {
    color: var(--p-gray-5);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}
 
table.page-files tbody tr td:last-child {
    display: flex;
    gap: 0.25rem;
    white-space: nowrap;
}
 
:is(#action-area, #page-content) .page-files :is(a[onclick*="fileMoreInfo"], a[onclick*="toggleFileOptions"]) {
    font-size: 0;
    background-color: transparent;
    padding: 0;
    margin: 0;
    min-width: unset;
    line-height: normal;
}
 
:is(#action-area, #page-content) .page-files :is(a[onclick*="fileMoreInfo"], a[onclick*="toggleFileOptions"]):hover {
    background-color: transparent;
}
 
:is(#action-area, #page-content) .page-files :is(a[onclick*="fileMoreInfo"], a[onclick*="toggleFileOptions"])::before {
    content: '';
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--p-gray-3);
    transition: background-color var(--p-animation-duration-short);
}
 
:is(#action-area, #page-content) .page-files :is(a[onclick*="fileMoreInfo"], a[onclick*="toggleFileOptions"]):hover::before {
    background-color: var(--p-gray-5);
}
 
:is(#action-area, #page-content) .page-files a[onclick*="fileMoreInfo"]::before {
    mask-image: var(--p-icon-info);
}
 
:is(#action-area, #page-content) .page-files a[onclick*="toggleFileOptions"]::before {
    mask-image: var(--p-icon-options);
}
 
.page-files thead tr {
    display: contents;
}
 
.page-files thead {
    display: grid;
    grid-template-columns: 1fr 1fr 5rem 3rem;
    align-items: center;
    gap: 0.5rem 1rem;
    padding: 0.25rem 0.25rem;
    justify-items: start;
}
 
/* Highlight/Options row */
table.page-files .highlight {
    display: block;
    background-color: var(--p-gray-13);
    border-radius: var(--p-border-radius);
    border: 1px solid var(--p-gray-11);
    margin-top: -0.25rem;
}
 
table.page-files .highlight td:not(.options) {
    display: none;
}
 
table.page-files .highlight .options {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    justify-content: flex-end;
    text-align: center;
}
 
@media screen and (max-width: 768px) {
    :is(#action-area, #page-content) .page-files {
        grid-column: fullwidth;
        padding: 0 1rem;
    }
 
    table.page-files tbody tr {
        grid-template-columns: 1fr auto;
        gap: 0.25rem 0.5rem;
    }
 
    table.page-files tbody tr td:nth-child(1) {
        grid-column: 1 / -1;
    }
 
    table.page-files tbody tr td:nth-child(2) {
        grid-column: 1;
    }
 
    table.page-files tbody tr td:nth-child(3) {
        grid-column: 2;
    }
 
    table.page-files tbody tr td:last-child {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}
 
/* Parent Page */
 
form[onsubmit*="setParent"] {
    padding-bottom: 10rem;
}
 
.yui-ac-content {
    border-radius: var(--p-border-radius-medium);
    background: var(--p-dark-transparent-0-8);
    border: none;
    position: relative;
    width: 100%;
    max-height: 15rem;
    overflow-y: auto;
    overflow-x: hidden;
}
 
.autocomplete-list li.yui-ac-highlight {
    background-color: var(--p-light-transparent-0-2);
    border-radius: var(--p-border-radius-medium);
}
 
.autocomplete-list li {
    padding: 0.15rem 0.25rem;
    margin: 0.4rem;
    list-style: none;
}
 
/* Website Tools */
 
div#st-action-area {
    flex-basis: 100%;
}
 
#action-area #site-tools-box :where(.page-options-bottom, ul.nav-pills, li) {
    display: contents;
}
 
#action-area #site-tools-box {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
}
 
#action-area #site-tools-box a {
    display: inline-block;
    flex-basis: 5rem;
}
 
table.form.grid td, table.form.grid th {
    border: 0.1rem solid var(--p-gray-2);
    color: var(--p-gray-4);
}
 
/* Watchers */
 
#action-area>ul[style="list-style: none"] {
    display: grid;
    margin: 0;
    padding: 0;
    grid-template-columns: repeat(auto-fill, minmax(min(12rem, 100%), 1fr));
    gap: .25rem;
}
 
#action-area>ul[style="list-style: none"] li {
    list-style: none;
    line-height: 1rem;
    margin: 0.15rem 0;
}
 
/* Backlinks */
 
#action-area:has(h1+h2+ul+h2) h2 {
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    font-size: var(--p-font-size-large);
    color: var(--p-gray-5);
}
 
#action-area:has(h1+h2+ul+h2) ul {
    list-style: none;
    padding: 0;
    margin: 0 0 1rem 0;
    counter-reset: backlinks-counter;
}
 
#action-area:has(h1+h2+ul+h2) li {
    counter-increment: backlinks-counter;
    position: relative;
    padding-left: 2rem;
    margin-bottom: 0.5rem;
    font-size: 0;
    color: var(--p-gray-5);
    list-style: none;
}
 
#action-area:has(h1+h2+ul+h2) li a {
    font-size: var(--p-font-size-medium);
}
 
#action-area:has(h1+h2+ul+h2) li::before {
    content: counter(backlinks-counter) ".";
    position: absolute;
    left: 0;
    font-weight: 600;
    color: var(--p-gray-4);
    font-size: var(--p-font-size-medium);
}
 
#action-area:has(h1+h2+ul+h2) li > a[href*="/edit/true"] {
    font-size: 0;
}
 
#action-area:has(h1+h2+ul+h2) li a[href*="/edit/true"]::after {
    content: '';
    display: inline-block;
    width: 1rem;
    height: 1rem;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--p-gray-3);
    transition: background-color var(--p-animation-duration-short);
    margin-left: 0.25rem;
    mask-image: var(--p-icon-edit);
    margin-bottom: -0.2rem;
}
 
#action-area:has(h1+h2+ul+h2) li a[href*="/edit/true"]:hover::after {
    background-color: var(--p-gray-5);
}
 
/* Page Source */
 
.page-source, .page-source a {
    font-family: var(--p-font-monospace);
    border: none;
    word-break: break-all;
}
 
.inline-diff ins {
    background-color: var(--p-success-color);
    color: var(--p-gray-0);
}
 
.inline-diff del {
    background-color: var(--p-warning-color-dark);
    color: var(--p-gray-7);
}
 
.preview-message {
    background-color: var(--p-white-transparent-0-6);
    border: solid 0.1rem var(--p-warning-color);
    border-radius: var(--p-border-radius-medium);
    backdrop-filter: blur(5px);
    box-shadow: var(--p-shadow-2);
}
 
div#page-version-info {
    right: 1rem;
    background-color: var(--p-light-transparent-0-8);
    border: solid 0.1rem var(--p-gray-2);
    border-radius: var(--p-border-radius-medium);
    backdrop-filter: blur(5px);
    box-shadow: var(--p-shadow-2);
}
 
/* Meta Tag Edit */
 
form#edit-meta-newtag-form table {
    display: grid;
    grid-template-areas:
        'metatagtd1 metatagtd2'
        'metatagtd3 metatagtd4';
}
 
form#edit-meta-newtag-form td {
    font-family: var(--p-font-monospace);
}
form#edit-meta-newtag-form table td:nth-child(5) {
    display: none;
}
form#edit-meta-newtag-form table td:nth-child(4) {
    grid-area: metatagtd4;
}
form#edit-meta-newtag-form table td:nth-child(3) {
    grid-area: metatagtd3;
    font-size: 0;
}
form#edit-meta-newtag-form table td:nth-child(3)::before {
    content: '标签属性 content=';
    font-size: 1rem;
}
form#edit-meta-newtag-form table td:nth-child(2) {
    grid-area: metatagtd2;
}
form#edit-meta-newtag-form table td:nth-child(1)::before {
    content: '标签属性 name=';
    font-size: 1rem;
}
form#edit-meta-newtag-form table td:nth-child(1) {
    grid-area: metatagtd1;
    font-size: 0;
}
form#edit-meta-newtag-form td input {
    display: block;
    width: calc(100% - 1rem);
}
 
/* Close Button */
 
#action-area a.action-area-close.btn.btn-danger:hover i::before {
    transform: rotate(90deg);
    background-color: var(--p-gray-5);
}
 
#action-area a.action-area-close.btn.btn-danger::after {
    content: var(--LOC-close);
    font-size: 1rem;
    margin-left: 0.4rem;
}
 
#action-area a.action-area-close.btn.btn-danger i::before {
    content: '';
    width: 1rem;
    height: 1rem;
    mask: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmkteC1sZyIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMi4xNDYgMi44NTRhLjUuNSAwIDEgMSAuNzA4LS43MDhMOCA3LjI5M2w1LjE0Ni01LjE0N2EuNS41IDAgMCAxIC43MDguNzA4TDguNzA3IDhsNS4xNDcgNS4xNDZhLjUuNSAwIDAgMS0uNzA4LjcwOEw4IDguNzA3bC01LjE0NiA1LjE0N2EuNS41IDAgMCAxLS43MDgtLjcwOEw3LjI5MyA4IDIuMTQ2IDIuODU0WiIvPgo8L3N2Zz4=);
    background-color: var(--p-gray-3);
    display: inline-block;
    transition: transform var(--p-animation-duration-short), background-color var(--p-animation-duration-short);
}
 
#action-area a.action-area-close.btn.btn-danger:focus-visible i::before {
    background-color: var(--p-gray-4);
}
 
#action-area a.action-area-close.btn.btn-danger:focus-visible {
    outline: none;
    color: var(--p-gray-4);
}
 
#action-area a.action-area-close.btn.btn-danger:hover {
    background-color: transparent;
    text-decoration: none;
    color: var(--p-gray-5);
}
 
#action-area a.action-area-close.btn.btn-danger {
    display: flex;
    text-align: right;
    color: var(--p-gray-3);
    align-items: center;
    justify-content: flex-end;
    font-size: 0;
    background-color: transparent;
    padding-top: 1.25rem;
    width: auto;
    margin-left: calc(100% - 6rem);
}
 
#action-area .btn:not(.rateup, .ratedown, .cancel) {
    padding: 0.5rem 0.75rem;
    font-size: var(--p-font-size-medium);
    line-height: calc(var(--p-font-size-medium) * 1.5);
    cursor: pointer;
    min-width: 4rem;
    transition: color var(--p-animation-duration-short), background-color var(--p-animation-duration-short);
}
 
/* owindow */
 
#odialog-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--p-light-transparent-0-5);
    z-index: 1000;
    display: none;
    align-items: center;
    justify-content: center;
}
 
#odialog-container[style*="display: block"] {
    display: flex !important;
    align-items: center;
    justify-content: center;
}
 
.odialog-shader {
    background-color: var(--p-dark-transparent-0-6);
    opacity: 1;
    backdrop-filter: blur(5px);
}
 
.owindow {
    position: relative;
    background-color: var(--p-gray-0);
    border: 1px solid var(--p-gray-2);
    border-radius: 0.5rem;
    box-shadow: 0 0.5rem 1rem var(--p-light-transparent-0-2);
    max-width: min(40rem, 90vw);
    max-height: 90vh;
    overflow-y: auto;
    left: 0 !important;
    top: 0 !important;
    width: unset !important;
}
 
.owindow:not(.owait) {
    min-width: min(30rem, 40vw);
}
 
.owindow .title {
    padding: 1rem 1.5rem;
    background-color: var(--p-gray-1);
    border-bottom: 1px solid var(--p-gray-2);
    border-radius: 0.5rem 0.5rem 0 0;
    font-size: var(--p-font-size-large);
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: var(--p-gray-5);
    cursor: default;
}
 
.owindow .content.modal-body {
    padding: 0.5rem 2rem;
}
 
.owindow .content.modal-body h1 {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    font-size: var(--p-font-size-xlarge);
    color: var(--p-gray-5);
}
 
.owindow .content.modal-body > img:first-child {
    border-radius: var(--p-border-radius-medium);
    border: 0.1rem solid var(--p-gray-2);
    margin-bottom: 0.25rem;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    width: 3rem;
    padding: 0 !important;
}
 
.owindow .content.modal-body > img:first-child ~ h1 {
    margin-left: 0.5rem;
    display: inline-block;
}
 
.owindow .content.modal-body .table {
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0;
}
 
.owindow .content.modal-body .table td {
    padding: 0.25rem 0.8rem;
    border-bottom: 1px solid var(--p-gray-2);
}
 
.owindow .content.modal-body .table td.active {
    background-color: var(--p-gray-1);
    font-weight: 600;
    color: var(--p-gray-5);
    width: 30%;
}
 
.owindow .button-bar.modal-footer {
    padding: 1rem 1.5rem;
    background-color: var(--p-gray-1);
    border-top: 1px solid var(--p-gray-2);
    border-radius: 0 0 0.5rem 0.5rem;
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}
 
.owindow .button-bar .btn[onclick*="cleanAll"], 
a.btn.btn-default.button.button-cancel,
a.btn.btn-default.button.button-close {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    padding: 0;
    border: none;
    background: transparent;
    z-index: -1;
    cursor: pointer;
    backdrop-filter: blur(5px);
}
 
.owindow input.text {
    border: none;
    border-bottom: solid 0.1rem var(--p-gray-4);
    padding: 0rem 0.5rem;
    background-color: transparent;
    color: var(--p-gray-4);
}
 
.owindow a.btn.btn-default:not(.button-close, .button-cancel):hover {
    border-color: var(--p-gray-5);
    background: var(--p-gray-1);
}
 
.owindow a.btn.btn-default {
    background: var(--p-gray-1);
    border: solid 0.1rem var(--p-gray-3);
    color: var(--p-gray-4);
}
 
.owindow .btn, 
.owindow .button-bar a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 0.5rem;
    border: 1px solid var(--p-gray-3);
    border-radius: 0.25rem;
    background-color: var(--p-gray-0);
    color: var(--p-gray-5);
    font-size: var(--p-font-size-small);
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: all var(--p-animation-duration-short);
}
 
.owindow .btn:hover {
    background-color: var(--p-gray-1);
    border-color: var(--p-gray-4);
    box-shadow: 0 0.125rem 0.25rem var(--p-light-transparent-0-1);
}
 
.owindow .btn:active {
    transform: translateY(0);
    box-shadow: none;
}
 
.owindow .btn-primary {
    background-color: var(--p-theme-color);
    border-color: var(--p-theme-color-dark);
    color: var(--p-gray-0);
}
 
.owindow .btn-primary:hover {
    background-color: var(--p-theme-color-dark);
    border-color: var(--p-theme-color-dark);
}
 
.owindow .btn-danger {
    background-color: var(--p-warning-color);
    border-color: var(--p-warning-color-dark);
    color: var(--p-gray-0);
    margin-left: 0.25rem;
}
 
.owindow .btn-danger:hover {
    background-color: var(--p-warning-color-dark);
    border-color: var(--p-warning-color-dark);
}
 
.owindow:has(img[src*="userkarma"]) div[style="margin-top: 10px"] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.5rem;
    flex-direction: row-reverse;
}
 
/* Saving Pages */
 
.owindow.owait .content.modal-body {
    background-image: none;
    margin: 0;
    padding: 2rem 2rem;
    overflow-x: hidden;
}
 
.owindow.owait .content.modal-body::before, .owindow.owait .content.modal-body::after {
    content: '●';
    display: block;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 0.5rem);
    left: calc(50% - 0.5rem);
    opacity: 0;
    color: var(--p-dark-transparent-0-4);
}
 
.owindow.owait .content.modal-body::before {
    animation: p-savingpages-1 4s infinite;
    padding-left: 2rem;
}
 
.owindow.owait .content.modal-body::after {
    animation: p-savingpages-2 4.5s infinite;
    animation-delay: 0.5s;
    padding-left: -2rem;
}
 
@keyframes p-savingpages-1 {
 
    0% {
        opacity: 0;
        transform: translate(-1rem, 0rem) rotate(0deg);
    }
 
    25% {
        opacity: 1;
        transform: translate(0rem, 1rem) rotate(90deg);
    }
 
    50% {
        opacity: 0;
        transform: translate(1rem, 0rem) rotate(180deg);
    }
 
    75% {
        opacity: 1;
        transform: translate(2rem, -1rem) rotate(270deg);
    }
 
    100% {
        opacity: 0;
        transform: translate(0rem, 0rem) rotate(360deg);
    }
 
}
 
@keyframes p-savingpages-2 {
 
    0% {
        opacity: 0;
        transform: translate(1rem, 0rem) rotate(0deg);
    }
 
    50% {
        opacity: 1;
        transform: translate(0rem, -1rem) rotate(-90deg);
    }
 
    25% {
        opacity: 0;
        transform: translate(-1rem, 0rem) rotate(-180deg);
    }
 
    75% {
        opacity: 1;
        transform: translate(-2rem, 1rem) rotate(-270deg);
    }
 
    100% {
        opacity: 0;
        transform: translate(0rem, 0rem) rotate(-360deg);
    }
}
 
/* Anti Saving Pages */
 
body:has(#u-peroxide-savingpages-blocker .collapsible-block-folded[style*="none"]) iframe#odialog-shader-iframe {
    display: none;
}
 
body:has(.owindow.owait) div#odialog-shader {
    background: var(--p-dark-transparent-0-6);
    pointer-events: none;
}
 
body:has(#u-peroxide-savingpages-blocker .collapsible-block-folded[style*="none"]) div#odialog-shader {
    background: transparent;
    pointer-events: none;
}
 
div#u-peroxide-savingpages-blocker {
    display: none;
}
 
body:has(.owindow.owait) div#u-peroxide-savingpages-blocker {
    display: block;
    z-index: 1001;
    grid-column: fullwidth;
}
 
body:has(.owindow.owait) div#u-peroxide-savingpages-blocker :is(.collapsible-block-folded a, .collapsible-block-unfolded a) {
    position: fixed;
    bottom: 10vh;
    transform: translate(calc(50vw - 5rem), 0%);
    width: 10rem;
    text-align: center;
    background-color: var(--p-gray-0);
    padding: 0.6rem 0rem;
    z-index: 100;
    border-radius: var(--p-border-radius-medium);
    box-shadow: var(--p-shadow-2);
    color: var(--p-gray-5);
    border: solid 0.1rem var(--p-gray-2);
    transition: background-color var(--p-animation-duration-short);
}
 
div#u-peroxide-savingpages-blocker :is(.collapsible-block-folded a, .collapsible-block-unfolded a):hover {
    text-decoration: none;
    background-color: var(--p-gray-1);
    font-weight: bold;
}
 
body:has(div#u-peroxide-savingpages-blocker .collapsible-block-folded[style*="none"]) :is(#odialog-shader-iframe, #odialog-shader) {
    opacity: 0;
    pointer-events: none;
}
 
body:has(div#u-peroxide-savingpages-blocker .collapsible-block-folded[style*="none"]) #odialog-container {
    opacity: 0;
    pointer-events: none;
}
 
/* Rating List */
 
div#who-rated-page-area > div br {
    display: none;
}
 
div#who-rated-page-area > div {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr) 1.5rem);
    -moz-column-count: unset !important;
    column-count: unset !important;
}
 
/* Footer */
 
#footer {
    margin-top: 0rem;
}
 
@media screen and (max-width: 768px) {
    #footer {
        text-align: center;
    }
    #footer .options {
        width: 100%;
    }
}
 
#footer, #license-area {
    background: var(--p-black-gray);
    color: var(--p-white-gray);
    font-size: var(--p-font-size-xsmall);
    padding: 1rem;
    user-select: none;
}
 
#footer .options {
    font-size: 0;
}
 
:is(#footer, #license-area) a {
    color: var(--p-gray);
    font-size: var(--p-font-size-xsmall);
    margin: 0rem 0.5rem;
}
 
/* Selection */
::selection {
    background-color: var(--p-theme-color);
    color: var(--p-white);
}
 
/* Scrollbar */
 
::-webkit-scrollbar {
    width: 0.5rem;
}
 
::-webkit-scrollbar-track {
    background-color: var(--p-gray-1);
    width: 0.5rem;
}
 
::-webkit-scrollbar-thumb {
    background-color: var(--p-gray-4);
    border-radius: 0.5rem;
}
 
::-webkit-scrollbar-thumb:hover {
    background-color: var(--p-gray-5);
}
 
/* Footnotes */
 
/* Even Better Footnotes by AgentFS */
 
div.hovertip {
    border-radius: 0;
    box-sizing: border-box;
    background-color: var(--p-gray-0)!important;
    border: none!important;
    color: var(--p-gray-5);
    padding: 2.5rem 1rem 1rem 1rem;
    width: min(25rem, 90vw)!important;
    top: initial!important;
    left: initial!important;
    position: fixed!important;
    display: block!important;
    bottom: -2rem;
    right: max(calc(50% - 12.5rem), 5vw);
    transition: bottom var(--p-animation-duration-medium), opacity var(--p-animation-duration-medium), pointer-events var(--p-animation-duration-medium);
    transition-delay: var(--p-animation-duration-medium);
    z-index: 29;
    opacity: 0;
    pointer-events: none;
    box-shadow: var(--p-shadow-2);
    border-radius: var(--p-border-radius-medium);
}
 
div.hovertip:not(:has(div[class*="-heading"])) {
    padding-top: 1rem;
}
 
div.hovertip:not(:has(div[class*="-heading"]))::before {
    display: none;
}
 
div.hovertip:is(:hover, [style*="display: block"]) {
    z-index: 30;
    bottom: 1rem;
    transition-delay: 0s;
    opacity: 1;
    pointer-events: auto;
}
 
div.hovertip div.content {
    padding: 0;
}
 
div.hovertip div.content div[class] div[class*="-heading"] {
    background-color: var(--p-gray-4);
    color: var(--p-gray-1);
    font-family: var(--p-font-sans-serif);
    font-size: 1em;
    line-height: 1.5em;
    height: 1.5em;
    margin-top: -1.75rem;
    padding: 0 0.5rem;
    position: absolute;
    width: max-content;
    z-index: 30;
    border-radius: var(--p-border-radius-medium);
}
 
div.hovertip div.content div[class] div[class*="-content"] {
    margin: 0;
    padding: 0;
}
 
div.hovertip div[class*="-footer"] {
    display: none;
}
 
/* Hidden Tags */
 
#main-content .page-tags a[href^='/system:page-tags/tag/_'] {
    display: none;
}
 
/* Mutiple Collapsible */
/* 不是，这玩意居然不是集成在组件页面里而是装在Sigma9里的？ */
 
.colmod-block > ul,
.colmod-block > ul > li {
    display:block;
    line-height:normal;
    list-style:none;
    margin:0;
    padding:0;
}
.colmod-block > ul > li > ul,
li.folded > .colmod-link-top a + a,
li.folded > .colmod-content,
li.folded > .colmod-link-end a,
li.unfolded > .colmod-link-top a:first-child {
    display:none;
}
.colmod-content {
    -webkit-animation:colmod-fade-in 0.2s ease-in-out;
    -moz-animation:colmod-fade-in 0.2s ease-in-out;
    animation:colmod-fade-in 0.2s ease-in-out;
    -webkit-animation-timing-function:cubic-bezier(0.3649610494,0,0.6350389506,1);
    -moz-animation-timing-function:cubic-bezier(0.3649610494,0,0.6350389506,1);
    animation-timing-function:cubic-bezier(0.3649610494,0,0.6350389506,1);
}
li.folded > .colmod-content {
    -webkit-animation-name:none;
    -moz-animation-name:none;
    animation-name:none;
}
@-webkit-keyframes colmod-fade-in { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes colmod-fade-in { from { opacity:0; } to { opacity:1; } }
@keyframes colmod-fade-in { from { opacity:0; } to { opacity:1; } }
[class|="colmod-link"] div.foldable-list-container {
    display:inline;
}
.colmod-collapsiblealt > [class|="colmod-link"],
.collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] {
    margin:0.5em 0;
    text-align:center;
}
.colmod-collapsiblealt > [class|="colmod-link"] a,
.collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] a {
    padding:0.1em 0.5em;
    text-decoration:none;
    background-color:#F4F4F4;
    border:1px solid #AAA;
    color:#000;
}
.colmod-collapsiblealt > [class|="colmod-link"] a:hover,
.colmod-collapsiblealt > [class|="colmod-link"] a:active,
.collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] a:hover,
.collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] a:active {
    background:#DDD;
    text-decoration:none;
}
/* 
 * Elements.css
 * 元素
 */
 
/* HTML基础元素 */
 
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--p-font-sans-serif);
    font-weight: bold;
    margin: 0.75rem 0rem;
}
 
a {
    color: var(--p-theme-color);
    font-family: var(--p-font-sans-serif);
    background-color: transparent;
    text-decoration: none;
}
 
a:hover {
    background-color: transparent;
    text-decoration: underline;
    text-decoration-thickness: 0.1rem;
    text-underline-offset: 0.1rem;
}
 
a:visited {
    color: var(--p-theme-color-dark);
}
 
a.newpage {
    color: var(--p-danger-color);
}
 
a:focus-visible {
    outline: none;
    text-decoration: underline;
    font-weight: bold;
}
 
#action-area :is(a.button, a.btn, input):focus-visible {
    outline: solid 0.15rem var(--p-theme-color);
    font-weight: unset;
    text-decoration: none;
}
 
#page-content p {
    margin: 0.5rem 0rem;
}
 
tt,
code {
    font-family: var(--p-font-monospace);
}
 
.hl-main {
    background: transparent;
}
 
.code {
    background: var(--p-gray-2);
    border: none;
    border-radius: var(--p-border-radius-medium);
    filter: invert(1) hue-rotate(180deg);
}
 
.code, pre {
    font-family: var(--p-font-monospace);
}
 
li {
    margin: 0.5rem 0rem;
    list-style-type: disc;
}
 
li li {
    margin-left: 0.5rem;
    list-style-type: circle;
}
 
img.image {
    max-width: 100%;
}
 
table.wiki-content-table th {
    border: none;
    border-top: solid 3px var(--p-gray-4);
    padding: 0.4rem 0.75rem;
    background-color: transparent;
    border-bottom: solid 3px var(--p-gray-4);
}
 
table.wiki-content-table td {
    border: none;
    border-top: solid 1.5px var(--p-gray-4);
    border-bottom: solid 1.5px var(--p-gray-4);
}
 
hr {
    border: none;
    border-top: solid 0.075rem var(--p-gray-2);
    margin: 2rem 3rem;
}
 
/* Checkbox & Radio */
 
input[type="checkbox"],
input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 1rem;
    height: 1rem;
    border: 0.1rem solid var(--p-gray-4);
    background-color: var(--p-gray-0);
    cursor: pointer;
    position: relative;
    transition: all var(--p-animation-duration-short);
}
 
input[type="checkbox"] {
    border-radius: var(--p-border-radius-small) !important;
}
 
input[type="radio"] {
    border-radius: 50% !important;
}
 
input[type="checkbox"]::before,
input[type="radio"]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--p-gray-4);
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    transition: all var(--p-animation-duration-medium);
}
 
input[type="checkbox"]::before {
    mask-image: var(--p-icon-square);
    -webkit-mask-image: var(--p-icon-square);
}
 
input[type="radio"]::before {
    mask-image: var(--p-icon-circle);
    -webkit-mask-image: var(--p-icon-circle);
}
 
input[type="checkbox"]:checked::before {
    mask-image: var(--p-icon-square-checked);
    -webkit-mask-image: var(--p-icon-square-checked);
}
 
input[type="radio"]:checked::before {
    mask-image: var(--p-icon-ratio);
    -webkit-mask-image: var(--p-icon-ratio);
}
 
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    border-color: var(--p-theme-color-light);
}
 
input[type="checkbox"]:checked::before,
input[type="radio"]:checked::before {
    background-color: var(--p-theme-color-light);
}
 
input[type="checkbox"]:hover,
input[type="radio"]:hover {
    border-color: var(--p-theme-color-light);
}
 
input[type="checkbox"]:focus,
input[type="radio"]:focus {
    outline: 0.25rem solid var(--p-theme-color-light);
    outline-offset: 0.1rem;
    animation: checkbox-checked var(--p-animation-duration-medium) ease-in-out forwards;
}
 
@keyframes checkbox-checked {
    0% {
        outline-color: var(--p-theme-color-light);
        outline-offset: 0rem;
    }
    100% {
        outline-color: transparent;
        outline-offset: 0.5rem;
    }
}
 
/* printuser */
 
a.avatar-hover {
    display: none !important;
    /* 清除Wikidot自带的头像放大 */
}
 
/* Input Text & Button */
 
.new-page-box form {
    display: contents;
}
 
.new-page-box {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 0.5rem;
    flex-wrap: wrap;
}
 
input.text:focus, input.text:focus-visible {
    border-color: var(--p-theme-color);
    outline: none;
}
 
input.text {
    border: none;
    border-bottom: solid 0.1rem var(--p-gray-4);
    margin: 0;
    padding: 0.2rem 0rem;
    width: auto;
}
 
:is(input.button, input[type="button"], input[type="submit"]):hover {
    background-color: var(--p-gray-1);
    border: solid 0.1rem var(--p-gray-3);
}
 
input.button, input[type="button"], input[type="submit"] {
    margin: 0;
    padding: 0.4rem 0.5rem;
    border-radius: var(--p-border-radius-medium);
    background: var(--p-gray-0);
    border: solid 0.1rem var(--p-gray-3);
    transition: background-color var(--p-animation-duration-short), border var(--p-animation-duration-short);
    cursor: pointer;
    color: var(--p-gray-5);
}
 
select:focus, select:focus-visible {
    outline: none;
    border-color: var(--p-theme-color);
}
 
select {
    padding: 0.2rem 0.4rem;
    border-radius: var(--p-border-radius-small);
    border: solid 0.1rem var(--p-gray-2);
    background-color: var(--p-gray-1);
    color: var(--p-gray-5);
    transition: border-color var(--p-animation-duration-short);
}
 
/* Yahoo UI Tabs */
 
#main-content ul.yui-nav>li>a:hover {
    text-decoration: none;
}
 
.yui-navset .yui-nav {
    border-bottom: solid 0.2rem var(--p-gray-4);
    display: flex;
    flex-wrap: wrap;
}
 
.yui-navset.yui-navset-top .yui-nav li {
    flex-grow: 1;
}
 
.yui-navset.yui-navset-top .yui-nav li a {
    color: var(--p-gray-1) !important;
    background: var(--p-gray-1);
    border-color: transparent;
}
 
#main-content .yui-navset.yui-navset-top .yui-nav li:not(.selected) a {
    border-width: 0;
    transition: all 0.25s !important;
    box-shadow: inset 0rem 0rem var(--p-theme-color);
    border: none;
    color: var(--p-gray-4) !important;
    font-weight: normal;
}
 
.yui-navset .yui-content {
    padding: 0.5rem 0.7rem;
    border: none;
    background-color: var(--p-gray-0);
    box-shadow: none;
    border-top: none;
}
 
.yui-navset {
    position: relative;
    zoom: 1;
    box-shadow: none;
    margin: 1rem auto;
}
 
.yui-navset .yui-nav li a em,
.yui-navset-top .yui-nav li a em,
.yui-navset-bottom .yui-nav li a em {
    display: block;
    border-top: none;
}
 
.yui-navset.yui-navset-top .yui-nav li {
    flex-grow: 1;
    border: none;
    box-shadow: none;
}
 
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
    margin: 0 0 -3px 0;
}
 
.yui-navset .yui-nav .selected a em {
    padding: 0.24rem 0.75rem;
}
 
ul.yui-nav li:after {
    content: '▼';
    display: block;
    position: relative;
    top: 0rem;
    left: 0rem;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    margin-top: -1rem;
    line-height: 1rem;
    font-size: 1.5rem;
    color: var(--p-gray-4);
    transform: translateY(0rem) scaleY(0.5);
    z-index: 1;
    transition: transform 0.25s ease;
}
 
ul.yui-nav li a {
    position: relative;
    z-index: 2;
}
 
ul.yui-nav li.selected:after {
    transform: translateY(0.9rem) scaleY(0.5);
}
 
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    margin: 0 0 0 0;
    padding: 1px 0 0;
    zoom: 1;
}
 
div.yui-navset ul.yui-nav .selected a,
div.yui-navset ul.yui-nav .selected a:focus,
div.yui-navset ul.yui-nav .selected a:hover {
    background: var(--p-gray-1) !important;
    color: var(--p-gray-4) !important;
    text-align: center;
    font-weight: bold;
    border: none;
    box-shadow: none;
}
 
div.yui-navset ul.yui-nav a,
div.yui-navset div.yui-navset-top ul.yui-nav a {
    background: var(--p-gray-1);
    color: var(--p-gray-4) !important;
    width: 100%;
    text-align: center;
    font-weight: normal;
    transition: all 0.35s;
    border: none;
}
 
div.yui-navset ul.yui-nav a:hover {
    font-weight: bold !important;
}
 
div.yui-navset ul.yui-nav li.selected a:hover {
    box-shadow: none !important;
}
 
/* toc */
 
#toc {
    border: none;
    box-shadow: var(--p-shadow-1);
    border-radius: var(--p-border-radius-medium);
    padding: 0.5rem 0.7rem;
    background-color: var(--p-gray-0);
}
 
/* Rating Bar */
 
.creditRate {
    float: none;
    margin: 0;
}
 
div.page-rate-widget-box, .rate-box-with-credit-button {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background-color: transparent;
}
 
div.page-rate-widget-box {
    font-weight: bold;
}
 
div.page-rate-widget-box a, div.rate-box-with-credit-button, .page-rate-widget-box a:hover {
    background-color: transparent;
    box-shadow: none;
    border: none;
}
 
div.page-rate-widget-box .rate-points {
    font-size: var(--p-font-size-medium);
    color: var(--p-gray-5);
    background-color: transparent;
}
 
div.page-rate-widget-box .rateup,
div.page-rate-widget-box .ratedown,
div.page-rate-widget-box .cancel {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    transition: all var(--p-animation-duration-short);
    cursor: pointer;
}
 
div.page-rate-widget-box .rateup:hover,
div.page-rate-widget-box .cancel:hover,
.creditButton p a:hover {
    transform: translateY(-1px);
}
 
div.page-rate-widget-box .ratedown:hover {
    transform: translateY(1px);
}
 
div.page-rate-widget-box .rateup a,
div.page-rate-widget-box .ratedown a,
div.page-rate-widget-box .cancel a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
    overflow: hidden;
    position: relative;
}
 
div.page-rate-widget-box .rateup a::before,
div.page-rate-widget-box .ratedown a::before,
div.page-rate-widget-box .cancel a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--p-gray-5);
    transition: all var(--p-animation-duration-short);
}
 
div.page-rate-widget-box .rateup a::before {
    mask: var(--p-icon-upvote) center / 60% no-repeat;
    -webkit-mask: var(--p-icon-upvote) center / 60% no-repeat;
}
 
div.page-rate-widget-box .ratedown a::before {
    mask: var(--p-icon-downvote) center / 60% no-repeat;
    -webkit-mask: var(--p-icon-downvote) center / 60% no-repeat;
}
 
div.page-rate-widget-box .cancel a::before {
    mask: var(--p-icon-cancel) center / 60% no-repeat;
    -webkit-mask: var(--p-icon-cancel) center / 60% no-repeat;
}
 
div.page-rate-widget-box .rateup:hover a::before {
    background-color: var(--p-success-color);
}
 
div.page-rate-widget-box .ratedown:hover a::before {
    background-color: var(--p-warning-color);
}
 
div.page-rate-widget-box .cancel:hover a::before {
    background-color: var(--p-gray-3);
}
 
.creditButton p {
    display: contents;
}
 
div.creditButton p a {
    border: none;
    background: var(--p-gray-5);
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    mask: var(--p-icon-info) center / 1rem no-repeat;
    -webkit-mask: var(--p-icon-info) center / 1rem no-repeat;
    margin-left: 0rem;
    transition: all var(--p-animation-duration-short);
}
 
.creditButton p a:hover {
    background-color: var(--p-theme-color);
}
 
/* Site Changes Box */
 
.changes-list-item tr td {
    display: block;
    width: 100% !important;
}
.changes-list-item .mod-by {
    grid-area: mod-by;
}
.changes-list-item .revision-no {
    grid-area: revision-no;
    text-align: right;
}
.changes-list-item .mod-date {
    grid-area: mod-date;
    text-align: right;
    font-size: 85%;
}
 
.changes-list-item .flags {
    grid-area: flags;
}
.changes-list-item .title {
    grid-area: title;
}
.changes-list-item:hover {
    background-color: transparent;
    outline: solid 0.1rem var(--p-theme-color);
    border-radius: var(--p-border-radius-medium);
}
.changes-list-item {
    display: grid;
    grid-template-areas:
        'title mod-by revision-no'
        'flags flags mod-date';
    grid-template-columns: 1fr 10rem 12rem;
    justify-items: stretch;
    justify-content: stretch;
}
 
@media screen and (max-width: 700px) {
    .changes-list-item {
        display: table;
        width: 100%;
    }
}
 
/* Forum */
 
.forum-group {
    width: 100% !important;
    margin: 0.5rem 0;
}
 
.forum-group table tr.head td {
    text-align: center;
    font-size: 95%;
    background-color: var(--p-gray-1);
    border: none;
    padding: 0.4rem 1rem;
    border-radius: var(--p-border-radius-small);
}
 
.forum-group div.head {
    background-color: var(--p-gray-4);
    color: var(--p-gray-1);
    padding: 0.5rem 1rem;
    margin: 0;
    border: none;
    border-radius: var(--p-border-radius-small);
}
 
.forum-group table td {
    border: none;
    padding: 0.5rem 1rem;
}
 
.forum-group table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0.15rem;
}
 
.forum-thread-box .description-block {
    background-color: var(--p-gray-5);
    border: none;
    color: var(--p-gray-1);
    border-radius: var(--p-border-radius-medium);
    height: auto;
    padding: 1rem 1rem;
    margin: 1rem auto;
    width: min(30rem, 90vw);
}
 
.forum-thread-box .description-block .statistics a {
    color: var(--p-theme-color-light);
}
.forum-thread-box .description-block .statistics {
    color: var(--p-gray-1);
}
 
.thread-container .post .head {
    padding: 0.3rem 1rem;
    background-color: var(--p-gray-1);
    border-radius: var(--p-border-radius-medium);
}
 
.thread-container .post .options a {
    color: var(--p-gray-3);
}
 
.thread-container .post .signature {
    display: var(--p-signature-display);
}
 
.post-container .post-container {
    margin-left: 0.75rem;
    border-left: solid 0.1rem var(--p-gray-2);
    padding-left: 0.75rem;
}
 
.thread-container .post .long .changes a {
    color: var(--p-theme-color);
}
 
/* Default Buttons */
 
:is(div.new-post a, div.buttons input, input.button, button, a.button):hover {
    text-decoration: none;
    border-color: var(--p-gray-3);
    background-color: var(--p-gray-0);
}
 
div.new-post a, div.buttons input, input.button, button, a.button {
    background-color: var(--p-gray-0);
    border: solid 0.1rem var(--p-gray-2);
    border-radius: var(--p-border-radius-medium);
    color: var(--p-gray-4);
    font-weight: normal;
    transition: border-color var(--p-animation-duration-short);
    padding: 0.3rem 0.8rem;
    text-align: center;
    display: inline-block;
}
 
/* ruby & rt by Nanimono Demonai */
 
.ruby,
ruby {
    display: inline-table;
    text-align: center;
    white-space: nowrap;
    line-height: 1;
    height: 1em;
    vertical-align: text-bottom;
}
 
.rt,
rt {
    display: table-header-group;
    font-size: 0.6em;
    line-height: 1.1;
    text-align: center;
    white-space: nowrap;
}
 
/* Print User */
 
.printuser img.small {
    vertical-align: -0.1rem;
    width: var(--p-font-size-medium);
    height: var(--p-font-size-medium);
    padding: 0rem 0.1rem 0rem 0.4rem;
    background-size: 2rem;
}
 
/* Display Black Block by Nanimono Demonai */
 
.bblock {
    color: #000;
    background-color: #000;
    transition: 2s;
    text-decoration: none;
}
 
.bblock:hover {
    background-color: #000;
    color: #060;
    text-decoration: none;
}
 
.dblock {
    color: #000;
    background-color: #000;
    transition: 2s;
    text-decoration: none;
}
 
.dblock:hover {
    background-color: transparent;
    text-decoration: none;
}
 
/* Keycap */
 
.keycap {
    border: 1px solid;
    border-color: var(--p-gray-1) var(--p-gray-3) var(--p-gray-3) var(--p-gray-1);
    border-bottom-width: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: var(--p-gray-0);
    padding: 1px 3px;
    font-family: inherit;
    font-size: 0.85em;
    white-space: nowrap;
}
 
/* SCP Image Block */
 
.scp-image-block {
    border: none;
    box-shadow: var(--p-shadow-2);
    border-radius: var(--p-border-radius-medium);
    width: 300px;
}
 
.scp-image-block.block-right {
    float: right;
    clear: right;
    margin: 1rem;
}
 
.scp-image-block.block-left {
    float: left;
    clear: left;
    margin: 1rem;
}
 
.scp-image-block.block-center {
    margin-right: auto;
    margin-left: auto;
}
 
.scp-image-block img {
    border: 0;
    width: 100% !important;
}
 
.scp-image-block .scp-image-caption {
    background-color: var(--p-gray-5);
    color: var(--p-gray-2);
    border-top: none;
    padding: 0.15rem 0.75rem;
    font-size: 80%;
    font-weight: bold;
    text-align: center;
    width: calc(100% - 1.5rem) !important;
    border-radius: 0 0 var(--p-border-radius-medium) var(--p-border-radius-medium);
}
 
.scp-image-block>p {
    margin: 0;
}
 
.scp-image-block .scp-image-caption>p {
    margin: 0;
    padding: 0;
}
 
/* Footnotes */
 
.footnotes-footer {
    display: flex;
    padding: 1rem 1rem;
    flex-direction: column;
    height: auto;
}
 
/* Credit */
 
:is(#u-credit-otherwise, #u-credit-view) .modalbox {
    background: var(--p-gray-0);
    color: var(--p-gray-5);
    box-shadow: var(--p-shadow-2);
    border-radius: var(--p-border-radius-medium);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0rem;
}
 
:is(#u-credit-otherwise, #u-credit-view) .modalbox > div:first-child {
    padding: 1.25rem 2rem;
    border-bottom: 0.1rem solid var(--p-gray-2);
    background-color: var(--p-gray-1);
    border-radius: var(--p-border-radius-medium) var(--p-border-radius-medium) 0 0;
    flex-basis: 100%;
    width: calc(100% - 4rem);
}
 
:is(#u-credit-otherwise, #u-credit-view) .modalbox > hr {
    display: none;
}
 
:is(#u-credit-otherwise, #u-credit-view) .modalbox > div:first-child h2 {
    margin: 0;
    padding: 0;
}
 
:is(#u-credit-otherwise, #u-credit-view) .modalbox > .credit.first {
    padding: 1.25rem 1rem;
    flex-basis: 100%;
    width: calc(100% - 2rem);
    height: 100%;
    max-height: 40vh;
}
 
:is(#u-credit-otherwise, #u-credit-view) .modalbox .close-credits {
    display: contents;
}
 
/* Blockquotes */
 
blockquote,
div.blockquote,
.p-bq {
    border: none;
    border-left: solid 0.15rem var(--p-gray-4);
    padding: 0.5rem 1rem;
    margin: 1rem 0rem;
    background-color: var(--p-gray-0);
    width: calc(100% - 4rem);
}
 
.shadow {
    box-shadow: var(--p-shadow-2);
}
 
.modal,
.p-mo {
    width: calc(100% - 4rem);
    padding: 1rem 1rem;
    background: var(--p-gray-0);
    border: solid 0.1rem var(--p-gray-2);
    margin: 1rem 0rem;
    border-radius: var(--p-border-radius-medium);
}
 
.notation,
.p-no {
    width: calc(100% - 5rem);
    padding: 1rem 1rem;
    background: var(--p-gray-1);
    border-left: double 0.6rem var(--p-gray-2);
    border-right: double 0.6rem var(--p-gray-2);
    margin: 1rem 0rem;
}
 
.underline,
.p-ud {
    border-bottom: solid 0.15rem var(--p-gray-4);
    background-color: var(--p-gray-1);
    width: calc(100% - 4rem);
    padding: 1rem 1rem;
    margin: 1rem 0;
}
 
.doubleline,
.p-dl {
    border-bottom: solid 0.15rem var(--p-gray-4);
    border-top: solid 0.15rem var(--p-gray-4);
    background-color: var(--p-gray-1);
    width: calc(100% - 4rem);
    padding: 1rem 1rem;
    margin: 1rem 0;
}
 
.card,
.p-ca {
    width: calc(100% - 6rem);
    padding: 1rem 2rem;
    background-color: var(--p-gray-0);
    border-radius: var(--p-border-radius-medium);
    box-shadow: var(--p-shadow-3);
    margin: 1rem 0rem;
    margin-inline: auto;
}
 
.smaller {
    width: min(80vw, calc(75% - 4rem));
}
 
.dark {
    --p-gray-0: var(--p-black);
    --p-gray-1: var(--p-black-gray);
    --p-gray-2: var(--p-dark-gray);
    --p-gray-3: var(--p-gray);
    --p-gray-4: var(--p-light-gray);
    --p-gray-5: var(--p-white-gray);
    --p-gray-6: var(--p-white);
    --p-gray-7: var(--p-white);
    color: var(--p-gray-6);
}
 
/* Action Area */
 
/* Panel Buttons */
 
.wd-editor-toolbar-panel div {
    display: flex;
    justify-content: center;
    height: auto;
}
 
.wd-editor-toolbar-panel ul li {
    list-style: none;
}
 
.wd-editor-toolbar-panel ul li a, 
.wd-editor-toolbar-panel ul li ul li a {
    height: 2rem;
    width: 2rem;
    background: var(--p-gray-1);
    border: none;
    border-radius: 0.3rem;
    margin: 0.3rem 0.1rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}
 
.wd-editor-toolbar-panel ul li a::before,
.wd-editor-toolbar-panel ul li ul li a::before {
    content: '';
    display: inline-block;
    font-size: 0.8rem;
    text-decoration: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.2rem;
    width: 1.2rem;
    height: 1.2rem;
    text-align: center;
    line-height: 1.2rem;
    color: var(--p-gray-4);
    background-color: var(--p-gray-4);
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    transition: color var(--p-animation-duration-short), background-color var(--p-animation-duration-short);
}
 
.wd-editor-toolbar-panel ul li a:hover {
    background: var(--p-gray-1);
}
 
.wd-editor-toolbar-panel ul li a:hover::before {
    color: var(--p-gray-6);
    background-color: var(--p-gray-6);
}
 
.wd-editor-toolbar-panel li.hseparator {
    height: 1rem;
    width: 1px;
    background: var(--p-gray-4);
}
 
div#wd-editor-toolbar-panel>div ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
 
.wd-editor-toolbar-panel ul li a::before {
    content: ' ';
    display: inline-block;
    font-size: 0.8rem;
    text-decoration: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.2rem;
}
 
.wd-editor-toolbar-panel ul li:hover ul,
.wd-editor-toolbar-panel ul li.sfhover ul {
    left: auto;
    background-color: transparent;
    border: none;
}
 
/* BUTTONS */
 
.wd-editor-toolbar-panel ul li a.weditor-h1::before {
    content: 'H1';
    background: transparent;
}
 
.wd-editor-toolbar-panel ul li a.weditor-h2::before {
    content: 'H2';
    background: transparent;
}
 
.wd-editor-toolbar-panel ul li a.weditor-h3::before {
    content: 'H3';
    background: transparent;
}
 
.wd-editor-toolbar-panel ul li a.weditor-h4::before {
    content: 'H4';
    background: transparent;
}
 
.wd-editor-toolbar-panel ul li a.weditor-h5::before {
    content: 'H5';
    background: transparent;
}
 
.wd-editor-toolbar-panel ul li a.weditor-h6::before {
    content: 'H6';
    background: transparent;
}
 
.wd-editor-toolbar-panel ul li a.weditor-bold::before {
    mask-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1ib2xkIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik04LjIxIDEzYzIuMTA2IDAgMy40MTItMS4wODcgMy40MTItMi44MjMgMC0xLjMwNi0uOTg0LTIuMjgzLTIuMzI0LTIuMzg2di0uMDU1YTIuMTc2IDIuMTc2IDAgMCAwIDEuODUyLTIuMTRjMC0xLjUxLTEuMTYyLTIuNDYtMy4wMTQtMi40NkgzLjg0M1YxM0g4LjIxek01LjkwOCA0LjY3NGgxLjY5NmMuOTYzIDAgMS41MTcuNDUxIDEuNTE3IDEuMjQ0IDAgLjgzNC0uNjI5IDEuMzItMS43MyAxLjMySDUuOTA4VjQuNjczem0wIDYuNzg4VjguNTk4aDEuNzNjMS4yMTcgMCAxLjg4LjQ5MiAxLjg4IDEuNDE1IDAgLjk0My0uNjQzIDEuNDQ5LTEuODMyIDEuNDQ5SDUuOTA3eiIvPgo8L3N2Zz4=");
}
 
.wd-editor-toolbar-panel ul li a.weditor-italic::before {
    mask-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1pdGFsaWMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTcuOTkxIDExLjY3NCA5LjUzIDQuNDU1Yy4xMjMtLjU5NS4yNDYtLjcxIDEuMzQ3LS44MDdsLjExLS41Mkg3LjIxMWwtLjExLjUyYzEuMDYuMDk2IDEuMTI4LjIxMiAxLjAwNS44MDdMNi41NyAxMS42NzRjLS4xMjMuNTk1LS4yNDYuNzEtMS4zNDYuODA2bC0uMTEuNTJoMy43NzRsLjExLS41MmMtMS4wNi0uMDk1LTEuMTI5LS4yMTEtMS4wMDYtLjgwNnoiLz4KPC9zdmc+");
}
 
.wd-editor-toolbar-panel ul li a.weditor-underline::before {
    mask-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS11bmRlcmxpbmUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTUuMzEzIDMuMTM2aC0xLjIzVjkuNTRjMCAyLjEwNSAxLjQ3IDMuNjIzIDMuOTE3IDMuNjIzczMuOTE3LTEuNTE4IDMuOTE3LTMuNjIzVjMuMTM2aC0xLjIzdjYuMzIzYzAgMS40OS0uOTc4IDIuNTctMi42ODcgMi41Ny0xLjcwOSAwLTIuNjg3LTEuMDgtMi42ODctMi41N1YzLjEzNnpNMTIuNSAxNWgtOXYtMWg5djF6Ii8+Cjwvc3ZnPg==");
}
 
.wd-editor-toolbar-panel ul li a.weditor-strikethrough::before {
    mask-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1zdHJpa2V0aHJvdWdoIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik02LjMzMyA1LjY4NmMwIC4zMS4wODMuNTgxLjI3LjgxNEg1LjE2NmEyLjc3NiAyLjc3NiAwIDAgMS0uMDk5LS43NmMwLTEuNjI3IDEuNDM2LTIuNzY4IDMuNDgtMi43NjggMS45NjkgMCAzLjM5IDEuMTc1IDMuNDQ1IDIuODVoLTEuMjNjLS4xMS0xLjA4LS45NjQtMS43NDMtMi4yNS0xLjc0My0xLjIzIDAtMi4xOC42MDItMi4xOCAxLjYwN3ptMi4xOTQgNy40NzhjLTIuMTUzIDAtMy41ODktMS4xMDctMy43MDUtMi44MWgxLjIzYy4xNDQgMS4wNiAxLjEyOSAxLjcwMyAyLjU0NCAxLjcwMyAxLjM0IDAgMi4zMS0uNzA1IDIuMzEtMS42NzUgMC0uODI3LS41NDctMS4zNzQtMS45MTQtMS42NzVMOC4wNDYgOC41SDF2LTFoMTR2MWgtMy41MDRjLjQ2OC40MzcuNjc1Ljk5NC42NzUgMS42OTcgMCAxLjgyNi0xLjQzNiAyLjk2Ny0zLjY0NCAyLjk2N3oiLz4KPC9zdmc+");
}
 
.wd-editor-toolbar-panel ul li a.weditor-teletype::before {
    mask-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiMwMDAwMDAiIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBkPSJNMTEuODgsMTdIOS41OEw4LjY1LDE0LjFINC40NEwzLjU3LDE3SDEuMzJMNS40MSw0LjE3SDcuNjZaTTgsMTEuOTMsNi41Miw3LjE3LDUuMDksMTEuOTNaIi8+CiAgPHBhdGggZD0iTTE0LjEzLDE3LDEyLjIyLDQuMTdoMS42NkwxNS4wNywxM2wxLjQ2LTguODJoMS45MmwxLjQsOSwxLjIzLTloMS42MkwyMC43OCwxN0gxOS4wNmwtMS42LTkuNkwxNS44OCwxN1oiLz4KICA8cG9seWdvbiBwb2ludHM9IjExLjM2IDE3Ljk1IDExLjM2IDE5LjM0IDEuODkgMTkuMzQgMS44OSAxNy45NSAxLjM4IDE3Ljk1IDEuMzggMTkuODYgMS42NCAxOS44NiAxLjg5IDE5Ljg2IDExLjM2IDE5Ljg2IDExLjg3IDE5Ljg2IDExLjg3IDE5Ljg2IDExLjg3IDE3Ljk1IDExLjM2IDE3Ljk1Ii8+CiAgPHBvbHlnb24gcG9pbnRzPSIyMi4xNyAxOCAyMi4xNyAxOS4zOSAxMi42OSAxOS4zOSAxMi42OSAxOCAxMi4xOSAxOCAxMi4xOSAxOS45MSAxMi40NSAxOS45MSAxMi42OSAxOS45MSAyMi4xNyAxOS45MSAyMi42NyAxOS45MSAyMi42OCAxOS45MSAyMi42OCAxOCAyMi4xNyAxOCIvPgo8L3N2Zz4=");
}
 
.wd-editor-toolbar-panel ul li a.weditor-quote::before {
    mask-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYmxvY2txdW90ZS1sZWZ0IiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0yLjUgM2EuNS41IDAgMCAwIDAgMWgxMWEuNS41IDAgMCAwIDAtMWgtMTF6bTUgM2EuNS41IDAgMCAwIDAgMWg2YS41LjUgMCAwIDAgMC0xaC02em0wIDNhLjUuNSAwIDAgMCAwIDFoNmEuNS41IDAgMCAwIDAtMWgtNnptLTUgM2EuNS41IDAgMCAwIDAgMWgxMWEuNS41IDAgMCAwIDAtMWgtMTF6bS43OS01LjM3M2MuMTEyLS4wNzguMjYtLjE3LjQ0NC0uMjc1TDMuNTI0IDZjLS4xMjIuMDc0LS4yNzIuMTctLjQ1Mi4yODctLjE4LjExNy0uMzUuMjYtLjUxLjQyOGEyLjQyNSAyLjQyNSAwIDAgMC0uMzk4LjU2MmMtLjExLjIwNy0uMTY0LjQzOC0uMTY0LjY5MiAwIC4zNi4wNzIuNjUuMjE3Ljg3My4xNDQuMjE5LjM4NS4zMjguNzIuMzI4LjIxNSAwIC4zODMtLjA3LjUwNC0uMjExYS42OTcuNjk3IDAgMCAwIC4xODgtLjQ2M2MwLS4yMy0uMDctLjQwNC0uMjExLS41MjEtLjEzNy0uMTIxLS4zMjYtLjE4Mi0uNTY4LS4xODJoLS4yODJjLjAyNC0uMjAzLjA2NS0uMzcuMTIzLS40OThhMS4zOCAxLjM4IDAgMCAxIC4yNTItLjM3IDEuOTQgMS45NCAwIDAgMSAuMzQ2LS4yOTh6bTIuMTY3IDBjLjExMy0uMDc4LjI2Mi0uMTcuNDQ1LS4yNzVMNS42OTIgNmMtLjEyMi4wNzQtLjI3Mi4xNy0uNDUyLjI4Ny0uMTguMTE3LS4zNS4yNi0uNTEuNDI4YTIuNDI1IDIuNDI1IDAgMCAwLS4zOTguNTYyYy0uMTEuMjA3LS4xNjQuNDM4LS4xNjQuNjkyIDAgLjM2LjA3Mi42NS4yMTcuODczLjE0NC4yMTkuMzg1LjMyOC43Mi4zMjguMjE1IDAgLjM4My0uMDcuNTA0LS4yMTFhLjY5Ny42OTcgMCAwIDAgLjE4OC0uNDYzYzAtLjIzLS4wNy0uNDA0LS4yMTEtLjUyMS0uMTM3LS4xMjEtLjMyNi0uMTgyLS41NjgtLjE4MmgtLjI4MmExLjc1IDEuNzUgMCAwIDEgLjExOC0uNDkyYy4wNTgtLjEzLjE0NC0uMjU0LjI1Ny0uMzc1YTEuOTQgMS45NCAwIDAgMSAuMzQ2LS4zeiIvPgo8L3N2Zz4=");
}
 
.wd-editor-toolbar-panel ul li a.weditor-superscript::before {
    mask-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktc3VwZXJzY3JpcHQiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0ibTQuMjY2IDEyLjQ5Ni45Ni0yLjg1M0g4Ljc2bC45NiAyLjg1M0gxMUw3LjYyIDNINi4zOEwzIDEyLjQ5NmgxLjI2NlptMi43NDgtOC4wNjMgMS40MTkgNC4yM2gtMi44OGwxLjQyNi00LjIzaC4wMzVabTUuMTMyLTEuNzk3di0uMDc1YzAtLjMzMi4yMzQtLjYxOC42MTktLjYxOC4zNTQgMCAuNjE4LjI1Ni42MTguNTggMCAuMzYyLS4yNzEuNjQ5LS41Mi44OThsLTEuNzg4IDEuODMyVjZoMy41OXYtLjk1OGgtMS45MjN2LS4wNDVsLjk3My0xLjA0Yy40MTUtLjQzOC44NjctLjg0NS44NjctMS41NDcgMC0uOC0uNzAxLTEuNDEtMS43ODctMS40MUMxMS41NjUgMSAxMSAxLjggMTEgMi41NzZ2LjA2aDEuMTQ2WiIvPgo8L3N2Zz4=");
}
 
.wd-editor-toolbar-panel ul li a.weditor-subscript::before {
    mask-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktc3Vic2NyaXB0IiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Im0zLjI2NiAxMi40OTYuOTYtMi44NTNINy43NmwuOTYgMi44NTNIMTBMNi42MiAzSDUuMzhMMiAxMi40OTZoMS4yNjZabTIuNzQ4LTguMDYzIDEuNDE5IDQuMjNoLTIuODhsMS40MjYtNC4yM2guMDM1Wm02LjEzMiA3LjIwM3YtLjA3NWMwLS4zMzIuMjM0LS42MTguNjE5LS42MTguMzU0IDAgLjYxOC4yNTYuNjE4LjU4IDAgLjM2Mi0uMjcxLjY0OS0uNTIuODk4bC0xLjc4OCAxLjgzMlYxNWgzLjU5di0uOTU4aC0xLjkyM3YtLjA0NWwuOTczLTEuMDRjLjQxNS0uNDM4Ljg2Ny0uODQ1Ljg2Ny0xLjU0NyAwLS44LS43MDEtMS40MS0xLjc4Ny0xLjQxLTEuMjMgMC0xLjc5NS44LTEuNzk1IDEuNTc2di4wNmgxLjE0NloiLz4KPC9zdmc+");
}
 
.wd-editor-toolbar-panel ul li a.weditor-raw::before {
    mask-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZXllIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0xNiA4cy0zLTUuNS04LTUuNVMwIDggMCA4czMgNS41IDggNS41UzE2IDggMTYgOHpNMS4xNzMgOGExMy4xMzMgMTMuMTMzIDAgMCAxIDEuNjYtMi4wNDNDNC4xMiA0LjY2OCA1Ljg4IDMuNSA4IDMuNWMyLjEyIDAgMy44NzkgMS4xNjggNS4xNjggMi40NTdBMTMuMTMzIDEzLjEzMyAwIDAgMSAxNC44MjggOGMtLjA1OC4wODctLjEyMi4xODMtLjE5NS4yODgtLjMzNS40OC0uODMgMS4xMi0xLjQ2NSAxLjc1NUMxMS44NzkgMTEuMzMyIDEwLjExOSAxMi41IDggMTIuNWMtMi4xMiAwLTMuODc5LTEuMTY4LTUuMTY4LTIuNDU3QTEzLjEzNCAxMy4xMzQgMCAwIDEgMS4xNzIgOHoiLz4KICA8cGF0aCBkPSJNOCA1LjVhMi41IDIuNSAwIDEgMCAwIDUgMi41IDIuNSAwIDAgMCAwLTV6TTQuNSA4YTMuNSAzLjUgMCAxIDEgNyAwIDMuNSAzLjUgMCAwIDEtNyAweiIvPgo8L3N2Zz4=");
}
 
.wd-editor-toolbar-panel ul li a.weditor-hr::before {
    mask-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktaHIiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEyIDNINGExIDEgMCAwIDAtMSAxdjIuNUgyVjRhMiAyIDAgMCAxIDItMmg4YTIgMiAwIDAgMSAyIDJ2Mi41aC0xVjRhMSAxIDAgMCAwLTEtMXpNMiA5LjVoMVYxMmExIDEgMCAwIDAgMSAxaDhhMSAxIDAgMCAwIDEtMVY5LjVoMVYxMmEyIDIgMCAwIDEtMiAySDRhMiAyIDAgMCAxLTItMlY5LjV6bS0xLjUtMmEuNS41IDAgMCAwIDAgMWgxNWEuNS41IDAgMCAwIDAtMUguNXoiLz4KPC9zdmc+");
}
 
.wd-editor-toolbar-panel ul li a.weditor-div::before {
    mask-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYm91bmRpbmctYm94LWNpcmNsZXMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTIgMWExIDEgMCAxIDAgMCAyIDEgMSAwIDAgMCAwLTJ6TTAgMmEyIDIgMCAwIDEgMy45MzctLjVoOC4xMjZBMiAyIDAgMSAxIDE0LjUgMy45Mzd2OC4xMjZhMiAyIDAgMSAxLTIuNDM3IDIuNDM3SDMuOTM3QTIgMiAwIDEgMSAxLjUgMTIuMDYzVjMuOTM3QTIgMiAwIDAgMSAwIDJ6bTIuNSAxLjkzN3Y4LjEyNmMuNzAzLjE4IDEuMjU2LjczNCAxLjQzNyAxLjQzN2g4LjEyNmEyLjAwNCAyLjAwNCAwIDAgMSAxLjQzNy0xLjQzN1YzLjkzN0EyLjAwNCAyLjAwNCAwIDAgMSAxMi4wNjMgMi41SDMuOTM3QTIuMDA0IDIuMDA0IDAgMCAxIDIuNSAzLjkzN3pNMTQgMWExIDEgMCAxIDAgMCAyIDEgMSAwIDAgMCAwLTJ6TTIgMTNhMSAxIDAgMSAwIDAgMiAxIDEgMCAwIDAgMC0yem0xMiAwYTEgMSAwIDEgMCAwIDIgMSAxIDAgMCAwIDAtMnoiLz4KPC9zdmc+");
}
 
.wd-editor-toolbar-panel ul li a.weditor-clearfloat::before {
    mask-image: url("data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDE1IDE1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNS41IDBDNC42NzE1NyAwIDQgMC42NzE1NzMgNCAxLjVWNS41QzQgNi4zMjg0MyA0LjY3MTU3IDcgNS41IDdIOS41QzEwLjMyODQgNyAxMSA2LjMyODQzIDExIDUuNVYxLjVDMTEgMC42NzE1NzMgMTAuMzI4NCAwIDkuNSAwSDUuNVoiIGZpbGw9IiMwMDAwMDAiLz4KPHBhdGggZD0iTTAgMkgyVjFIMFYyWiIgZmlsbD0iIzAwMDAwMCIvPgo8cGF0aCBkPSJNMTMgMkgxNVYxSDEzVjJaIiBmaWxsPSIjMDAwMDAwIi8+CjxwYXRoIGQ9Ik0wIDZIMlY1SDBWNloiIGZpbGw9IiMwMDAwMDAiLz4KPHBhdGggZD0iTTEzIDZIMTVWNUgxM1Y2WiIgZmlsbD0iIzAwMDAwMCIvPgo8cGF0aCBkPSJNMCAxMEgxNVY5SDBWMTBaIiBmaWxsPSIjMDAwMDAwIi8+CjxwYXRoIGQ9Ik0wIDE0SDE1VjEzSDBWMTRaIiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPg==");
}
 
.wd-editor-toolbar-panel ul li a.weditor-clearfloatleft::before {
    mask-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDE1IDE1IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTEuNSAwQzAuNjcxNTczIDAgMCAwLjY3MTU3MyAwIDEuNVY1LjVDMCA2LjMyODQzIDAuNjcxNTczIDcgMS41IDdINS41QzYuMzI4NDMgNyA3IDYuMzI4NDMgNyA1LjVWMS41QzcgMC42NzE1NzMgNi4zMjg0MyAwIDUuNSAwSDEuNVoiIGZpbGw9IiMwMDAwMDAiLz4KPHBhdGggZD0iTTkgMkgxNVYxSDlWMloiIGZpbGw9IiMwMDAwMDAiLz4KPHBhdGggZD0iTTkgNkgxNVY1SDlWNloiIGZpbGw9IiMwMDAwMDAiLz4KPHBhdGggZD0iTTAgMTBIMTVWOUgwVjEwWiIgZmlsbD0iIzAwMDAwMCIvPgo8cGF0aCBkPSJNMCAxNEgxNVYxM0gwVjE0WiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=");
}
 
.wd-editor-toolbar-panel ul li a.weditor-clearfloatright::before {
    mask-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDE1IDE1IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTkuNSAwQzguNjcxNTcgMCA4IDAuNjcxNTczIDggMS41VjUuNUM4IDYuMzI4NDMgOC42NzE1NyA3IDkuNSA3SDEzLjVDMTQuMzI4NCA3IDE1IDYuMzI4NDMgMTUgNS41VjEuNUMxNSAwLjY3MTU3MyAxNC4zMjg0IDAgMTMuNSAwSDkuNVoiIGZpbGw9IiMwMDAwMDAiLz4KPHBhdGggZD0iTTAgMkg2VjFIMFYyWiIgZmlsbD0iIzAwMDAwMCIvPgo8cGF0aCBkPSJNMCA2SDZWNUgwVjZaIiBmaWxsPSIjMDAwMDAwIi8+CjxwYXRoIGQ9Ik0wIDEwSDE1VjlIMFYxMFoiIGZpbGw9IiMwMDAwMDAiLz4KPHBhdGggZD0iTTAgMTRIMTVWMTNIMFYxNFoiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+");
}
 
.wd-editor-toolbar-panel ul li a.weditor-table::before {
    mask-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGFibGUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTAgMmEyIDIgMCAwIDEgMi0yaDEyYTIgMiAwIDAgMSAyIDJ2MTJhMiAyIDAgMCAxLTIgMkgyYTIgMiAwIDAgMS0yLTJWMnptMTUgMmgtNHYzaDRWNHptMCA0aC00djNoNFY4em0wIDRoLTR2M2gzYTEgMSAwIDAgMCAxLTF2LTJ6bS01IDN2LTNINnYzaDR6bS01IDB2LTNIMXYyYTEgMSAwIDAgMCAxIDFoM3ptLTQtNGg0VjhIMXYzem0wLTRoNFY0SDF2M3ptNS0zdjNoNFY0SDZ6bTQgNEg2djNoNFY4eiIvPgo8L3N2Zz4=");
}
 
.wd-editor-toolbar-panel ul li a.weditor-toc::before {
    mask-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTQgNkgyME00IDEySDE0TTQgMThIOSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=");
}
 
.wd-editor-toolbar-panel ul li :is(a.weditor-codewiz, a.weditor-uriwiz, a.weditor-pagelinkwiz, a.weditor-imagewiz)::after {
    content: '';
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    position: absolute;
    background: var(--p-gray-5);
    border-radius: 0.2rem;
    mask-position: center;
    mask-repeat: no-repeat;
    color: var(--p-gray-1);
    transform: translate(0.6rem, 0.6rem);
    mask-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI0ZGRkZGRiIgY2xhc3M9ImJpIGJpLXN0YXJzIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik03LjY1NyA2LjI0N2MuMTEtLjMzLjU3Ni0uMzMuNjg2IDBsLjY0NSAxLjkzN2EyLjg5IDIuODkgMCAwIDAgMS44MjkgMS44MjhsMS45MzYuNjQ1Yy4zMy4xMS4zMy41NzYgMCAuNjg2bC0xLjkzNy42NDVhMi44OSAyLjg5IDAgMCAwLTEuODI4IDEuODI5bC0uNjQ1IDEuOTM2YS4zNjEuMzYxIDAgMCAxLS42ODYgMGwtLjY0NS0xLjkzN2EyLjg5IDIuODkgMCAwIDAtMS44MjgtMS44MjhsLTEuOTM3LS42NDVhLjM2MS4zNjEgMCAwIDEgMC0uNjg2bDEuOTM3LS42NDVhMi44OSAyLjg5IDAgMCAwIDEuODI4LTEuODI4bC42NDUtMS45Mzd6TTMuNzk0IDEuMTQ4YS4yMTcuMjE3IDAgMCAxIC40MTIgMGwuMzg3IDEuMTYyYy4xNzMuNTE4LjU3OS45MjQgMS4wOTcgMS4wOTdsMS4xNjIuMzg3YS4yMTcuMjE3IDAgMCAxIDAgLjQxMmwtMS4xNjIuMzg3QTEuNzM0IDEuNzM0IDAgMCAwIDQuNTkzIDUuNjlsLS4zODcgMS4xNjJhLjIxNy4yMTcgMCAwIDEtLjQxMiAwTDMuNDA3IDUuNjlBMS43MzQgMS43MzQgMCAwIDAgMi4zMSA0LjU5M2wtMS4xNjItLjM4N2EuMjE3LjIxNyAwIDAgMSAwLS40MTJsMS4xNjItLjM4N0ExLjczNCAxLjczNCAwIDAgMCAzLjQwNyAyLjMxbC4zODctMS4xNjJ6TTEwLjg2My4wOTlhLjE0NS4xNDUgMCAwIDEgLjI3NCAwbC4yNTguNzc0Yy4xMTUuMzQ2LjM4Ni42MTcuNzMyLjczMmwuNzc0LjI1OGEuMTQ1LjE0NSAwIDAgMSAwIC4yNzRsLS43NzQuMjU4YTEuMTU2IDEuMTU2IDAgMCAwLS43MzIuNzMybC0uMjU4Ljc3NGEuMTQ1LjE0NSAwIDAgMS0uMjc0IDBsLS4yNTgtLjc3NGExLjE1NiAxLjE1NiAwIDAgMC0uNzMyLS43MzJMOS4xIDIuMTM3YS4xNDUuMTQ1IDAgMCAxIDAtLjI3NGwuNzc0LS4yNThjLjM0Ni0uMTE1LjYxNy0uMzg2LjczMi0uNzMyTDEwLjg2My4xeiIvPgo8L3N2Zz4=');
    mask-size: 0.55rem;
}
 
.wd-editor-toolbar-panel ul li :is(a.weditor-code, a.weditor-codewiz)::before {
    mask-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZmlsZS1lYXJtYXJrLWNvZGUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTE0IDQuNVYxNGEyIDIgMCAwIDEtMiAySDRhMiAyIDAgMCAxLTItMlYyYTIgMiAwIDAgMSAyLTJoNS41TDE0IDQuNXptLTMgMEExLjUgMS41IDAgMCAxIDkuNSAzVjFINGExIDEgMCAwIDAtMSAxdjEyYTEgMSAwIDAgMCAxIDFoOGExIDEgMCAwIDAgMS0xVjQuNWgtMnoiLz4KICA8cGF0aCBkPSJNOC42NDYgNi42NDZhLjUuNSAwIDAgMSAuNzA4IDBsMiAyYS41LjUgMCAwIDEgMCAuNzA4bC0yIDJhLjUuNSAwIDAgMS0uNzA4LS43MDhMMTAuMjkzIDkgOC42NDYgNy4zNTRhLjUuNSAwIDAgMSAwLS43MDh6bS0xLjI5MiAwYS41LjUgMCAwIDAtLjcwOCAwbC0yIDJhLjUuNSAwIDAgMCAwIC43MDhsMiAyYS41LjUgMCAwIDAgLjcwOC0uNzA4TDUuNzA3IDlsMS42NDctMS42NDZhLjUuNSAwIDAgMCAwLS43MDh6Ii8+Cjwvc3ZnPg==");
}
 
.wd-editor-toolbar-panel ul li :is(a.weditor-uri, a.weditor-uriwiz)::before {
    mask-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktbGluay00NWRlZyIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNNC43MTUgNi41NDIgMy4zNDMgNy45MTRhMyAzIDAgMSAwIDQuMjQzIDQuMjQzbDEuODI4LTEuODI5QTMgMyAwIDAgMCA4LjU4NiA1LjVMOCA2LjA4NmExLjAwMiAxLjAwMiAwIDAgMC0uMTU0LjE5OSAyIDIgMCAwIDEgLjg2MSAzLjMzN0w2Ljg4IDExLjQ1YTIgMiAwIDEgMS0yLjgzLTIuODNsLjc5My0uNzkyYTQuMDE4IDQuMDE4IDAgMCAxLS4xMjgtMS4yODd6Ii8+CiAgPHBhdGggZD0iTTYuNTg2IDQuNjcyQTMgMyAwIDAgMCA3LjQxNCA5LjVsLjc3NS0uNzc2YTIgMiAwIDAgMS0uODk2LTMuMzQ2TDkuMTIgMy41NWEyIDIgMCAxIDEgMi44MyAyLjgzbC0uNzkzLjc5MmMuMTEyLjQyLjE1NS44NTUuMTI4IDEuMjg3bDEuMzcyLTEuMzcyYTMgMyAwIDEgMC00LjI0My00LjI0M0w2LjU4NiA0LjY3MnoiLz4KPC9zdmc+");
}
 
.wd-editor-toolbar-panel ul li :is(a.weditor-pagelink, a.weditor-pagelinkwiz)::before {
    mask-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYm94LWFycm93LXVwLXJpZ2h0IiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTguNjM2IDMuNWEuNS41IDAgMCAwLS41LS41SDEuNUExLjUgMS41IDAgMCAwIDAgNC41djEwQTEuNSAxLjUgMCAwIDAgMS41IDE2aDEwYTEuNSAxLjUgMCAwIDAgMS41LTEuNVY3Ljg2NGEuNS41IDAgMCAwLTEgMFYxNC41YS41LjUgMCAwIDEtLjUuNWgtMTBhLjUuNSAwIDAgMS0uNS0uNXYtMTBhLjUuNSAwIDAgMSAuNS0uNWg2LjYzNmEuNS41IDAgMCAwIC41LS41eiIvPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE2IC41YS41LjUgMCAwIDAtLjUtLjVoLTVhLjUuNSAwIDAgMCAwIDFoMy43OTNMNi4xNDYgOS4xNDZhLjUuNSAwIDEgMCAuNzA4LjcwOEwxNSAxLjcwN1Y1LjVhLjUuNSAwIDAgMCAxIDB2LTV6Ii8+Cjwvc3ZnPg==");
}
 
.wd-editor-toolbar-panel ul li :is(a.weditor-image, a.weditor-imagewiz)::before {
    mask-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZmlsZS1lYXJtYXJrLWltYWdlIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik02LjUwMiA3YTEuNSAxLjUgMCAxIDAgMC0zIDEuNSAxLjUgMCAwIDAgMCAzeiIvPgogIDxwYXRoIGQ9Ik0xNCAxNGEyIDIgMCAwIDEtMiAySDRhMiAyIDAgMCAxLTItMlYyYTIgMiAwIDAgMSAyLTJoNS41TDE0IDQuNVYxNHpNNCAxYTEgMSAwIDAgMC0xIDF2MTBsMi4yMjQtMi4yMjRhLjUuNSAwIDAgMSAuNjEtLjA3NUw4IDExbDIuMTU3LTMuMDJhLjUuNSAwIDAgMSAuNzYtLjA2M0wxMyAxMFY0LjVoLTJBMS41IDEuNSAwIDAgMSA5LjUgM1YxSDR6Ii8+Cjwvc3ZnPg==");
}
 
.wd-editor-toolbar-panel ul li a.weditor-html::before {
    mask-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSIjMDAwMDAwIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgoKPGcgaWQ9ImMxMzNkZTZhZjY2NGNkNGYwMTFhNTVkZTZiMDAwZDBiIj4KCjxwYXRoIGRpc3BsYXk9ImlubGluZSIgZD0iTTEwOC42NjksMC41MDFoMjMuMDMydjIyLjc1NmgyMS4wNjlWMC41MDFoMjMuMDM0VjY5LjQxaC0yMy4wMzJWNDYuMzM0aC0yMS4wNjlWNjkuNDFoLTIzLjAzMlYwLjUwMSAgIEgxMDguNjY5eiBNMjA2LjA5MSwyMy4zNTNoLTIwLjI3NVYwLjUwMWg2My41OTR2MjIuODUyaC0yMC4yODVWNjkuNDFoLTIzLjAzMlYyMy4zNTNIMjA2LjA5MXogTTI1OS41MDIsMC41MDFoMjQuMDJsMTQuNzcxLDI0LjIxMyAgIGwxNC43NTktMjQuMjEzaDI0LjAyM1Y2OS40MWgtMjIuOTM4VjM1LjI1NmwtMTUuODQ1LDI0LjVoLTAuMzk1bC0xNS44NTYtMjQuNVY2OS40MWgtMjIuNTM5VjAuNTAxeiBNMzQ4LjU0LDAuNTAxaDIzLjAzOHY0Ni4xMzMgICBoMzIuMzkxVjY5LjQxSDM0OC41NFYwLjUwMXogTTc0Ljk4NywxMDAuOTI2bDMyLjk0NiwzNjkuNTMzbDE0Ny44NDQsNDEuMDRMNDA0LjAzMSw0NzAuNGwzMi45ODEtMzY5LjQ3NUg3NC45ODd6IE0zNjguMjg5LDE4OC42MiAgIGwtMi4wNjMsMjIuOTc3bC0wLjkwNiwxMC4xODhoLTAuMTQ5SDI1NmgtMC4xNThoLTYzLjk1Nmw0LjE0Miw0Ni40MDdoNTkuODE0SDI1Nmg5Mi45OGgxMi4yMTRsLTEuMTA2LDEyLjE3MmwtMTAuNjUsMTE5LjMyICAgbC0wLjY4Miw3LjY1MkwyNTYsNDMzLjA0NXYwLjAwOGwtMC4yMDgsMC4wNTlsLTkyLjgzOS0yNS43NzRsLTYuMzUxLTcxLjE2MWgyMC45N2gyNC41MjdsMy4yMjcsMzYuMTQ2bDUwLjQ3NCwxMy42MzJsMC4wNDItMC4wMTMgICB2LTAuMDA0bDUwLjU1MS0xMy42NGw1LjI1Ny01OC43ODFIMjU2aC0wLjE1OEgxNTQuNTc4TDE0My40MzksMTg4LjYybC0xLjA4NS0xMi4xNTdoMTEzLjQ4OEgyNTZoMTEzLjM3NEwzNjguMjg5LDE4OC42MnoiPgoKPC9wYXRoPgoKPC9nPgoKPC9zdmc+");
}
 
.wd-editor-toolbar-panel ul li a.weditor-numlist::before {
    mask-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTEwIDZMMjEgNi4wMDA2Nk0xMCAxMkwyMSAxMi4wMDA3TTEwIDE4TDIxIDE4LjAwMDdNMyA1TDUgNFYxME01IDEwSDNNNSAxMEg3TTcgMjBIM0w2LjQxMjc0IDE3LjAxMzlDNi43ODU5MyAxNi42ODczIDcgMTYuMjE1NiA3IDE1LjcxOTdDNyAxNC43Njk5IDYuMjMwMDggMTQgNS4yODAzMyAxNEg1QzQuMDY4MDggMTQgMy4yODUwMyAxNC42Mzc0IDMuMDYzMDEgMTUuNSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=");
}
 
.wd-editor-toolbar-panel ul li a.weditor-bullist::before {
    mask-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTggNkwyMSA2LjAwMDc4TTggMTJMMjEgMTIuMDAwOE04IDE4TDIxIDE4LjAwMDdNMyA2LjVINFY1LjVIM1Y2LjVaTTMgMTIuNUg0VjExLjVIM1YxMi41Wk0zIDE4LjVINFYxNy41SDNWMTguNVoiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+");
}
 
.wd-editor-toolbar-panel ul li a.weditor-incindent::before {
    mask-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KPHBhdGggb3BhY2l0eT0iMC41IiBkPSJNMjAgNkwzIDYiIHN0cm9rZT0iIzQ0NCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBvcGFjaXR5PSIwLjUiIGQ9Ik0xMSAxMUwzIDExIiBzdHJva2U9IiM0NDQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggb3BhY2l0eT0iMC41IiBkPSJNMTIgMTZIMyIgc3Ryb2tlPSIjNDQ0IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNSAxMS41TDE3LjUgOU0xNy41IDlMMjAgMTEuNU0xNy41IDlWMTciIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=");
}
 
.wd-editor-toolbar-panel ul li a.weditor-decindent::before {
    mask-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KPHBhdGggb3BhY2l0eT0iMC41IiBkPSJNMjAgNkwzIDYiIHN0cm9rZT0iIzQ0NCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBvcGFjaXR5PSIwLjUiIGQ9Ik0xMSAxNkwzIDE2IiBzdHJva2U9IiM0NDQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggb3BhY2l0eT0iMC41IiBkPSJNMTIgMTFMMyAxMSIgc3Ryb2tlPSIjNDQ0IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNSAxNC41TDE3LjUgMTdNMTcuNSAxN0wyMCAxNC41TTE3LjUgMTdWOSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==");
}
 
.wd-editor-toolbar-panel ul li a.weditor-deflist::before {
    mask-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktbGlzdC1jb2x1bW5zIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTAgLjVBLjUuNSAwIDAgMSAuNSAwaDlhLjUuNSAwIDAgMSAwIDFoLTlBLjUuNSAwIDAgMSAwIC41Wm0xMyAwYS41LjUgMCAwIDEgLjUtLjVoMmEuNS41IDAgMCAxIDAgMWgtMmEuNS41IDAgMCAxLS41LS41Wm0tMTMgMkEuNS41IDAgMCAxIC41IDJoOGEuNS41IDAgMCAxIDAgMWgtOGEuNS41IDAgMCAxLS41LS41Wm0xMyAwYS41LjUgMCAwIDEgLjUtLjVoMmEuNS41IDAgMCAxIDAgMWgtMmEuNS41IDAgMCAxLS41LS41Wm0tMTMgMkEuNS41IDAgMCAxIC41IDRoMTBhLjUuNSAwIDAgMSAwIDFILjVhLjUuNSAwIDAgMS0uNS0uNVptMTMgMGEuNS41IDAgMCAxIC41LS41aDJhLjUuNSAwIDAgMSAwIDFoLTJhLjUuNSAwIDAgMS0uNS0uNVptLTEzIDJBLjUuNSAwIDAgMSAuNSA2aDdhLjUuNSAwIDAgMSAwIDFoLTdhLjUuNSAwIDAgMS0uNS0uNVptMTMgMGEuNS41IDAgMCAxIC41LS41aDJhLjUuNSAwIDAgMSAwIDFoLTJhLjUuNSAwIDAgMS0uNS0uNVptLTEzIDJBLjUuNSAwIDAgMSAuNSA4aDdhLjUuNSAwIDAgMSAwIDFoLTdhLjUuNSAwIDAgMS0uNS0uNVptMTMgMGEuNS41IDAgMCAxIC41LS41aDJhLjUuNSAwIDAgMSAwIDFoLTJhLjUuNSAwIDAgMS0uNS0uNVptLTEzIDJhLjUuNSAwIDAgMSAuNS0uNWg5YS41LjUgMCAwIDEgMCAxaC05YS41LjUgMCAwIDEtLjUtLjVabTEzIDBhLjUuNSAwIDAgMSAuNS0uNWgyYS41LjUgMCAwIDEgMCAxaC0yYS41LjUgMCAwIDEtLjUtLjVabS0xMyAyYS41LjUgMCAwIDEgLjUtLjVoNWEuNS41IDAgMCAxIDAgMWgtNWEuNS41IDAgMCAxLS41LS41Wm0xMyAwYS41LjUgMCAwIDEgLjUtLjVoMmEuNS41IDAgMCAxIDAgMWgtMmEuNS41IDAgMCAxLS41LS41Wm0tMTMgMmEuNS41IDAgMCAxIC41LS41aDEwYS41LjUgMCAwIDEgMCAxSC41YS41LjUgMCAwIDEtLjUtLjVabTEzIDBhLjUuNSAwIDAgMSAuNS0uNWgyYS41LjUgMCAwIDEgMCAxaC0yYS41LjUgMCAwIDEtLjUtLjVaIi8+Cjwvc3ZnPg==");
}
 
.wd-editor-toolbar-panel ul li a.weditor-footnote::before {
    mask-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTIwLjAyMzQgNy41NDE2NEMxOS45NTE0IDcuNTk1MTUgMTkuODc4NSA3LjY0NjU0IDE5LjgwNDggNy42OTU2NUMxOS4zNDUzIDguMDAyMDEgMTguNzI0NCA3Ljg3NzgzIDE4LjQxODEgNy40MTgzQzE4LjExMTcgNi45NTg3OCAxOC4yMzU5IDYuMzM3OTEgMTguNjk1NCA2LjAzMTU1QzE5LjQxOTEgNS41NDkwOSAxOS45MzYyIDQuNzg3NzUgMjAuMDQ1OSA0LjI4NjI3QzIwLjE1NTUgMy43ODU2MiAyMC42MjIzIDMuNDU1MzEgMjEuMTIwMiAzLjUwNDYyQzIxLjYyNzEgMy41NTMyNyAyMi4wMjM0IDMuOTgwMzQgMjIuMDIzNCA0LjVWMTFDMjIuMDIzNCAxMS41NTIzIDIxLjU3NTcgMTIgMjEuMDIzNCAxMkMyMC40NzEyIDEyIDIwLjAyMzQgMTEuNTUyMyAyMC4wMjM0IDExVjcuNTQxNjRaIiBmaWxsPSIjMjEyMTIxIi8+CjxwYXRoIGQ9Ik0yLjExMDk4IDE3Ljk3MzhMMi4xMDMyNiAxNy45NjdDMS44NzUyOCAxNy43NjQ4IDEuNzUgMTcuNDk0IDEuNzUgMTcuMTg2MUMxLjc1IDE3LjAwNDcgMS43OTk2NyAxNi44MjA5IDEuODY0MDggMTYuNjUxNUwxLjg2NDU3IDE2LjY1MDJMNS4yOTkxMiA3LjY5MjhDNS40MDQ4IDcuNDE1OTcgNS41Njk5OSA3LjE3MDc4IDUuODEzNCA2Ljk5Nzc0QzYuMDU4NTggNi44MjM0MyA2LjM0Mzc4IDYuNzUgNi42Mzk4MSA2Ljc1QzYuOTI4ODggNi43NSA3LjIwNjQ2IDYuODI1NjMgNy40NDQ1NiA3LjAwMDM2QzcuNjc5MjQgNy4xNzI1OCA3LjgzODU5IDcuNDEzODQgNy45NDI3OCA3LjY4Mzg2TDExLjM4NTkgMTYuNjUxNUMxMS40NTAzIDE2LjgyMDkgMTEuNSAxNy4wMDQ3IDExLjUgMTcuMTg2MUMxMS41IDE3LjUwMTIgMTEuMzY2MyAxNy43NzM1IDExLjEzMiAxNy45NzM0TDExLjEzMSAxNy45NzQyQzEwLjkwMDggMTguMTY5NSAxMC42MjEyIDE4LjI1IDEwLjMzMzggMTguMjVDMTAuMDg1MSAxOC4yNSA5Ljg0MTMgMTguMTgzNiA5LjYzMjQ3IDE4LjAyNTdDOS40MjgxOSAxNy44NzEzIDkuMjk1NzYgMTcuNjU4NCA5LjIxMjgxIDE3LjQyOTRMOC4zODY5MSAxNS4yMDIxSDQuODU2NjRMNC4wMzgwMiAxNy40MjcxTDQuMDM3NDQgMTcuNDI4N0MzLjk1NDUgMTcuNjU3OSAzLjgyMjAxIDE3Ljg3MTEgMy42MTc1MyAxOC4wMjU3QzMuNDA4NyAxOC4xODM2IDMuMTY0ODcgMTguMjUgMi45MTYyNCAxOC4yNUMyLjYyODIgMTguMjUgMi4zNTA2NCAxOC4xNjk0IDIuMTE4OTggMTcuOTgwNEwyLjExMDk4IDE3Ljk3MzhaTTcuNjQzMDggMTMuMTFMNi42MjUgMTAuMzEzN0w1LjYwNjkyIDEzLjExSDcuNjQzMDhaIiBmaWxsPSIjMjEyMTIxIi8+CjxwYXRoIGQ9Ik0xMS43NSAxNy4xNDY1QzExLjc1IDE3LjQyOTIgMTEuODM1IDE3LjcwMzYgMTIuMDM3NiAxNy45MjQ2TDEyLjA0NDkgMTcuOTMyM0MxMi4yNTg4IDE4LjE1NiAxMi41Mzc2IDE4LjI1IDEyLjgyNTEgMTguMjVDMTMuMTE5NiAxOC4yNSAxMy4zOTU0IDE4LjE0OTQgMTMuNjExNyAxNy45MzMyQzEzLjcxNTYgMTcuODI5MiAxMy43OTI4IDE3LjcxMTUgMTMuODQ1IDE3LjU4NDZDMTMuOTU0MSAxNy42Njk4IDE0LjA2OTQgMTcuNzQ4MSAxNC4xOTA4IDE3LjgxOTNMMTQuMTkzIDE3LjgyMDVDMTQuNjkzMiAxOC4xMTA0IDE1LjI1NDYgMTguMjUgMTUuODYzNiAxOC4yNUMxNi45NDk3IDE4LjI1IDE3Ljg1NCAxNy44NDUyIDE4LjUyNzUgMTcuMDMyNUwxOC41Mjg1IDE3LjAzMTJDMTkuMTkzOSAxNi4yMjMgMTkuNTAxNSAxNS4xNzIyIDE5LjUwMTUgMTMuOTMwNUMxOS41MDE1IDEyLjY5MyAxOS4xOTM2IDExLjY0NDggMTguNTI4NSAxMC44MzY5QzE3Ljg1NzEgMTAuMDIxMiAxNi45NjA3IDkuNjExMDUgMTUuODg0OSA5LjYxMTA1QzE1LjI4NzUgOS42MTEwNSAxNC43MzM3IDkuNzUxODIgMTQuMjM1NiAxMC4wNDA1TDE0LjIzMzQgMTAuMDQxOEMxNC4xNDc1IDEwLjA5MjEgMTQuMDY0OCAxMC4xNDU5IDEzLjk4NTMgMTAuMjAzMVY3LjkxMDI0QzEzLjk4NTMgNy42MDc3MSAxMy44ODk2IDcuMzIwMjMgMTMuNjcxNyA3LjA5MTdDMTMuNDU2NCA2Ljg2MDQ2IDEzLjE3MzggNi43NSAxMi44Njc2IDYuNzVDMTIuNTU5OSA2Ljc1IDEyLjI3OCA2Ljg2MTE0IDEyLjA1OTkgNy4wODc5NkwxMi4wNTMgNy4wOTU0NEMxMS44NDA3IDcuMzI1NDIgMTEuNzUgNy42MTE4MiAxMS43NSA3LjkxMDI0VjE3LjE0NjVaTTE3LjIzNzggMTMuOTMwNUMxNy4yMzc4IDE0LjcwMSAxNy4wNjQ5IDE1LjI0ODUgMTYuNzc0MyAxNS42MjY3QzE2LjQ5NjcgMTUuOTgzNyAxNi4xMzA5IDE2LjE2MzggMTUuNjIyMiAxNi4xNjM4QzE1LjE0ODYgMTYuMTYzOCAxNC43NzUxIDE1Ljk4NTEgMTQuNDY1NSAxNS41OTk1QzE0LjE1NiAxNS4yMDg0IDEzLjk3ODIgMTQuNjY3NyAxMy45NzgyIDEzLjkzMDVDMTMuOTc4MiAxMy4xOTgyIDE0LjE1NiAxMi42NTkzIDE0LjQ2NjIgMTIuMjY3N0MxNC43NzY3IDExLjg3NyAxNS4xNTAxIDExLjY5NzMgMTUuNjIyMiAxMS42OTczQzE2LjEyOTUgMTEuNjk3MyAxNi40OTUxIDExLjg3ODUgMTYuNzczNiAxMi4yNDA1QzE3LjA2NDkgMTIuNjE5MiAxNy4yMzc4IDEzLjE2NDkgMTcuMjM3OCAxMy45MzA1WiIgZmlsbD0iIzIxMjEyMSIvPgo8L3N2Zz4=");
}
 
.wd-editor-toolbar-panel ul li a.weditor-math::before {
    mask-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTEyLjE4NzMgNC4xNDA0OUMxMS4yMjI5IDMuNDE3MTQgOS44NDIzNiA0LjA2OTUgOS43ODg4MyA1LjI3Mzg5TDkuNzEyMTEgN0gxMkMxMi41NTIzIDcgMTMgNy40NDc3MiAxMyA4QzEzIDguNTUyMjggMTIuNTUyMyA5IDEyIDlIOS42MjMyMkw5LjIyOTg4IDE3Ljg1MDFDOS4wOTk2IDIwLjc4MTUgNS42MzY4MSAyMi4yNjEgMy40Mjg1NyAyMC4zMjg3TDMuMzQxNTEgMjAuMjUyNkMyLjkyNTg3IDE5Ljg4ODkgMi44ODM3NSAxOS4yNTcxIDMuMjQ3NDMgMTguODQxNUMzLjYxMTEyIDE4LjQyNTkgNC4yNDI4OCAxOC4zODM3IDQuNjU4NTIgMTguNzQ3NEw0Ljc0NTU4IDE4LjgyMzZDNS42OTE5NyAxOS42NTE3IDcuMTc2MDIgMTkuMDE3NiA3LjIzMTg2IDE3Ljc2MTNMNy42MjEyNSA5SDZDNS40NDc3MiA5IDUgOC41NTIyOCA1IDhDNSA3LjQ0NzcyIDUuNDQ3NzIgNyA2IDdINy43MTAxNEw3Ljc5MDggNS4xODUwOUM3LjkxNTcgMi4zNzQ4MyAxMS4xMzY5IDAuODUyNjc1IDEzLjM4NzMgMi41NDA0OUwxMy42IDIuNjk5OTlDMTQuMDQxOCAzLjAzMTM2IDE0LjEzMTQgMy42NTgxNyAxMy44IDQuMDk5OTlDMTMuNDY4NiA0LjU0MTgyIDEyLjg0MTggNC42MzEzNiAxMi40IDQuMjk5OTlMMTIuMTg3MyA0LjE0MDQ5WiIgZmlsbD0iIzIxMjEyMSIvPgo8cGF0aCBkPSJNMTMuMDgyIDEzLjA0NjJDMTMuMzM0OCAxMi45MDcxIDEzLjY1MjUgMTMuMDEwMyAxMy43NzU0IDEzLjI3MTRMMTQuNTg3OSAxNC45OTc5TDExLjI5MjggMTguMjkyOUMxMC45MDIzIDE4LjY4MzQgMTAuOTAyMyAxOS4zMTY2IDExLjI5MjggMTkuNzA3MUMxMS42ODM0IDIwLjA5NzcgMTIuMzE2NSAyMC4wOTc3IDEyLjcwNyAxOS43MDcxTDE1LjQ5MyAxNi45MjEyTDE2LjI3MjkgMTguNTc4NkMxNi45Njc2IDIwLjA1NDggMTguODY3MyAyMC40ODA4IDIwLjEyNTkgMTkuNDQyNUwyMC42MzYzIDE5LjAyMTRDMjEuMDYyMyAxOC42Njk5IDIxLjEyMjggMTguMDM5NyAyMC43NzEzIDE3LjYxMzZDMjAuNDE5OCAxNy4xODc2IDE5Ljc4OTYgMTcuMTI3MiAxOS4zNjM2IDE3LjQ3ODdMMTguODUzMSAxNy44OTk4QzE4LjYwMTQgMTguMTA3NCAxOC4yMjE1IDE4LjAyMjIgMTguMDgyNSAxNy43MjdMMTYuOTk2IDE1LjQxODJMMTkuNzA3IDEyLjcwNzFDMjAuMDk3NiAxMi4zMTY2IDIwLjA5NzYgMTEuNjgzNCAxOS43MDcgMTEuMjkyOUMxOS4zMTY1IDEwLjkwMjQgMTguNjgzNCAxMC45MDI0IDE4LjI5MjggMTEuMjkyOUwxNi4wOTA5IDEzLjQ5NDhMMTUuNTg1IDEyLjQxOThDMTQuOTcwOCAxMS4xMTQ0IDEzLjM4MjIgMTAuNTk4NSAxMi4xMTgyIDExLjI5MzdMMTEuNTE4IDExLjYyMzhDMTEuMDM0MSAxMS44OSAxMC44NTc2IDEyLjQ5OCAxMS4xMjM3IDEyLjk4MkMxMS4zODk5IDEzLjQ2NTkgMTEuOTk4IDEzLjY0MjQgMTIuNDgxOSAxMy4zNzYyTDEzLjA4MiAxMy4wNDYyWiIgZmlsbD0iIzIxMjEyMSIvPgo8L3N2Zz4=");
}
 
.wd-editor-toolbar-panel ul li a.weditor-mathinline::before {
    mask-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTE1LjQ0MzkgNC45NTE4MUMxNS4yOTg2IDQuNjkxNDQgMTQuOTU5MiA0LjYxNTI1IDE0LjcxNjYgNC43ODg1NEwxNC4zMzEzIDUuMDYzNzRDMTMuODgxOSA1LjM4NDc1IDEzLjI1NzQgNS4yODA2NiAxMi45MzYzIDQuODMxMjVDMTIuNjE1MyA0LjM4MTg0IDEyLjcxOTQgMy43NTcyOSAxMy4xNjg4IDMuNDM2MjhMMTMuNTU0MSAzLjE2MTA4QzE0Ljc2NzIgMi4yOTQ2IDE2LjQ2NDIgMi42NzU1NyAxNy4xOTA0IDMuOTc3NDNMMTcuNjk4MiA0Ljg4NzYzTDE5LjI5MyAzLjI5Mjg5QzE5LjY4MzUgMi45MDIzNyAyMC4zMTY3IDIuOTAyMzcgMjAuNzA3MiAzLjI5Mjg5QzIxLjA5NzcgMy42ODM0MiAyMS4wOTc3IDQuMzE2NTggMjAuNzA3MiA0LjcwNzExTDE4LjcxMTEgNi43MDMxOUwxOS41MDQgOC4xMjQ0NEMxOS42NTUzIDguMzk1NjEgMjAuMDE0NSA4LjQ2NDc2IDIwLjI1NTcgOC4yNjkxTDIwLjYyIDcuOTczNDlDMjEuMDQ4OCA3LjYyNTUgMjEuNjc4NiA3LjY5MTA2IDIyLjAyNjYgOC4xMTk5MkMyMi4zNzQ2IDguNTQ4NzggMjIuMzA5IDkuMTc4NTQgMjEuODgwMiA5LjUyNjUzTDIxLjUxNTkgOS44MjIxNEMyMC4zMTAyIDEwLjgwMDQgMTguNTEzOCAxMC40NTQ3IDE3Ljc1NzQgOS4wOTg4M0wxNy4yNDEgOC4xNzMyNUwxNS43MDcyIDkuNzA3MTFDMTUuMzE2NyAxMC4wOTc2IDE0LjY4MzUgMTAuMDk3NiAxNC4yOTMgOS43MDcxMUMxMy45MDI0IDkuMzE2NTggMTMuOTAyNCA4LjY4MzQyIDE0LjI5MyA4LjI5Mjg5TDE2LjIyODIgNi4zNTc2OUwxNS40NDM5IDQuOTUxODFaIiBmaWxsPSIjMjEyMTIxIi8+CjxwYXRoIGQ9Ik04LjM5NjI0IDE0LjEzNzVDNi45ODAxNCAxNC40MTM5IDUuMzkzOCAxNC40ODI5IDMuODY1NjYgMTQuNDk2OUMzLjU5MzE1IDE1LjYwNzIgMy43MDYxNiAxNi4zOTUyIDMuOTYzNjkgMTYuOTI2NkM0LjI2NTYzIDE3LjU0OTcgNC44NDg0NCAxNy45OTA4IDUuNjcxNTEgMTguMTk2MkM3LjM3MDQ1IDE4LjYyIDkuODQ1NTUgMTcuOTQ3NSAxMS40OTc5IDE2LjA2MjJDMTEuODYxOSAxNS42NDY5IDEyLjQ5MzcgMTUuNjA1MyAxMi45MDkxIDE1Ljk2OTNDMTMuMzI0NCAxNi4zMzMzIDEzLjM2NiAxNi45NjUxIDEzLjAwMiAxNy4zODA1QzEwLjkwNDMgMTkuNzczOCA3LjY4MjEzIDIwLjc1OSA1LjE4NzQyIDIwLjEzNjdDMy45MTM2OCAxOS44MTg5IDIuNzc1NTcgMTkuMDYxMSAyLjE2Mzg4IDE3Ljc5ODhDMS41NTY4IDE2LjU0NiAxLjU1MjIzIDE0Ljk3MDQgMi4xNzUwNSAxMy4xNzI2QzMuMDE0NTggMTAuNzQ5NCA0LjI5MjYxIDkuMjMxNjMgNS41ODExMyA4LjI4NjgzQzYuODU5ODEgNy4zNDkyNSA4LjA5NTg3IDcuMDE0NDYgOC43OTkyNSA2Ljg3MDM2QzEwLjQyNTEgNi41MzcyOSAxMS44ODM5IDYuOTk1MTEgMTIuNjk5IDguMDY1MTRDMTMuNTI3NCA5LjE1MjQ4IDEzLjUgMTAuNjMyIDEyLjYwNjggMTEuODUyQzExLjYyNzEgMTMuMTkgMTAuMDI3MSAxMy44MTkyIDguMzk2MjQgMTQuMTM3NVpNOS4yMDA2NCA4LjgyOTY3QzguNjU0MDIgOC45NDE2NSA3LjcyNTA4IDkuMTk0ODMgNi43NjM3NiA5Ljg5OTcxQzYuMDQyOTcgMTAuNDI4MiA1LjI3MzEyIDExLjIzMzEgNC42MzMzMSAxMi40ODM5QzUuODQxMzkgMTIuNDUzOSA2Ljk5NCAxMi4zNzM1IDguMDEzMTEgMTIuMTc0NkM5LjQ2ODY5IDExLjg5MDUgMTAuNDU4NyAxMS40MDAzIDEwLjk5MzEgMTAuNjcwNUMxMS40MjQgMTAuMDgxOSAxMS4zMzk0IDkuNTgwODEgMTEuMTA4MSA5LjI3NzEyQzEwLjg2MzUgOC45NTYxMyAxMC4yNjAzIDguNjEyNTkgOS4yMDA2NCA4LjgyOTY3WiIgZmlsbD0iIzIxMjEyMSIvPgo8L3N2Zz4=");
}
 
.wd-editor-toolbar-panel ul li a.weditor-eqref::before {
    content: 'Eq';
    background: transparent;
}
 
.wd-editor-toolbar-panel ul li a.weditor-bib::before {
    mask-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYm9vayIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMSAyLjgyOGMuODg1LS4zNyAyLjE1NC0uNzY5IDMuMzg4LS44OTMgMS4zMy0uMTM0IDIuNDU4LjA2MyAzLjExMi43NTJ2OS43NDZjLS45MzUtLjUzLTIuMTItLjYwMy0zLjIxMy0uNDkzLTEuMTguMTItMi4zNy40NjEtMy4yODcuODExVjIuODI4em03LjUtLjE0MWMuNjU0LS42ODkgMS43ODItLjg4NiAzLjExMi0uNzUyIDEuMjM0LjEyNCAyLjUwMy41MjMgMy4zODguODkzdjkuOTIzYy0uOTE4LS4zNS0yLjEwNy0uNjkyLTMuMjg3LS44MS0xLjA5NC0uMTExLTIuMjc4LS4wMzktMy4yMTMuNDkyVjIuNjg3ek04IDEuNzgzQzcuMDE1LjkzNiA1LjU4Ny44MSA0LjI4Ny45NGMtMS41MTQuMTUzLTMuMDQyLjY3Mi0zLjk5NCAxLjEwNUEuNS41IDAgMCAwIDAgMi41djExYS41LjUgMCAwIDAgLjcwNy40NTVjLjg4Mi0uNCAyLjMwMy0uODgxIDMuNjgtMS4wMiAxLjQwOS0uMTQyIDIuNTkuMDg3IDMuMjIzLjg3N2EuNS41IDAgMCAwIC43OCAwYy42MzMtLjc5IDEuODE0LTEuMDE5IDMuMjIyLS44NzcgMS4zNzguMTM5IDIuOC42MiAzLjY4MSAxLjAyQS41LjUgMCAwIDAgMTYgMTMuNXYtMTFhLjUuNSAwIDAgMC0uMjkzLS40NTVjLS45NTItLjQzMy0yLjQ4LS45NTItMy45OTQtMS4xMDVDMTAuNDEzLjgwOSA4Ljk4NS45MzYgOCAxLjc4M3oiLz4KPC9zdmc+");
}
 
.wd-editor-toolbar-panel ul li a.weditor-bibcite::before {
    mask-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcXVvdGUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEyIDEyYTEgMSAwIDAgMCAxLTFWOC41NThhMSAxIDAgMCAwLTEtMWgtMS4zODhjMC0uMzUxLjAyMS0uNzAzLjA2Mi0xLjA1NC4wNjItLjM3Mi4xNjYtLjcwMy4zMS0uOTkyLjE0NS0uMjkuMzMxLS41MTcuNTU5LS42ODMuMjI3LS4xODYuNTE2LS4yNzkuODY4LS4yNzlWM2MtLjU3OSAwLTEuMDg1LjEyNC0xLjUyLjM3MmEzLjMyMiAzLjMyMiAwIDAgMC0xLjA4NS45OTIgNC45MiA0LjkyIDAgMCAwLS42MiAxLjQ1OEE3LjcxMiA3LjcxMiAwIDAgMCA5IDcuNTU4VjExYTEgMSAwIDAgMCAxIDFoMlptLTYgMGExIDEgMCAwIDAgMS0xVjguNTU4YTEgMSAwIDAgMC0xLTFINC42MTJjMC0uMzUxLjAyMS0uNzAzLjA2Mi0xLjA1NC4wNjItLjM3Mi4xNjYtLjcwMy4zMS0uOTkyLjE0NS0uMjkuMzMxLS41MTcuNTU5LS42ODMuMjI3LS4xODYuNTE2LS4yNzkuODY4LS4yNzlWM2MtLjU3OSAwLTEuMDg1LjEyNC0xLjUyLjM3MmEzLjMyMiAzLjMyMiAwIDAgMC0xLjA4NS45OTIgNC45MiA0LjkyIDAgMCAwLS42MiAxLjQ1OEE3LjcxMiA3LjcxMiAwIDAgMCAzIDcuNTU4VjExYTEgMSAwIDAgMCAxIDFoMloiLz4KPC9zdmc+");
}
/*
 * Capabilities.css
 * 兼容性
 */
 
/* Root Variables */
 
/* Monoxide */
 
:root {
    --mox-theme-color: var(--p-theme-color);
    --mox-theme-dark-color: var(--p-theme-color-dark);
    --mox-theme-light-color: var(--p-theme-color-light);
    --mox-bg-color: var(--p-gray-0);
    --mox-text-color: var(--p-gray-5);
 
    --mox-layer-dark-1: var(--p-gray-4);
    --mox-layer-dark-2: var(--p-gray-5);
    --mox-layer-dark-3: var(--p-gray-6);
 
    --mox-layer-light-1: var(--p-gray-1);
    --mox-layer-light-2: var(--p-gray-2);
    --mox-layer-light-3: var(--p-gray-3);
    --mox-bgblur-front-color: var(--p-light-transparent-0-8);
 
    --mox-warn-color: var(--p-warning);
    --mox-accept-color: var(--p-success);
    --mox-alter-color: var(--p-info);
 
    --mox-header-title: var(--p-header-title-content);
    --mox-header-subtitle: var(--p-header-slogan-content);
    --mox-header-logo: var(--p-header-logo-background);
 
    --mox-page-width: var(--p-main-content-width);
    --mox-header-height: var(--p-header-height);
    --mox-anim-duration: var(--p-animation-duration-short);
 
    --mox-ui-font: var(--p-font-sans-serif);
    --mox-text-font: var(--p-font-sans-serif);
    --mox-mono-font: var(--p-font-monospace);
}
 
/* Page Content Elements */
 
/* Collspaible Info Component */
 
:root {
    --linkColour: var(--p-gray-1);
    --barColour: var(--p-theme-color);
}
 
.info-container .collapsible-block-unfolded {
    border: solid 0.1rem var(--p-gray-2);
    border-top: none;
}
 
.info-container .collapsible-block-content {
    padding: 1rem;
}
 
/* Content Warning */
 
.content-warning.creditRate {
    display: inline-flex;
    justify-content: flex-end;
}
 
/* Image Hover Enlarge Component */
 
.image-hover-enlarge img.image {
    box-shadow: none;
}
 
.image-hover-enlarge img.image:hover {
    box-shadow: none;
    border: solid 0.1rem var(--p-gray-2);
}
 
/* License Box */
 
.licensebox {
    padding: 0.75rem;
    background-color: var(--p-gray-1);
    border-radius: var(--p-border-radius-large);
}
 
.licensebox blockquote {
    background-color: transparent;
    padding: 0rem 1rem;
}
 
.note-page p {
    line-height: var(--p-font-size-medium) !important;
}
 
/* Print */
 
/* 
 * Localization.css
 * 伪元素本地化文本
*/
 
/* Action Area - Close Button */
 
:root {
    --LOC-close: 'Close';
}
 
:root:lang(cn) {
    --LOC-close: '关闭';
}
 
:root:lang(jp) {
    --LOC-close: '閉じる';
}
 
/* Action Area - File Types */
 
:root {
    --LOC-file-type-svg: 'SVG Vector Graphics';
    --LOC-file-type-png: 'PNG Image';
    --LOC-file-type-jpeg: 'JPEG Image';
    --LOC-file-type-gif: 'GIF Animated Image';
    --LOC-file-type-bmp: 'BMP Image';
    --LOC-file-type-truetype: 'TrueType Font File';
    --LOC-file-type-opentype: 'OpenType Font File';
    --LOC-file-type-woff: 'WOFF Font File';
    --LOC-file-type-woff2: 'WOFF2 Font File';
    --LOC-file-type-ascii: 'Other Files';
    --LOC-file-type-pdf: 'PDF Document';
    --LOC-file-type-7zip: '7-Zip Compressed File';
    --LOC-file-type-zip: 'ZIP Compressed File';
    --LOC-file-type-rar: 'RAR Compressed File';
    --LOC-file-type-powerpoint: 'PowerPoint Presentation';
    --LOC-file-type-excel: 'Excel Spreadsheet';
    --LOC-file-type-word: 'Word Document';
    --LOC-file-type-access: 'Access Database';
    --LOC-file-type-obj: '3D Object File';
    --LOC-file-type-txt: 'Plain Text';
    --LOC-file-type-js: 'JavaScript Code';
    --LOC-file-type-css: 'CSS Cascading Style Sheet';
    --LOC-file-type-html: 'HTML Web Page';
    --LOC-file-type-xml: 'XML Document';
    --LOC-file-type-exe: 'Executable File';
    --LOC-manage-attachments: 'Manage Attachments';
}
 
:root:lang(cn) {
    --LOC-file-type-svg: 'SVG 矢量图形';
    --LOC-file-type-png: 'PNG 图像';
    --LOC-file-type-jpeg: 'JPEG 图像';
    --LOC-file-type-gif: 'GIF 动画图像';
    --LOC-file-type-bmp: 'BMP 图像';
    --LOC-file-type-truetype: 'TrueType 字体文件';
    --LOC-file-type-opentype: 'OpenType 字体文件';
    --LOC-file-type-woff: 'WOFF 字体文件';
    --LOC-file-type-woff2: 'WOFF2 字体文件';
    --LOC-file-type-ascii: '其他文件';
    --LOC-file-type-pdf: 'PDF 文档';
    --LOC-file-type-7zip: '7-Zip 压缩文件';
    --LOC-file-type-zip: 'ZIP 压缩文件';
    --LOC-file-type-rar: 'RAR 压缩文件';
    --LOC-file-type-powerpoint: 'PowerPoint 演示文稿';
    --LOC-file-type-excel: 'Excel 电子表格';
    --LOC-file-type-word: 'Word 文档';
    --LOC-file-type-access: 'Access 数据库';
    --LOC-file-type-obj: '3D 对象文件';
    --LOC-file-type-txt: '纯文本';
    --LOC-file-type-js: 'JavaScript 代码';
    --LOC-file-type-css: 'CSS 层叠样式表';
    --LOC-file-type-html: 'HTML 网页';
    --LOC-file-type-xml: 'XML ドキュメント';
    --LOC-file-type-exe: '可执行文件';
    --LOC-manage-attachments: '管理附件';
}
 
:root:lang(jp) {
    --LOC-file-type-svg: 'SVG ベクターグラフィック';
    --LOC-file-type-png: 'PNG 画像';
    --LOC-file-type-jpeg: 'JPEG 画像';
    --LOC-file-type-gif: 'GIF アニメーション画像';
    --LOC-file-type-bmp: 'BMP 画像';
    --LOC-file-type-truetype: 'TrueType フォントファイル';
    --LOC-file-type-opentype: 'OpenType フォントファイル';
    --LOC-file-type-woff: 'WOFF フォントファイル';
    --LOC-file-type-woff2: 'WOFF2 フォントファイル';
    --LOC-file-type-ascii: 'その他のファイル';
    --LOC-file-type-pdf: 'PDF ドキュメント';
    --LOC-file-type-7zip: '7-Zip 圧縮ファイル';
    --LOC-file-type-zip: 'ZIP 圧縮ファイル';
    --LOC-file-type-rar: 'RAR 圧縮ファイル';
    --LOC-file-type-powerpoint: 'PowerPoint プレゼンテーション';
    --LOC-file-type-excel: 'Excel 電子表';
    --LOC-file-type-word: 'Word ドキュメント';
    --LOC-file-type-access: 'Access データベース';
    --LOC-file-type-obj: '3D オブジェクトファイル';
    --LOC-file-type-txt: 'テキストファイル';
    --LOC-file-type-js: 'JavaScript コード';
    --LOC-file-type-css: 'CSS カスケーディングスタイルシート';
    --LOC-file-type-html: 'HTML ページ';
    --LOC-file-type-xml: 'XML ドキュメント';
    --LOC-file-type-exe: '実行可能ファイル';
    --LOC-manage-attachments: '添付ファイルを管理する';
}
 
tr[id*="file-row"] :is(
    span[title*="SVG"],
    span[title*="PNG"],
    span[title*="JPEG"],
    span[title*="GIF"],
    span[title*="BMP"],
    span[title*="TrueType"],
    span[title*="OpenType"],
    span[title*="WOFF"],
    span[title*="WOFF2"],
    span[title*="ASCII"],
    span[title*="PDF"],
    span[title*="7-zip"],
    span[title*="Zip"],
    span[title*="rar"],
    span[title*="PowerPoint"],
    span[title*="Excel"],
    span[title*="Word"],
    span[title*="Access"]
),
table.page-files td:has(a[href*=".obj"])+td span,
table.page-files td:has(a[href*=".txt"])+td span,
table.page-files td:has(a[href*=".js"])+td span,
table.page-files td:has(a[href*=".css"])+td span,
table.page-files td:has(a[href*=".html"])+td span,
table.page-files td:has(a[href*=".xml"])+td span,
table.page-files td:has(a[href*=".exe"])+td span
{
    font-size: 0rem;
}
 
tr[id*="file-row"] :is(
    span[title*="SVG"],
    span[title*="PNG"],
    span[title*="JPEG"],
    span[title*="GIF"],
    span[title*="BMP"],
    span[title*="TrueType"],
    span[title*="OpenType"],
    span[title*="WOFF"],
    span[title*="WOFF2"],
    span[title*="ASCII"],
    span[title*="PDF"],
    span[title*="7-zip"],
    span[title*="Zip"],
    span[title*="rar"],
    span[title*="PowerPoint"],
    span[title*="Excel"],
    span[title*="Word"],
    span[title*="Access"]
)::before,
table.page-files td:has(a[href*=".obj"])+td span::before,
table.page-files td:has(a[href*=".txt"])+td span::before,
table.page-files td:has(a[href*=".js"])+td span::before,
table.page-files td:has(a[href*=".css"])+td span::before,
table.page-files td:has(a[href*=".html"])+td span::before,
table.page-files td:has(a[href*=".xml"])+td span::before,
table.page-files td:has(a[href*=".exe"])+td span::before
{
    font-size: 1rem;
}
 
p.manage-attachments-link a {
    font-size: 0;
}
 
p.manage-attachments-link a::before {
    content: var(--LOC-manage-attachments);
    font-size: var(--p-font-size-medium);
}
 
tr[id*="file-row"] span[title*="SVG"]::before {
    content: var(--LOC-file-type-svg);
}
 
tr[id*="file-row"] span[title*="PNG"]::before {
    content: var(--LOC-file-type-png);
}
 
tr[id*="file-row"] span[title*="JPEG"]::before {
    content: var(--LOC-file-type-jpeg);
}
 
tr[id*="file-row"] span[title*="GIF"]::before {
    content: var(--LOC-file-type-gif);
}
 
tr[id*="file-row"] span[title*="BMP"]::before {
    content: var(--LOC-file-type-bmp);
}
 
tr[id*="file-row"] span[title*="TrueType"]::before {
    content: var(--LOC-file-type-truetype);
}
 
tr[id*="file-row"] span[title*="OpenType"]::before {
    content: var(--LOC-file-type-opentype);
}
 
tr[id*="file-row"] span[title*="WOFF"]::before {
    content: var(--LOC-file-type-woff);
}
 
tr[id*="file-row"] span[title*="WOFF2"]::before {
    content: var(--LOC-file-type-woff2);
}
 
tr[id*="file-row"] span[title*="ASCII"]::before {
    content: var(--LOC-file-type-ascii);
}
 
tr[id*="file-row"] span[title*="PDF"]::before {
    content: var(--LOC-file-type-pdf);
}
 
tr[id*="file-row"] span[title*="7-zip"]::before {
    content: var(--LOC-file-type-7zip);
}
 
tr[id*="file-row"] span[title*="Zip"]::before {
    content: var(--LOC-file-type-zip);
}
 
tr[id*="file-row"] span[title*="rar"]::before {
    content: var(--LOC-file-type-rar);
}
 
tr[id*="file-row"] span[title*="PowerPoint"]::before {
    content: var(--LOC-file-type-powerpoint);
}
 
tr[id*="file-row"] span[title*="Excel"]::before {
    content: var(--LOC-file-type-excel);
}
 
tr[id*="file-row"] span[title*="Word"]::before {
    content: var(--LOC-file-type-word);
}
 
tr[id*="file-row"] span[title*="Access"]::before {
    content: var(--LOC-file-type-access);
}
 
table.page-files td:has(a[href*=".obj"])+td span::before {
    content: var(--LOC-file-type-obj);
}
 
table.page-files td:has(a[href*=".txt"])+td span::before {
    content: var(--LOC-file-type-txt);
}
 
table.page-files td:has(a[href*=".js"])+td span::before {
    content: var(--LOC-file-type-js);
}
 
table.page-files td:has(a[href*=".css"])+td span::before {
    content: var(--LOC-file-type-css);
}
 
table.page-files td:has(a[href*=".html"])+td span::before {
    content: var(--LOC-file-type-html);
}
 
table.page-files td:has(a[href*=".xml"])+td span::before {
    content: var(--LOC-file-type-xml);
}
 
table.page-files td:has(a[href*=".exe"])+td span::before {
    content: var(--LOC-file-type-exe);
}
 
/* Action Area - Website Tools */
 
:root {
    --LOC-website-tools-wanted-pages: 'Wanted Pages';
    --LOC-website-tools-orphaned-pages: 'Orphaned Pages';
    --LOC-website-tools-draft-pages: 'Draft Pages';
}
 
:root:lang(cn) {
    --LOC-website-tools-wanted-pages: '待建页面';
    --LOC-website-tools-orphaned-pages: '孤立页面';
    --LOC-website-tools-draft-pages: '草稿页面';
}
 
:root:lang(jp) {
    --LOC-website-tools-wanted-pages: '未作成ページ';
    --LOC-website-tools-orphaned-pages: '孤立ページ';
    --LOC-website-tools-draft-pages: '下書きページ';
}
 
#action-area :is(
    a[onclick*="SiteToolsModule.listeners.wantedPages"],
    a[onclick*="SiteToolsModule.listeners.orphanedPages"],
    a[onclick*="SiteToolsModule.listeners.draftPages"]
) {
    font-size: 0rem;
}
 
#action-area :is(
    a[onclick*="SiteToolsModule.listeners.wantedPages"],
    a[onclick*="SiteToolsModule.listeners.orphanedPages"],
    a[onclick*="SiteToolsModule.listeners.draftPages"]
)::before {
    font-size: 1rem;
}
 
#action-area a[onclick*="SiteToolsModule.listeners.wantedPages"]::before {
    content: var(--LOC-website-tools-wanted-pages);
}
 
#action-area a[onclick*="SiteToolsModule.listeners.orphanedPages"]::before {
    content: var(--LOC-website-tools-orphaned-pages);
}
 
#action-area a[onclick*="SiteToolsModule.listeners.draftPages"]::before {
    content: var(--LOC-website-tools-draft-pages);
}
 
/* Action Area - Watchers */
 
:root {
    --LOC-watchers-title: 'Who Watches This Page';
    --LOC-watchers-description: 'Those people will receive notifications when changes are made to this page or the page is commented.';
}
 
:root:lang(cn) {
    --LOC-watchers-title: '此页面的关注者　';
    --LOC-watchers-description: '当此页面或页面被评论时，这些人将收到通知。';
}
 
:root:lang(jp) {
    --LOC-watchers-title: 'このページを監視する人';
    --LOC-watchers-description: 'このページまたはページがコメントされたとき、これらの人は通知を受け取ります。';
}
 
#action-area:has(p+ul[style="list-style: none"]) > h1 {
    font-size: 0;
}
 
#action-area:has(p+ul[style="list-style: none"]) > h1::before {
    content: var(--LOC-watchers-title);
    font-size: var(--p-font-size-xlarge);
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 2rem;
    margin-right: 0rem;
}
 
#action-area:has(p+ul[style="list-style: none"]) > h1::after {
    margin-left: 0rem;
}
 
#action-area:has(p+ul[style="list-style: none"]) > h1 + p {
    font-size: 0rem;
    margin: 1rem 0rem;
}
 
#action-area:has(p+ul[style="list-style: none"]) > h1 + p::before {
    font-size: var(--p-font-size-medium);
    content: var(--LOC-watchers-description);
}
 
/* Owindow - Draft */
 
:root {
    --LOC-owindow-cancel-and-leave-draft: 'Cancel and Leave Draft';
    --LOC-owindow-cancel-and-delete-draft: 'Cancel and Delete Draft';
}
 
:root:lang(cn) {
    --LOC-owindow-cancel-and-leave-draft: '离开并保留草稿';
    --LOC-owindow-cancel-and-delete-draft: '离开并删除草稿';
}
 
:root:lang(jp) {
    --LOC-owindow-cancel-and-leave-draft: '下書きを保留する';
    --LOC-owindow-cancel-and-delete-draft: '下書きを削除する';
}
 
a.btn.btn-default.button.button-cancel-and-leave-draft,
a.btn.btn-default.button.button-cancel-and-delete-draft {
    font-size: 0;
}
 
a.btn.btn-default.button.button-cancel-and-leave-draft::before {
    content: var(--LOC-owindow-cancel-and-leave-draft);
    font-size: var(--p-font-size-small);
}
 
a.btn.btn-default.button.button-cancel-and-delete-draft::before {
    content: var(--LOC-owindow-cancel-and-delete-draft);
    font-size: var(--p-font-size-small);
}
 
/* Page Tags */
 
:root {
    --LOC-page-tags: 'Tags';
}
 
:root:lang(cn) {
    --LOC-page-tags: '标签';
}
 
:root:lang(jp) {
    --LOC-page-tags: 'タグ';
}
 
/* Close Message Button */
 
:root {
    --LOC-close-message: 'Close Message';
}
 
:root:lang(cn) {
    --LOC-close-message: '关闭消息';
}
 
:root:lang(jp) {
    --LOC-close-message: 'メッセージを閉じる';
}
 
a.btn.btn-default.button.button-close-message {
    font-size: 0;
}
 
a.btn.btn-default.button.button-close-message::before {
    content: var(--LOC-close-message);
    font-size: var(--p-font-size-small);
}
 
/* Footnotes */
 
:root {
    --LOC-footnotes: 'Footnotes';
}
 
:root:lang(cn) {
    --LOC-footnotes: '脚注';
}
 
:root:lang(jp) {
    --LOC-footnotes: '脚注';
}
 
.footnotes-footer .title {
    font-size: 0;
}
 
.footnotes-footer .title::before {
    content: var(--LOC-footnotes);
    font-size: var(--p-font-size-large);
}
 
/* More Option */
 
:root {
    --LOC-less-option: 'More Option';
}
 
:root:lang(cn) {
    --LOC-less-option: '更多选项';
}
 
:root:lang(jp) {
    --LOC-less-option: '多くのオプション';
}
 
a[onclick*="WIKIDOT.modules.ForumViewThreadModule.listeners.toggleThreadOptions(event)"] {
    font-size: 0;
}
 
a[onclick*="WIKIDOT.modules.ForumViewThreadModule.listeners.toggleThreadOptions(event)"]::before {
    content: var(--LOC-less-option);
    font-size: var(--p-font-size-medium);
}
 
/* Insert Code Button */
 
:root {
    --LOC-insert-code: 'Insert Code';
}
 
:root:lang(cn) {
    --LOC-insert-code: '插入代码';
}
 
:root:lang(jp) {
    --LOC-insert-code: 'コードを挿入する';
}
 
a.btn.btn-default.button.button-insert-code {
    font-size: 0;
}
 
a.btn.btn-default.button.button-insert-code::before {
    content: var(--LOC-insert-code);
    font-size: var(--p-font-size-small);
}

Notes

Similar themes Red Dead Redemption Wikidot | Blackwater Author: N3XCORP Rating: 0, Comments: 0 Tags: background black dark game redemption sidebar topbar video-game Tookbot Author: Chollerman Rating: 1, Comments: 0 Tags: colorful sidebar standard topbar

Browse themes by tag 2.0 3d 3d-buttons 610nm and and/or ardeol articles background band base beige black blog bloo blue bmc border boring brown business camo cat chocholate christian christmas city clan claret claus clay clean coffe coke colorful company confic contest contest-win corperate corporate corporation creative crimson cross css3 css3-buttons curved cute d14

Comments