@font-face {
    font-family: Recursive;
    font-style: oblique 0deg 15deg;
    font-weight: 300 1000;
    src: url(../../fonts/Recursive_VF_1.085.woff2)format("woff2");
    font-display: swap
}

@font-face {
    font-family: Inter;
    font-style: oblique 0deg 10deg;
    font-weight: 100 900;
    src: url(../../fonts/Inter.var.woff2?v=3.19)format("woff2"), url(../../fonts/Inter.var.ttf?v=3.19)format("truetype");
    font-display: swap
}

@font-face {
    font-family: PTRootUI;
    font-style: normal;
    font-weight: 300 700;
    src: url(../../fonts/PT-Root-UI_VF.woff2)format("woff2"), url(../../fonts/PT-Root-UI_VF.woff)format("woff");
    font-display: swap
}

@font-face {
    font-family: Recursive;
    font-style: oblique 0deg 15deg;
    font-weight: 300 1000;
    src: url(../../fonts/Recursive_VF_1.085--subset_range_english_basic.woff2)format("woff2");
    font-display: swap;
    unicode-range: U+20-7F, U+A9, U+2190-2193, U+2018, U+2019, U+201C, U+201D, U+2022
}

@font-face {
    font-family: Inter;
    font-style: oblique 0deg 10deg;
    font-weight: 100 900;
    src: url(../../fonts/Inter.var.woff2?v=3.19)format("woff2"), url(../../fonts/Inter.var.ttf?v=3.19)format("truetype");
    font-display: swap;
    unicode-range: U+20-7F, U+A9, U+2190-2193, U+2018, U+2019, U+201C, U+201D, U+2022
}

@font-face {
    font-family: PTRootUI;
    font-style: normal;
    font-weight: 300 700;
    src: url(../../fonts/PT-Root-UI_VF.woff2)format("woff2"), url(../../fonts/PT-Root-UI_VF.woff)format("woff");
    font-display: swap;
    unicode-range: U+20-7F, U+A9, U+2190-2193, U+2018, U+2019, U+201C, U+201D, U+2022
}

@font-face {
    font-family: Recursive;
    font-style: oblique 0deg 15deg;
    font-weight: 300 1000;
    src: url(../../fonts/Recursive_VF_1.085--subset_range_latin_1.woff2)format("woff2");
    font-display: swap;
    unicode-range: U+C0-FF
}

@font-face {
    font-family: Inter;
    font-style: oblique 0deg 10deg;
    font-weight: 100 900;
    src: url(../../fonts/Inter.var.woff2?v=3.19)format("woff2"), url(../../fonts/Inter.var.ttf?v=3.19)format("truetype");
    font-display: swap;
    unicode-range: U+C0-FF
}

@font-face {
    font-family: PTRootUI;
    font-style: normal;
    font-weight: 300 700;
    src: url(../../fonts/PT-Root-UI_VF.woff2)format("woff2"), url(../../fonts/PT-Root-UI_VF.woff)format("woff");
    font-display: swap;
    unicode-range: U+C0-FF
}

@font-face {
    font-family: Recursive;
    font-style: oblique 0deg 15deg;
    font-weight: 300 1000;
    src: url(../../fonts/Recursive_VF_1.085--subset_range_latin_1_punc.woff2)format("woff2");
    font-display: swap;
    unicode-range: U+A0-A8, U+AA-BF, U+2194-2199
}

@font-face {
    font-family: Inter;
    font-style: oblique 0deg 10deg;
    font-weight: 100 900;
    src: url(../../fonts/Inter.var.woff2?v=3.19)format("woff2"), url(../../fonts/Inter.var.ttf?v=3.19)format("truetype");
    font-display: swap;
    unicode-range: U+A0-A8, U+AA-BF, U+2194-2199
}

@font-face {
    font-family: PTRootUI;
    font-style: normal;
    font-weight: 300 700;
    src: url(../../fonts/PT-Root-UI_VF.woff2)format("woff2"), url(../../fonts/PT-Root-UI_VF.woff)format("woff");
    font-display: swap;
    unicode-range: U+A0-A8, U+AA-BF, U+2194-2199
}

@font-face {
    font-family: Recursive;
    font-style: oblique 0deg 15deg;
    font-weight: 300 1000;
    src: url(../../fonts/Recursive_VF_1.085--subset_range_latin_ext.woff2)format("woff2");
    font-display: swap;
    unicode-range: U+100-17F
}

@font-face {
    font-family: Inter;
    font-style: oblique 0deg 10deg;
    font-weight: 100 900;
    src: url(../../fonts/Inter.var.woff2?v=3.19)format("woff2"), url(../../fonts/Inter.var.ttf?v=3.19)format("truetype");
    font-display: swap;
    unicode-range: U+100-17F
}

@font-face {
    font-family: PTRootUI;
    font-style: normal;
    font-weight: 300 700;
    src: url(../../fonts/PT-Root-UI_VF.woff2)format("woff2"), url(../../fonts/PT-Root-UI_VF.woff)format("woff");
    font-display: swap;
    unicode-range: U+100-17F
}

@font-face {
    font-family: Recursive;
    font-style: oblique 0deg 15deg;
    font-weight: 300 1000;
    src: url(../../fonts/Recursive_VF_1.085--subset_range_vietnamese.woff2)format("woff2");
    font-display: swap;
    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Inter;
    font-style: oblique 0deg 10deg;
    font-weight: 100 900;
    src: url(../../fonts/Inter.var.woff2?v=3.19)format("woff2"), url(../../fonts/Inter.var.ttf?v=3.19)format("truetype");
    font-display: swap;
    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: PTRootUI;
    font-style: normal;
    font-weight: 300 700;
    src: url(../../fonts/PT-Root-UI_VF.woff2)format("woff2"), url(../../fonts/PT-Root-UI_VF.woff)format("woff");
    font-display: swap;
    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Recursive;
    font-style: oblique 0deg 15deg;
    font-weight: 300 1000;
    src: url(../../fonts/Recursive_VF_1.085--subset_range_remaining.woff2)format("woff2");
    font-display: swap;
    unicode-range: U+200, U+201, U+202, U+203, U+204, U+205, U+206, U+2007, U+2008, U+2009, U+200A, U+200B, U+207, U+D, U+208, U+209, U+2010, U+210, U+2012, U+2013, U+2014, U+2015, U+20D, U+20E, U+20F, U+211, U+201A, U+212, U+213, U+214, U+201E, U+216, U+2020, U+2021, U+219, U+21A, U+21B, U+221E, U+2026, U+1E20, U+1E21, U+1E24, U+22A, U+22B, U+22C, U+22D, U+222B, U+1E2A, U+2030, U+230, U+2032, U+231, U+232, U+233, U+2033, U+237, U+1E2F, U+2039, U+203A, U+1E36, U+1E37, U+1E3A, U+203E, U+1E3B, U+E3F, U+1E42, U+20A, U+2044, U+1E43, U+1E44, U+1E45, U+20B, U+2248, U+1E46, U+1E47, U+1E48, U+20C, U+1E49, U+1E4C, U+1E4D, U+1E4E, U+2052, U+1E4F, U+1E50, U+1E51, U+1E52, U+1E53, U+259, U+1E5A, U+1E5B, U+1E5E, U+1E5F, U+2260, U+2261, U+2661, U+1E60, U+2264, U+2265, U+1E61, U+1E62, U+1E63, U+1E64, U+1E65, U+1E66, U+1E67, U+1E68, U+1E69, U+1E6C, U+2070, U+1E6D, U+272, U+1E6E, U+2074, U+2075, U+2076, U+2077, U+2078, U+2079, U+215, U+1E78, U+1E79, U+1E7A, U+1E7B, U+2080, U+2081, U+2082, U+2083, U+2084, U+2085, U+2086, U+2087, U+2088, U+2089, U+217, U+218, U+1E83, U+1E84, U+1E85, U+1E8E, U+1E8F, U+1E92, U+1E93, U+1E97, U+1E9E, U+20A1, U+20A6, U+20A8, U+20A9, U+20AA, U+20AC, U+20AD, U+20B1, U+20B2, U+20B4, U+20B5, U+20B8, U+2B9, U+2BA, U+2BB, U+2BC, U+20B9, U+2BE, U+2BF, U+20BA, U+20BC, U+20BD, U+20BF, U+2C6, U+2C7, U+2C8, U+2C9, U+2CA, U+2CB, U+2CC, U+2D8, U+2D9, U+2DA, U+2DB, U+2DC, U+2DD, U+F8FF, U+300, U+301, U+302, U+FB03, U+303, U+304, U+FB01, U+306, U+307, U+308, U+309, U+30A, U+30B, U+30C, U+30F, U+311, U+312, U+2113, U+2713, U+315, U+2116, U+1E08, U+31B, U+2202, U+1E09, U+1E6F, U+2122, U+323, U+324, U+325, U+2126, U+326, U+327, U+328, U+2205, U+1E0C, U+212E, U+32E, U+2206, U+331, U+E132, U+E133, U+1E0D, U+335, U+2665, U+1E0E, U+1E0F, U+2153, U+2154, U+1E14, U+1E15, U+215B, U+220F, U+215C, U+215D, U+1E16, U+215E, U+1E17, U+2211, U+2212, U+1E80, U+2215, U+1E81, U+1E1C, U+1E82, U+2610, U+1E1D, U+2611, U+2219, U+18F, U+192, U+221A, U+19D, U+25A0, U+25A1, U+1E25, U+25B2, U+25B3, U+25B6, U+25B7, U+25BC, U+25BD, U+3C0, U+25C0, U+25C1, U+1C4, U+1C5, U+1C6, U+1C7, U+1C8, U+1C9, U+1CA, U+1CB, U+1CC, U+25C6, U+25C7, U+25CA, U+1E2B, U+1E2E, U+1E6, U+1E7, U+27E8, U+27E9, U+1EA, U+1EB, U+1F1, U+1F2, U+1F3, U+1FA, U+1FB, U+1FC, U+1FD, U+1FE, U+1FF
}

@font-face {
    font-family: Inter;
    font-style: oblique 0deg 10deg;
    font-weight: 100 900;
    src: url(../../fonts/Inter.var.woff2?v=3.19)format("woff2"), url(../../fonts/Inter.var.ttf?v=3.19)format("truetype");
    font-display: swap;
    unicode-range: U+200, U+201, U+202, U+203, U+204, U+205, U+206, U+2007, U+2008, U+2009, U+200A, U+200B, U+207, U+D, U+208, U+209, U+2010, U+210, U+2012, U+2013, U+2014, U+2015, U+20D, U+20E, U+20F, U+211, U+201A, U+212, U+213, U+214, U+201E, U+216, U+2020, U+2021, U+219, U+21A, U+21B, U+221E, U+2026, U+1E20, U+1E21, U+1E24, U+22A, U+22B, U+22C, U+22D, U+222B, U+1E2A, U+2030, U+230, U+2032, U+231, U+232, U+233, U+2033, U+237, U+1E2F, U+2039, U+203A, U+1E36, U+1E37, U+1E3A, U+203E, U+1E3B, U+E3F, U+1E42, U+20A, U+2044, U+1E43, U+1E44, U+1E45, U+20B, U+2248, U+1E46, U+1E47, U+1E48, U+20C, U+1E49, U+1E4C, U+1E4D, U+1E4E, U+2052, U+1E4F, U+1E50, U+1E51, U+1E52, U+1E53, U+259, U+1E5A, U+1E5B, U+1E5E, U+1E5F, U+2260, U+2261, U+2661, U+1E60, U+2264, U+2265, U+1E61, U+1E62, U+1E63, U+1E64, U+1E65, U+1E66, U+1E67, U+1E68, U+1E69, U+1E6C, U+2070, U+1E6D, U+272, U+1E6E, U+2074, U+2075, U+2076, U+2077, U+2078, U+2079, U+215, U+1E78, U+1E79, U+1E7A, U+1E7B, U+2080, U+2081, U+2082, U+2083, U+2084, U+2085, U+2086, U+2087, U+2088, U+2089, U+217, U+218, U+1E83, U+1E84, U+1E85, U+1E8E, U+1E8F, U+1E92, U+1E93, U+1E97, U+1E9E, U+20A1, U+20A6, U+20A8, U+20A9, U+20AA, U+20AC, U+20AD, U+20B1, U+20B2, U+20B4, U+20B5, U+20B8, U+2B9, U+2BA, U+2BB, U+2BC, U+20B9, U+2BE, U+2BF, U+20BA, U+20BC, U+20BD, U+20BF, U+2C6, U+2C7, U+2C8, U+2C9, U+2CA, U+2CB, U+2CC, U+2D8, U+2D9, U+2DA, U+2DB, U+2DC, U+2DD, U+F8FF, U+300, U+301, U+302, U+FB03, U+303, U+304, U+FB01, U+306, U+307, U+308, U+309, U+30A, U+30B, U+30C, U+30F, U+311, U+312, U+2113, U+2713, U+315, U+2116, U+1E08, U+31B, U+2202, U+1E09, U+1E6F, U+2122, U+323, U+324, U+325, U+2126, U+326, U+327, U+328, U+2205, U+1E0C, U+212E, U+32E, U+2206, U+331, U+E132, U+E133, U+1E0D, U+335, U+2665, U+1E0E, U+1E0F, U+2153, U+2154, U+1E14, U+1E15, U+215B, U+220F, U+215C, U+215D, U+1E16, U+215E, U+1E17, U+2211, U+2212, U+1E80, U+2215, U+1E81, U+1E1C, U+1E82, U+2610, U+1E1D, U+2611, U+2219, U+18F, U+192, U+221A, U+19D, U+25A0, U+25A1, U+1E25, U+25B2, U+25B3, U+25B6, U+25B7, U+25BC, U+25BD, U+3C0, U+25C0, U+25C1, U+1C4, U+1C5, U+1C6, U+1C7, U+1C8, U+1C9, U+1CA, U+1CB, U+1CC, U+25C6, U+25C7, U+25CA, U+1E2B, U+1E2E, U+1E6, U+1E7, U+27E8, U+27E9, U+1EA, U+1EB, U+1F1, U+1F2, U+1F3, U+1FA, U+1FB, U+1FC, U+1FD, U+1FE, U+1FF
}

@font-face {
    font-family: PTRootUI;
    font-style: normal;
    font-weight: 300 700;
    src: url(../../fonts/PT-Root-UI_VF.woff2)format("woff2"), url(../../fonts/PT-Root-UI_VF.woff)format("woff");
    font-display: swap;
    unicode-range: U+200, U+201, U+202, U+203, U+204, U+205, U+206, U+2007, U+2008, U+2009, U+200A, U+200B, U+207, U+D, U+208, U+209, U+2010, U+210, U+2012, U+2013, U+2014, U+2015, U+20D, U+20E, U+20F, U+211, U+201A, U+212, U+213, U+214, U+201E, U+216, U+2020, U+2021, U+219, U+21A, U+21B, U+221E, U+2026, U+1E20, U+1E21, U+1E24, U+22A, U+22B, U+22C, U+22D, U+222B, U+1E2A, U+2030, U+230, U+2032, U+231, U+232, U+233, U+2033, U+237, U+1E2F, U+2039, U+203A, U+1E36, U+1E37, U+1E3A, U+203E, U+1E3B, U+E3F, U+1E42, U+20A, U+2044, U+1E43, U+1E44, U+1E45, U+20B, U+2248, U+1E46, U+1E47, U+1E48, U+20C, U+1E49, U+1E4C, U+1E4D, U+1E4E, U+2052, U+1E4F, U+1E50, U+1E51, U+1E52, U+1E53, U+259, U+1E5A, U+1E5B, U+1E5E, U+1E5F, U+2260, U+2261, U+2661, U+1E60, U+2264, U+2265, U+1E61, U+1E62, U+1E63, U+1E64, U+1E65, U+1E66, U+1E67, U+1E68, U+1E69, U+1E6C, U+2070, U+1E6D, U+272, U+1E6E, U+2074, U+2075, U+2076, U+2077, U+2078, U+2079, U+215, U+1E78, U+1E79, U+1E7A, U+1E7B, U+2080, U+2081, U+2082, U+2083, U+2084, U+2085, U+2086, U+2087, U+2088, U+2089, U+217, U+218, U+1E83, U+1E84, U+1E85, U+1E8E, U+1E8F, U+1E92, U+1E93, U+1E97, U+1E9E, U+20A1, U+20A6, U+20A8, U+20A9, U+20AA, U+20AC, U+20AD, U+20B1, U+20B2, U+20B4, U+20B5, U+20B8, U+2B9, U+2BA, U+2BB, U+2BC, U+20B9, U+2BE, U+2BF, U+20BA, U+20BC, U+20BD, U+20BF, U+2C6, U+2C7, U+2C8, U+2C9, U+2CA, U+2CB, U+2CC, U+2D8, U+2D9, U+2DA, U+2DB, U+2DC, U+2DD, U+F8FF, U+300, U+301, U+302, U+FB03, U+303, U+304, U+FB01, U+306, U+307, U+308, U+309, U+30A, U+30B, U+30C, U+30F, U+311, U+312, U+2113, U+2713, U+315, U+2116, U+1E08, U+31B, U+2202, U+1E09, U+1E6F, U+2122, U+323, U+324, U+325, U+2126, U+326, U+327, U+328, U+2205, U+1E0C, U+212E, U+32E, U+2206, U+331, U+E132, U+E133, U+1E0D, U+335, U+2665, U+1E0E, U+1E0F, U+2153, U+2154, U+1E14, U+1E15, U+215B, U+220F, U+215C, U+215D, U+1E16, U+215E, U+1E17, U+2211, U+2212, U+1E80, U+2215, U+1E81, U+1E1C, U+1E82, U+2610, U+1E1D, U+2611, U+2219, U+18F, U+192, U+221A, U+19D, U+25A0, U+25A1, U+1E25, U+25B2, U+25B3, U+25B6, U+25B7, U+25BC, U+25BD, U+3C0, U+25C0, U+25C1, U+1C4, U+1C5, U+1C6, U+1C7, U+1C8, U+1C9, U+1CA, U+1CB, U+1CC, U+25C6, U+25C7, U+25CA, U+1E2B, U+1E2E, U+1E6, U+1E7, U+27E8, U+27E9, U+1EA, U+1EB, U+1F1, U+1F2, U+1F3, U+1FA, U+1FB, U+1FC, U+1FD, U+1FE, U+1FF
}

@font-face {
    font-family: NanumBarunCatsi;
    font-style: normal;
    font-weight: 400;
    src: url(../../fonts/int/korean/NanumBarunGothic_E.woff2)format("woff2"), url(../../fonts/int/korean/NanumBarunGothic_E.woff)format("woff"), url(../../fonts/int/korean/NanumBarunGothic_E.ttf)format("truetype")
}

@font-face {
    font-family: NanumBarunCatsi;
    font-style: normal;
    font-weight: 700;
    src: url(../../fonts/int/korean/NanumBarunGothicBold_E.woff2)format("woff2"), url(../../fonts/int/korean/NanumBarunGothicBold_E.woff)format("woff"), url(../../fonts/int/korean/NanumBarunGothicBold_E.ttf)format("truetype")
}

@font-face {
    font-family: Nanum Gothic Coding;
    font-style: normal;
    font-weight: 400;
    src: url(../../fonts/int/korean/Nanum-gothic-coding-v14-korean-regular.eot);
    src: local(""), url(../../fonts/int/korean/Nanum-gothic-coding-v14-korean-regular.eot?#iefix)format("embedded-opentype"), url(../../fonts/int/korean/Nanum-gothic-coding-v14-korean-regular.woff2)format("woff2"), url(../../fonts/int/korean/Nanum-gothic-coding-v14-korean-regular.woff)format("woff"), url(../../fonts/int/korean/Nanum-gothic-coding-v14-korean-regular.ttf)format("truetype"), url(../../fonts/int/korean/Nanum-gothic-coding-v14-korean-regular.svg#NanumGothicCoding)format("svg")
}

@font-face {
    font-family: Nanum Gothic Coding;
    font-style: normal;
    font-weight: 700;
    src: url(../../fonts/int/korean/Nanum-gothic-coding-v14-korean-700.eot);
    src: local(""), url(../../fonts/int/korean/Nanum-gothic-coding-v14-korean-700.eot?#iefix)format("embedded-opentype"), url(../../fonts/int/korean/Nanum-gothic-coding-v14-korean-700.woff2)format("woff2"), url(../../fonts/int/korean/Nanum-gothic-coding-v14-korean-700.woff)format("woff"), url(../../fonts/int/korean/Nanum-gothic-coding-v14-korean-700.ttf)format("truetype"), url(../../fonts/int/korean/Nanum-gothic-coding-v14-korean-700.svg#NanumGothicCoding)format("svg")
}

@font-face {
    font-family: "M PLUS 1p";
    font-style: normal;
    font-weight: 400;
    src: url(../../fonts/int/japanese/m-plus-1p-v19-japanese-regular.eot);
    src: local(""), url(../../fonts/int/japanese/m-plus-1p-v19-japanese-regular.eot?#iefix)format("embedded-opentype"), url(../../fonts/int/japanese/m-plus-1p-v19-japanese-regular.woff2)format("woff2"), url(../../fonts/int/japanese/m-plus-1p-v19-japanese-regular.woff)format("woff"), url(../../fonts/int/japanese/m-plus-1p-v19-japanese-regular.ttf)format("truetype"), url(../../fonts/int/japanese/m-plus-1p-v19-japanese-regular.svg#MPLUS1p)format("svg")
}

@font-face {
    font-family: "M PLUS 1p";
    font-style: normal;
    font-weight: 500;
    src: url(../../fonts/int/japanese/m-plus-1p-v19-japanese-500.eot);
    src: local(""), url(../../fonts/int/japanese/m-plus-1p-v19-japanese-500.eot?#iefix)format("embedded-opentype"), url(../../fonts/int/japanese/m-plus-1p-v19-japanese-500.woff2)format("woff2"), url(../../fonts/int/japanese/m-plus-1p-v19-japanese-500.woff)format("woff"), url(../../fonts/int/japanese/m-plus-1p-v19-japanese-500.ttf)format("truetype"), url(../../fonts/int/japanese/m-plus-1p-v19-japanese-500.svg#MPLUS1p)format("svg")
}

@font-face {
    font-family: "M PLUS 1p";
    font-style: normal;
    font-weight: 700;
    src: url(../../fonts/int/japanese/m-plus-1p-v19-japanese-700.eot);
    src: local(""), url(../../fonts/int/japanese/m-plus-1p-v19-japanese-700.eot?#iefix)format("embedded-opentype"), url(../../fonts/int/japanese/m-plus-1p-v19-japanese-700.woff2)format("woff2"), url(../../fonts/int/japanese/m-plus-1p-v19-japanese-700.woff)format("woff"), url(../../fonts/int/japanese/m-plus-1p-v19-japanese-700.ttf)format("truetype"), url(../../fonts/int/japanese/m-plus-1p-v19-japanese-700.svg#MPLUS1p)format("svg")
}

@font-face {
    font-family: "M PLUS 1p";
    font-style: normal;
    font-weight: 800;
    src: url(../../fonts/int/japanese/m-plus-1p-v19-japanese-800.eot);
    src: local(""), url(../../fonts/int/japanese/m-plus-1p-v19-japanese-800.eot?#iefix)format("embedded-opentype"), url(../../fonts/int/japanese/m-plus-1p-v19-japanese-800.woff2)format("woff2"), url(../../fonts/int/japanese/m-plus-1p-v19-japanese-800.woff)format("woff"), url(../../fonts/int/japanese/m-plus-1p-v19-japanese-800.ttf)format("truetype"), url(../../fonts/int/japanese/m-plus-1p-v19-japanese-800.svg#MPLUS1p)format("svg")
}

@font-face {
    font-family: "M PLUS 1p";
    font-style: normal;
    font-weight: 900;
    src: url(../../fonts/int/japanese/m-plus-1p-v19-japanese-900.eot);
    src: local(""), url(../../fonts/int/japanese/m-plus-1p-v19-japanese-900.eot?#iefix)format("embedded-opentype"), url(../../fonts/int/japanese/m-plus-1p-v19-japanese-900.woff2)format("woff2"), url(../../fonts/int/japanese/m-plus-1p-v19-japanese-900.woff)format("woff"), url(../../fonts/int/japanese/m-plus-1p-v19-japanese-900.ttf)format("truetype"), url(../../fonts/int/japanese/m-plus-1p-v19-japanese-900.svg#MPLUS1p)format("svg")
}

@font-face {
    font-family: Noto Sans SC;
    font-style: normal;
    font-weight: 400;
    src: url(../../fonts/int/chinese-simplified/noto-sans-sc-v12-chinese-simplified-regular.eot);
    src: local(""), url(../../fonts/int/chinese-simplified/noto-sans-sc-v12-chinese-simplified-regular.eot?#iefix)format("embedded-opentype"), url(../../fonts/int/chinese-simplified/noto-sans-sc-v12-chinese-simplified-regular.woff2)format("woff2"), url(../../fonts/int/chinese-simplified/noto-sans-sc-v12-chinese-simplified-regular.woff)format("woff"), url(../../fonts/int/chinese-simplified/noto-sans-sc-v12-chinese-simplified-regular.svg#NotoSansSC)format("svg")
}

@font-face {
    font-family: Noto Sans SC;
    font-style: normal;
    font-weight: 500;
    src: url(../../fonts/int/chinese-simplified/noto-sans-sc-v12-chinese-simplified-500.eot);
    src: local(""), url(../../fonts/int/chinese-simplified/noto-sans-sc-v12-chinese-simplified-500.eot?#iefix)format("embedded-opentype"), url(../../fonts/int/chinese-simplified/noto-sans-sc-v12-chinese-simplified-500.woff2)format("woff2"), url(../../fonts/int/chinese-simplified/noto-sans-sc-v12-chinese-simplified-500.woff)format("woff"), url(../../fonts/int/chinese-simplified/noto-sans-sc-v12-chinese-simplified-500.svg#NotoSansSC)format("svg")
}

@font-face {
    font-family: Noto Sans SC;
    font-style: normal;
    font-weight: 700;
    src: url(../../fonts/int/chinese-simplified/noto-sans-sc-v12-chinese-simplified-700.eot);
    src: local(""), url(../../fonts/int/chinese-simplified/noto-sans-sc-v12-chinese-simplified-700.eot?#iefix)format("embedded-opentype"), url(../../fonts/int/chinese-simplified/noto-sans-sc-v12-chinese-simplified-700.woff2)format("woff2"), url(../../fonts/int/chinese-simplified/noto-sans-sc-v12-chinese-simplified-700.woff)format("woff"), url(../../fonts/int/chinese-simplified/noto-sans-sc-v12-chinese-simplified-700.svg#NotoSansSC)format("svg")
}

@font-face {
    font-family: Noto Sans SC;
    font-style: normal;
    font-weight: 900;
    src: url(../../fonts/int/chinese-simplified/noto-sans-sc-v12-chinese-simplified-900.eot);
    src: local(""), url(../../fonts/int/chinese-simplified/noto-sans-sc-v12-chinese-simplified-900.eot?#iefix)format("embedded-opentype"), url(../../fonts/int/chinese-simplified/noto-sans-sc-v12-chinese-simplified-900.woff2)format("woff2"), url(../../fonts/int/chinese-simplified/noto-sans-sc-v12-chinese-simplified-900.woff)format("woff"), url(../../fonts/int/chinese-simplified/noto-sans-sc-v12-chinese-simplified-900.svg#NotoSansSC)format("svg")
}

@font-face {
    font-family: Noto Sans TC;
    font-style: normal;
    font-weight: 400;
    src: url(../../fonts/int/chinese-traditional/noto-sans-tc-v11-chinese-traditional-regular.eot);
    src: local(""), url(../../fonts/int/chinese-traditional/noto-sans-tc-v11-chinese-traditional-regular.eot?#iefix)format("embedded-opentype"), url(../../fonts/int/chinese-traditional/noto-sans-tc-v11-chinese-traditional-regular.woff2)format("woff2"), url(../../fonts/int/chinese-traditional/noto-sans-tc-v11-chinese-traditional-regular.woff)format("woff"), url(../../fonts/int/chinese-traditional/noto-sans-tc-v11-chinese-traditional-regular.svg#NotoSansTC)format("svg")
}

@font-face {
    font-family: Noto Sans TC;
    font-style: normal;
    font-weight: 500;
    src: url(../../fonts/int/chinese-traditional/noto-sans-tc-v11-chinese-traditional-500.eot);
    src: local(""), url(../../fonts/int/chinese-traditional/noto-sans-tc-v11-chinese-traditional-500.eot?#iefix)format("embedded-opentype"), url(../../fonts/int/chinese-traditional/noto-sans-tc-v11-chinese-traditional-500.woff2)format("woff2"), url(../../fonts/int/chinese-traditional/noto-sans-tc-v11-chinese-traditional-500.woff)format("woff"), url(../../fonts/int/chinese-traditional/noto-sans-tc-v11-chinese-traditional-500.svg#NotoSansTC)format("svg")
}

@font-face {
    font-family: Noto Sans TC;
    font-style: normal;
    font-weight: 700;
    src: url(../../fonts/int/chinese-traditional/noto-sans-tc-v11-chinese-traditional-700.eot);
    src: local(""), url(../../fonts/int/chinese-traditional/noto-sans-tc-v11-chinese-traditional-700.eot?#iefix)format("embedded-opentype"), url(../../fonts/int/chinese-traditional/noto-sans-tc-v11-chinese-traditional-700.woff2)format("woff2"), url(../../fonts/int/chinese-traditional/noto-sans-tc-v11-chinese-traditional-700.woff)format("woff"), url(../../fonts/int/chinese-traditional/noto-sans-tc-v11-chinese-traditional-700.svg#NotoSansTC)format("svg")
}

@font-face {
    font-family: Noto Sans TC;
    font-style: normal;
    font-weight: 900;
    src: url(../../fonts/int/chinese-traditional/noto-sans-tc-v11-chinese-traditional-900.eot);
    src: local(""), url(../../fonts/int/chinese-traditional/noto-sans-tc-v11-chinese-traditional-900.eot?#iefix)format("embedded-opentype"), url(../../fonts/int/chinese-traditional/noto-sans-tc-v11-chinese-traditional-900.woff2)format("woff2"), url(../../fonts/int/chinese-traditional/noto-sans-tc-v11-chinese-traditional-900.woff)format("woff"), url(../../fonts/int/chinese-traditional/noto-sans-tc-v11-chinese-traditional-900.svg#NotoSansTC)format("svg")
}

@font-face {
    font-family: Kanit;
    font-style: normal;
    font-weight: 400;
    src: url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-regular.eot);
    src: local(""), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-regular.eot?#iefix)format("embedded-opentype"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-regular.woff2)format("woff2"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-regular.woff)format("woff"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-regular.ttf)format("truetype"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-regular.svg#Kanit)format("svg")
}

@font-face {
    font-family: Kanit;
    font-style: italic;
    font-weight: 300;
    src: url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-300italic.eot);
    src: local(""), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-300italic.eot?#iefix)format("embedded-opentype"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-300italic.woff2)format("woff2"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-300italic.woff)format("woff"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-300italic.ttf)format("truetype"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-300italic.svg#Kanit)format("svg")
}

@font-face {
    font-family: Kanit;
    font-style: italic;
    font-weight: 400;
    src: url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-italic.eot);
    src: local(""), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-italic.eot?#iefix)format("embedded-opentype"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-italic.woff2)format("woff2"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-italic.woff)format("woff"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-italic.ttf)format("truetype"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-italic.svg#Kanit)format("svg")
}

@font-face {
    font-family: Kanit;
    font-style: normal;
    font-weight: 500;
    src: url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-500.eot);
    src: local(""), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-500.eot?#iefix)format("embedded-opentype"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-500.woff2)format("woff2"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-500.woff)format("woff"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-500.ttf)format("truetype"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-500.svg#Kanit)format("svg")
}

@font-face {
    font-family: Kanit;
    font-style: italic;
    font-weight: 500;
    src: url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-500italic.eot);
    src: local(""), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-500italic.eot?#iefix)format("embedded-opentype"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-500italic.woff2)format("woff2"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-500italic.woff)format("woff"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-500italic.ttf)format("truetype"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-500italic.svg#Kanit)format("svg")
}

@font-face {
    font-family: Kanit;
    font-style: normal;
    font-weight: 600;
    src: url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-600.eot);
    src: local(""), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-600.eot?#iefix)format("embedded-opentype"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-600.woff2)format("woff2"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-600.woff)format("woff"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-600.ttf)format("truetype"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-600.svg#Kanit)format("svg")
}

@font-face {
    font-family: Kanit;
    font-style: italic;
    font-weight: 600;
    src: url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-600italic.eot);
    src: local(""), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-600italic.eot?#iefix)format("embedded-opentype"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-600italic.woff2)format("woff2"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-600italic.woff)format("woff"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-600italic.ttf)format("truetype"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-600italic.svg#Kanit)format("svg")
}

@font-face {
    font-family: Kanit;
    font-style: normal;
    font-weight: 700;
    src: url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-700.eot);
    src: local(""), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-700.eot?#iefix)format("embedded-opentype"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-700.woff2)format("woff2"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-700.woff)format("woff"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-700.ttf)format("truetype"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-700.svg#Kanit)format("svg")
}

@font-face {
    font-family: Kanit;
    font-style: italic;
    font-weight: 700;
    src: url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-700italic.eot);
    src: local(""), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-700italic.eot?#iefix)format("embedded-opentype"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-700italic.woff2)format("woff2"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-700italic.woff)format("woff"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-700italic.ttf)format("truetype"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-700italic.svg#Kanit)format("svg")
}

@font-face {
    font-family: Kanit;
    font-style: normal;
    font-weight: 800;
    src: url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-800.eot);
    src: local(""), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-800.eot?#iefix)format("embedded-opentype"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-800.woff2)format("woff2"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-800.woff)format("woff"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-800.ttf)format("truetype"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-800.svg#Kanit)format("svg")
}

@font-face {
    font-family: Kanit;
    font-style: italic;
    font-weight: 800;
    src: url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-800italic.eot);
    src: local(""), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-800italic.eot?#iefix)format("embedded-opentype"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-800italic.woff2)format("woff2"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-800italic.woff)format("woff"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-800italic.ttf)format("truetype"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-800italic.svg#Kanit)format("svg")
}

@font-face {
    font-family: Kanit;
    font-style: normal;
    font-weight: 900;
    src: url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-900.eot);
    src: local(""), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-900.eot?#iefix)format("embedded-opentype"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-900.woff2)format("woff2"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-900.woff)format("woff"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-900.ttf)format("truetype"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-900.svg#Kanit)format("svg")
}

@font-face {
    font-family: Kanit;
    font-style: italic;
    font-weight: 900;
    src: url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-900italic.eot);
    src: local(""), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-900italic.eot?#iefix)format("embedded-opentype"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-900italic.woff2)format("woff2"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-900italic.woff)format("woff"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-900italic.ttf)format("truetype"), url(../../fonts/int/thai-vietnamese/kanit-v7-vietnamese_thai-900italic.svg#Kanit)format("svg")
}

:root {
    --theme-base: "black-highlighter";
    --theme-id: "black-highlighter";
    --theme-name: "Black Highlighter Theme";
    --logo-image: url(../../img/logo.svg);
    --header-title: "SCP Foundation";
    --header-subtitle: "SECURE, CONTAIN, PROTECT";
    --body-font: Inter, Verdana, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    --UI-font: PTRootUI, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantrell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --header-font: Inter, "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --title-font: var(--header-font);
    --mono-font: Recursive, Consolas, Monaco, monospace;
    --min-font-size: .8125rem;
    --max-font-size: .9375rem;
    --base-font-size: max(var(--min-font-size), min(2vw, var(--max-font-size)));
    --base-line-height: 1.5;
    --header-h1-font-size: calc(var(--base-font-size)*(40/15));
    --header-h2-font-size: var(--base-font-size)
}

@media only screen and (max-width:56.25rem) {
    :root {
        --base-font-size: var(--min-font-size)
    }
}

:root {
    --wght: 400;
    --ui-wght: 500;
    --ui-hvr-wght: 500;
    --ital: 0;
    --mono-wght: 350;
    --slnt: 0;
    --CASL: 0;
    --CRSV: 0;
    --MONO: 1;
    --lnum: 1;
    --pnum: 1;
    --kern: 1;
    --cpsp: 1;
    --liga: 1;
    --case: 1;
    --clig: 1;
    --dlig: 0;
    --calt: 1;
    --aalt: 0;
    --ss01: 1;
    --ss02: 0;
    --ss03: 1;
    --ss04: 1;
    --zero: 1;
    --cv11: 0;
    --white-monochrome: 252, 252, 252;
    --pale-gray-monochrome: 244, 244, 244;
    --light-pale-gray-monochrome: 244, 244, 244;
    --very-light-gray-monochrome: 215, 215, 215;
    --light-gray-monochrome: 255, 255, 255;
    --gray-monochrome: 66, 66, 72;
    --dark-gray-monochrome: 48, 48, 52;
    --black-monochrome: 12, 12, 12;
    --pale-accent: 210, 20, 20;
    --bright-accent: 133, 0, 5;
    --medium-accent: 100, 46, 44;
    --dark-accent: 100, 3, 15;
    --alt-accent: 221, 102, 17;
    --swatch-primary: var(--bright-accent);
    --swatch-primary-darker: var(--medium-accent);
    --swatch-primary-darkest: var(--dark-accent);
    --swatch-border-color: var(--black-monochrome);
    --swatch-text-dark: var(--black-monochrome);
    --swatch-text-light: var(--white-monochrome);
    --swatch-text-general: var(--swatch-text-dark);
    --swatch-important-text: var(--bright-accent);
    --swatch-menubg-color: var(--white-monochrome);
    --swatch-menubg-light-color: var(--pale-gray-monochrome);
    --swatch-menubg-medium-color: var(--light-gray-monochrome);
    --swatch-menubg-medium-dark-color: var(--gray-monochrome);
    --swatch-menubg-dark-color: var(--dark-gray-monochrome);
    --swatch-menubg-black-color: var(--black-monochrome);
    --swatch-menubg-hover-color: var(--black-monochrome);
    --swatch-menutxt-dark-color: var(--black-monochrome);
    --swatch-menutxt-light-color: var(--white-monochrome);
    --swatch-menutxt-general-color: var(--swatch-menutxt-dark-color);
    --swatch-secondary-color: var(--swatch-menubg-light-color);
    --swatch-tertiary-color: var(--swatch-menubg-medium-color);
    --swatch-alternate-color: var(--swatch-menubg-dark-color);
    --swatch-text-secondary-color: var(--swatch-menutxt-light-color);
    --swatch-text-tertiary-color: var(--swatch-menutxt-dark-color);
    --gradient-header: linear-gradient(to top, rgb(var(--header-gradient-color-bottom))0%, rgb(var(--header-gradient-color-middle))90%, rgb(var(--header-gradient-color-top))100%);
    --diagonal-stripes: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) .25vh, rgba(88, 88, 88, .1) .35vh, rgba(88, 88, 88, .2) .5vh);
    --gradient-topmenu: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) var(--header-height-on-desktop), rgb(var(--swatch-topmenu-border-color))var(--header-height-on-desktop), rgb(var(--swatch-topmenu-bg-color))calc(var(--header-height-on-desktop) + .125rem), rgb(var(--swatch-topmenu-bg-color))calc(100% - .125rem), rgb(var(--swatch-topmenu-border-color))100%);
    --gradient-topmenu-mobile: linear-gradient(to bottom, rgb(var(--swatch-topmenu-border-color))0, rgb(var(--swatch-topmenu-bg-color)).125rem, rgb(var(--swatch-topmenu-bg-color))calc(var(--topbar-height-on-mobile) - .125rem), rgb(var(--swatch-topmenu-bg-color))calc(var(--topbar-height-on-mobile) - .125rem), rgb(var(--swatch-topmenu-border-color))var(--topbar-height-on-mobile));
    --background-gradient-distance: 40rem;
    --gradient-background: linear-gradient(to bottom, rgb(var(--background-gradient-color))0, rgba(var(--background-gradient-color), 0)var(--background-gradient-distance));
    --body-width-on-desktop: 44.25rem;
    --body-width-on-mobile: 100%;
    --scrollbar-width: 1ch;
    --header-width-on-desktop: 61.25rem;
    --header-width-on-mobile: 100vw;
    --header-height-on-desktop: 7.5rem;
    --header-height-on-mobile: 7.5rem;
    --header-background-image-size: 100% var(--header-height-on-desktop);
    --topbar-height-on-desktop: 1.875rem;
    --topbar-height-on-mobile: 3rem;
    --final-header-height-on-desktop: calc(var(--header-height-on-desktop) + var(--topbar-height-on-desktop));
    --final-header-height-on-mobile: calc(var(--header-height-on-mobile) + var(--topbar-height-on-mobile));
    --sidebar-width-on-desktop: min(calc(var(--base-font-size)*(266/15)), calc((100vw - var(--body-width-on-desktop))));
    --sidebar-width-on-mobile: calc(var(--base-font-size)*(238/15));
    --sidebar-internal-border-thickness: .125rem;
    --swatch-background: var(--white-monochrome);
    --background-gradient-color: var(--very-light-gray-monochrome);
    --header-gradient-color-bottom: var(--medium-accent);
    --header-gradient-color-middle: var(--black-monochrome);
    --header-gradient-color-top: var(--black-monochrome);
    --swatch-topmenu-bg-color: var(--swatch-menubg-medium-dark-color);
    --swatch-topmenu-border-color: var(--swatch-menubg-black-color);
    --link-color: var(--pale-accent);
    --visited-link-color: var(--swatch-primary-darkest);
    --hover-link-color: var(--swatch-primary);
    --newpage-color: var(--alt-accent);
    --swatch-code-text-general: var(--swatch-text-general);
    --swatch-code-text-comment: 102 111 120;
    --swatch-code-text-quotes: 183 83 1;
    --swatch-code-text-string: 86 122 13;
    --swatch-code-text-identifier: 1 84 147;
    --swatch-code-text-reserved: 128 51 120;
    --swatch-code-text-builtin: var(--swatch-code-text-quotes);
    --swatch-code-text-inlinedoc: var(--swatch-code-text-identifier);
    --swatch-code-text-var: var(--swatch-code-text-string);
    --swatch-code-text-url: var(--swatch-code-text-identifier);
    --swatch-code-text-special: var(--swatch-code-text-identifier);
    --swatch-code-text-number: var(--swatch-code-text-quotes);
    --swatch-code-text-inlinetags: var(--swatch-code-text-quotes)
}

#header {
    --swatch-headerh1-color: var(--swatch-text-light);
    --swatch-headerh2-color: var(--swatch-text-light);
    --search-icon-color: var(--swatch-text-secondary-color);
    --search-icon-hover-color: var(--swatch-text-secondary-color);
    --search-icon-hover-bg-color: var(--swatch-alternate-color);
    --search-textbox-text-color: 0, 0, 0, 0;
    --search-icon-focus-color: var(--swatch-text-secondary-color);
    --search-icon-focus-bg-color: var(--swatch-primary);
    --search-focus-outline-color: var(--swatch-primary);
    --search-focus-textbox-bg-color: var(--swatch-alternate-color);
    --search-focus-textbox-text-color: var(--swatch-text-secondary-color);
    --login-line-divider-color: var(--swatch-text-secondary-color);
    --login-username-color: var(--swatch-text-secondary-color);
    --login-myaccount-color: var(--swatch-text-secondary-color);
    --login-myaccount-hover-color: var(--login-myaccount-color);
    --login-myaccount-underline-color: var(--swatch-primary-darkest);
    --login-myaccount-hover-bg-color: var(--swatch-primary-darkest);
    --login-arrow-color: var(--search-icon-color);
    --login-dropdown-bg-color: var(--swatch-menubg-color);
    --login-dropdown-bg-image: var(--gradient-header);
    --login-dropdown-border-color: var(--swatch-text-tertiary-color), .5;
    --login-dropdown-text-color: var(--swatch-text-secondary-color);
    --login-dropdown-text-hover-color: var(--swatch-text-secondary-color);
    --login-dropdown-bg-hover-color: var(--swatch-primary);
    --login-mobile-icon-color: var(--search-icon-color);
    --login-mobile-icon-hover-color: var(--search-icon-hover-color);
    --login-mobile-icon-hover-bg-color: var(--search-icon-hover-bg-color)
}

#top-bar {
    --topmenu-category-color: var(--swatch-text-secondary-color);
    --topmenu-category-hover-color: var(--swatch-text-secondary-color);
    --topmenu-category-hover-bg: 0, 0, 0, 0;
    --topmenu-hover-border-color: var(--swatch-primary);
    --mobile-topmenu-sidebar-button-color: var(--swatch-text-secondary-color);
    --dropdown-bg-color: var(--swatch-alternate-color), .9;
    --dropdown-border-color: var(--swatch-text-tertiary-color), .5;
    --dropdown-links-color: var(--swatch-text-secondary-color);
    --dropdown-links-bg-color: 0, 0, 0, 0;
    --dropdown-links-hover-color: var(--swatch-text-secondary-color);
    --dropdown-links-hover-bg-color: var(--swatch-primary)
}

#side-bar,
#interwiki {
    --sidebar-bg-color: var(--swatch-menubg-color);
    --sidebar-resources-bg-color: var(--swatch-primary-darker), .25;
    --sidebar-media-bg-color: var(--swatch-primary-darker), .125;
    --discord-icon-color: 88, 101, 242;
    --deviantart-icon-color: 0, 199, 135;
    --facebook-icon-color: 59, 89, 152;
    --github-icon-color: 25, 23, 23;
    --instagram-icon-color: 240, 148, 51;
    --instagram-icon-gradient: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    --reddit-icon-color: 225, 69, 0;
    --sandbox-icon-color: 35, 140, 120;
    --steam-icon-color: 8, 20, 40;
    --tiktok-icon-color: 12, 12, 12;
    --tiktok-icon-gradient: linear-gradient(125deg, #25f4ee 0%, #25f4ee 50%, #fe2c55 calc(50% + .0625rem), #fe2c55 100%);
    --twitch-icon-color: 100, 65, 165;
    --twitter-icon-color: 29, 161, 242;
    --youtube-icon-color: 255, 0, 0;
    --social-icon-hover-color: var(--swatch-primary);
    --sideblock-bg-color: 0, 0, 0, 0;
    --sideblock-heading-border-color: var(--swatch-primary);
    --sideblock-heading-bg-color: 0, 0, 0, 0;
    --sideblock-heading-text-color: var(--swatch-primary-darker);
    --sidebar-border-color: var(--swatch-border-color), .08;
    --sidebar-subtext-color: var(--swatch-primary);
    --sidebar-links-text: var(--swatch-menutxt-general-color);
    --sidebar-links-bg-color: 0, 0, 0, 0;
    --sidebar-links-hover-bg-color: var(--swatch-primary);
    --sidebar-links-hover-text-color: var(--swatch-text-secondary-color);
    --sidebar-collapsible-fld-link-bg: var(--swatch-primary-darker), .25;
    --sidebar-collapsible-fld-link-color: var(--sideblock-heading-text-color);
    --sidebar-collapsible-fld-link-hover-bg: var(--swatch-primary-darker);
    --sidebar-collapsible-fld-link-hover-color: var(--swatch-text-secondary-color);
    --sidebar-collapsible-fld-arrow-color: var(--swatch-text-tertiary-color);
    --sidebar-collapsible-fld-arrow-hover-color: var(--swatch-text-secondary-color);
    --sidebar-collapsible-ufld-link-bg: var(--sidebar-collapsible-fld-link-bg);
    --sidebar-collapsible-ufld-link-color: var(--sideblock-heading-text-color);
    --sidebar-collapsible-ufld-link-hover-bg: var(--swatch-primary);
    --sidebar-collapsible-ufld-link-hover-color: var(--sidebar-collapsible-fld-link-hover-color);
    --sidebar-collapsible-ufld-arrow-color: var(--sidebar-collapsible-fld-arrow-color);
    --sidebar-collapsible-ufld-arrow-hover-color: var(--sidebar-collapsible-fld-arrow-hover-color);
    --sidebar-collapsible-body-bg: var(--swatch-primary), .125;
    --sidebar-collapsible-link-color: var(--sidebar-links-text);
    --sidebar-collapsible-link-hover-bg: var(--sidebar-links-hover-bg-color);
    --sidebar-collapsible-link-hover-color: var(--sidebar-links-hover-text-color)
}

#interwiki {
    --base-font-size: var(--max-font-size)
}

@media only screen and (max-width:14rem) {
    #interwiki {
        --base-font-size: var(--min-font-size)
    }
}

#footer {
    --footer-bg-color: var(--swatch-primary-darkest);
    --footer-text-color: var(--swatch-text-secondary-color);
    --footer-link-color: var(--swatch-text-secondary-color);
    --footer-link-hover-color: var(--swatch-primary);
    --footer-link-hover-bg-color: var(--swatch-secondary-color)
}

#license-area {
    --license-bg-color: var(--swatch-alternate-color);
    --license-text-color: var(--swatch-text-secondary-color);
    --license-link-color: var(--swatch-text-secondary-color);
    --license-link-hover-color: var(--swatch-primary);
    --license-link-hover-bg-color: var(--swatch-secondary-color)
}

#main-content {
    --ui-icon-color: var(--swatch-text-secondary-color);
    --ui-icon-bg: var(--swatch-primary-darkest);
    --ui-icon-hover-color: var(--swatch-text-secondary-color);
    --ui-icon-hover-bg: var(--swatch-primary);
    --editor-icon-color: var(--swatch-menutxt-general-color);
    --editor-icon-bg: 0, 0, 0, 0;
    --editor-icon-hover-color: var(--swatch-background);
    --editor-icon-hover-bg: var(--swatch-primary);
    --editor-icon-submenu-bg: var(--swatch-secondary-color);
    --tabs-bg: var(--swatch-secondary-color);
    --tabs-txt: var(--swatch-text-tertiary-color);
    --tabs-hover-bg: var(--swatch-primary-darker);
    --tabs-hover-txt: var(--swatch-text-secondary-color);
    --tabs-selected-bg: var(--swatch-primary);
    --tabs-selected-txt: var(--swatch-text-secondary-color);
    --tabs-selected-outline: var(--swatch-primary);
    --tabs-bottom-border-color: var(--swatch-primary-darker);
    --tabs-content-bg-color: var(--swatch-secondary-color), .25;
    --tabs-content-border-color: var(--swatch-tertiary-color);
    --tables-header-bg: var(--swatch-primary-darkest);
    --tables-header-txt: var(--swatch-text-secondary-color);
    --tables-border: var(--swatch-tertiary-color);
    --tables-body-bg: var(--swatch-background);
    --tables-body-txt: var(--swatch-text-general);
    --blockquote-bg-color: var(--swatch-secondary-color), .25;
    --blockquote-border-color: var(--swatch-tertiary-color);
    --blockquote-colorbar-color: var(--swatch-primary), 1;
    --footnotes-footer-bg-color: var(--swatch-secondary-color);
    --footnotes-footer-colorbar-color: var(--swatch-primary-darkest);
    --footnotes-footer-title-bg-color: var(--swatch-primary-darkest);
    --footnotes-footer-title-text-color: var(--swatch-text-secondary-color);
    --footnotes-footer-num-color: var(--link-color);
    --footnotes-footer-num-hover-color: var(--hover-link-color);
    --footnotes-footer-text-color: var(--swatch-text-general);
    --toc-header-bg-color: var(--swatch-primary-darkest);
    --toc-header-text-color: var(--swatch-text-secondary-color);
    --toc-header-text-hover-color: var(--swatch-text-secondary-color);
    --toc-body-bg-color: var(--swatch-menubg-color);
    --toc-directory-lines-color: var(--swatch-tertiary-color);
    --toc-body-link-color: var(--link-color);
    --toc-body-link-hover-color: var(--link-color);
    --toc-body-hover-arrow-color: var(--link-color);
    --pagetags-title-bg: var(--swatch-primary-darkest);
    --pagetags-title-text: var(--swatch-text-secondary-color);
    --pagetags-text-color: var(--swatch-primary-darkest);
    --pagetags-text-hover-color: var(--swatch-background);
    --pagetags-text-hover-bg-color: var(--swatch-primary);
    --dl-content-bg-color: var(--swatch-secondary-color), .25;
    --dl-content-border-color: var(--swatch-tertiary-color);
    --dt-bg-color: var(--swatch-primary-darkest);
    --dt-text-color: var(--swatch-text-secondary-color);
    --dd-left-border-color: var(--dt-bg-color)
}

:root {
    --ui-button-bg: var(--swatch-secondary-color);
    --ui-button-txt: var(--swatch-text-tertiary-color);
    --ui-button-hover-bg: var(--swatch-primary);
    --ui-button-hover-txt: var(--swatch-text-secondary-color);
    --ui-button-hover-outline: var(--swatch-primary);
    --rating-module-button-plus-color: 0, 200, 0;
    --rating-module-button-negative-color: 200, 0, 0;
    --rating-module-button-cancel-color: var(--swatch-tertiary-color);
    --rating-module-button-credit-color: var(--swatch-secondary-color);
    --rating-module-bg-color: var(--swatch-background);
    --rating-module-bottom-border-color: var(--swatch-primary);
    --rating-module-text-color: var(--swatch-text-tertiary-color);
    --rating-module-text-hover-color: var(--swatch-text-secondary-color);
    --modal-bg: var(--swatch-secondary-color);
    --modal-body-text: var(--swatch-text-tertiary-color);
    --modal-body-header-txt: var(--swatch-text-tertiary-color);
    --modal-header-bg: var(--swatch-primary-darkest);
    --modal-header-txt: var(--swatch-text-secondary-color);
    --modal-header-stripe: var(--swatch-primary);
    --hoverblock-bg: var(--swatch-secondary-color);
    --hoverblock-txt: var(--swatch-text-tertiary-color);
    --hoverblock-header-bg: var(--swatch-primary-darker);
    --hoverblock-header-txt: var(--swatch-text-secondary-color);
    --hoverblock-footer-bg: var(--swatch-tertiary-color);
    --hoverblock-footer-txt: var(--swatch-text-tertiary-color);
    --pager-text: var(--swatch-text-general);
    --pager-link: var(--link-color);
    --pager-link-hover: var(--swatch-text-secondary-color);
    --pager-hover-bg: var(--swatch-primary-darkest);
    --pager-selected-bg: var(--swatch-primary);
    --pager-selected-link: var(--swatch-text-secondary-color);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1)
}

@-webkit-keyframes bhl-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes bhl-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes bhl-slide-in {
    0% {
        translate: 1rem 1rem
    }

    to {
        translate: 0
    }
}

@keyframes bhl-slide-in {
    0% {
        translate: 1rem 1rem
    }

    to {
        translate: 0
    }
}

@supports not (translate:1rem 1rem) {
    @-webkit-keyframes bhl-slide-in {
        0% {
            -webkit-transform: translate(1rem, 1rem);
            transform: translate(1rem, 1rem)
        }

        to {
            -webkit-transform: translate(0);
            transform: translate(0)
        }
    }

    @keyframes bhl-slide-in {
        0% {
            -webkit-transform: translate(1rem, 1rem);
            transform: translate(1rem, 1rem)
        }

        to {
            -webkit-transform: translate(0);
            transform: translate(0)
        }
    }
}

@-webkit-keyframes bhl-slide-down {
    0% {
        max-height: 0
    }

    to {
        max-height: var(--header-height-on-desktop)
    }
}

@keyframes bhl-slide-down {
    0% {
        max-height: 0
    }

    to {
        max-height: var(--header-height-on-desktop)
    }
}

@-webkit-keyframes bhl-lift-in {
    0% {
        box-shadow: 0 0 0 0 rgba(var(--swatch-alternate-color), .25), inset 0 0 0 .0625rem rgb(var(--swatch-primary-darkest))
    }

    to {
        box-shadow: .25rem .125rem .5rem 0 rgba(var(--swatch-alternate-color), .25), inset 0 0 0 .0625rem rgb(var(--swatch-primary-darkest))
    }
}

@keyframes bhl-lift-in {
    0% {
        box-shadow: 0 0 0 0 rgba(var(--swatch-alternate-color), .25), inset 0 0 0 .0625rem rgb(var(--swatch-primary-darkest))
    }

    to {
        box-shadow: .25rem .125rem .5rem 0 rgba(var(--swatch-alternate-color), .25), inset 0 0 0 .0625rem rgb(var(--swatch-primary-darkest))
    }
}

:root {
    --text-tags: "TAGS↴";
    --text-editor-desc: "Short Description of Changes:";
    --text-pagehistory-rev: "rev.";
    --text-pagehistory-flags: "flags";
    --text-pagehistory-actions: "actions";
    --text-pagehistory-by: "by";
    --text-pagehistory-date: "date";
    --text-sitetools: "Site Tools";
    --text-creditview-back: "Back";
    --text-tableofcontents: "Table of Contents";
    --text-messages: "Messages";
    --gradient-sidemenu-header: linear-gradient(10deg, rgba(var(--swatch-primary-darker), .45)0%, rgba(var(--swatch-primary-darker), .55)100%);
    --rating-module-button-color: var(--swatch-menutxt-general-color);
    --border-styling: solid .0625rem rgb(var(--swatch-border-color));
    --border-radius-width: .0625rem;
    --box-border-bottom: 0 .0625rem 0 0 rgb(var(--swatch-border-color));
    --box-border-top: 0 -.0625rem 0 0 rgb(var(--swatch-border-color));
    --box-border-left: -.0625rem 0 0 0 rgb(var(--swatch-border-color));
    --box-border-right: .0625rem 0 0 0 rgb(var(--swatch-border-color));
    --box-border-all: 0 0 0 .0625rem rgb(var(--swatch-border-color));
    --sidebar-transition-timing: .5s var(--ease-in-out).1s
}

:root:where(:lang(cs)) {
    --header-title: "SCP Nadace";
    --header-subtitle: "Česká Větev SCP Nadace"
}

:root:where(:lang(fr)) {
    --header-title: "Fondation SCP";
    --header-subtitle: "Sécuriser, Contenir, Protéger"
}

:root:where(:lang(de)) {
    --header-title: "SCP Foundation";
    --header-subtitle: "auf Deutsch"
}

:root:where(:lang(el)) {
    --header-title: "Το Ίδρυμα SCP";
    --header-subtitle: "Ελληνόφωνος κλάδος"
}

:root:where(:lang(it)) {
    --header-title: "Fondazione SCP";
    --header-subtitle: "Branca Italiana - SCP Foundation"
}

:root:where(:lang(ja)) {
    --header-title: "SCP財団";
    --header-subtitle: "確保、収容、保護";
    --body-font: Inter, "M PLUS 1p", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ＭＳ ゴシック", "MS Gothic", "Noto Sans CJK JP", TakaoPGothic, sans-serif;
    --UI-font: PTRootUI, 游ゴシック体, YuGothic, ヒラギノ丸ゴ, "Hiragino Sans", "Yu Gothic UI", "Meiryo UI", "MS Gothic", Roboto, Noto, "Noto Sans CJK JP", sans-serif;
    --header-font: var(--body-font);
    --title-font: var(--body-font);
    --mono-font: Recursive, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ＭＳ ゴシック", "MS Gothic", "Noto Sans CJK JP", TakaoPGothic, monospace
}

:root:where(:lang(ko)) {
    --header-title: "SCP 재단";
    --header-subtitle: "확보, 격리, 보호";
    --body-font: Inter, NanumBarunCatsi, "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", 굴림, Gulim, 돋움, Dotum, "Helvetica Neue", Helvetica, Arial, sans-serif;
    --UI-font: PTRootUI, "Nanum Gothic", "Apple SD Gothic Neo", "Malgun Gothic", Roboto, Noto, "Noto Sans CJK KR", sans-serif;
    --header-font: var(--body-font);
    --title-font: var(--body-font);
    --mono-font: "Nanum Gothic Coding", Recursive, "Apple SD Gothic Neo", NanumBarunGothic, "맑은 고딕", "Malgun Gothic", 굴림, Gulim, 돋움, Dotum, "Helvetica Neue", Helvetica, Arial, monospace
}

:root:where(:lang(pl)) {
    --header-title: "Fundacja SCP";
    --header-subtitle: "Polska Filia SCP"
}

:root:where(:lang(pt-br)) {
    --header-title: "Fundação SCP";
    --header-subtitle: "Filial Lusófona"
}

:root:where(:lang(ru)) {
    --header-title: "SCP Foundation";
    --header-subtitle: "Russian Branch";
    --body-font: Inter, Charcoal, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    --UI-font: PTRootUI, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantrell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --header-font: Inter, Charcoal, "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --title-font: var(--header-font);
    --mono-font: Recursive, Consolas, monaco, monospace
}

:root:where(:lang(cn)) {
    --theme-base: "黑色标记笔";
    --theme-id: "黑色标记笔";
    --theme-name: "黑色标记笔";
    --header-title: "SCP基金会";
    --header-subtitle: "控制，收容，保护";
    --body-font: Inter, "Noto Sans SC", Verdana, "Microsoft YaHei", 微软雅黑, Geneva, sans-serif, STXihei, 华文细黑;
    --UI-font: PTRootUI, 方体, "PingFang SC", 黑体, "Heiti SC", "Microsoft JhengHei UI", "Microsoft JhengHei", Roboto, Noto, "Noto Sans CJK SC", sans-serif;
    --header-font: var(--body-font);
    --title-font: var(--body-font);
    --mono-font: Recursive, "Noto Serif SC", "Microsoft YaHei", 微软雅黑, "Courier New", Courier, monospace, STXihei, 华文细黑
}

:root:where(:lang(es)) {
    --header-title: "La Fundación SCP";
    --header-subtitle: "Rama Hispanohablante"
}

:root:where(:lang(th)) {
    --header-title: "สถาบัน SCP";
    --header-subtitle: "ควบคุม, กักกัน, ป้องกัน";
    --body-font: Inter, Kanit, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Verdana, Geneva, sans-serif;
    --UI-font: PTRootUI, Kanit, Thonburi, "Leelawadee UI", "Cordia New", Roboto, Noto, "Noto Sans Thai", sans-serif;
    --header-font: var(--body-font);
    --title-font: var(--body-font);
    --mono-font: Recursive, Kanit, Consolas, monaco, monospace
}

:root:where(:lang(zh)) {
    --header-title: "SCP基金會";
    --header-subtitle: "控制，收容，保護";
    --body-font: Inter, "Noto Sans TC", 微軟正黑體, "Microsoft JhengHei", "Microsoft JhengHei UI", “微軟雅黑”, "Microsoft YaHei", "Microsoft YaHei UI", sans-serif;
    --UI-font: PTRootUI, 方體, "PingFang HK", 方體, "PingFang TC", 黑體, "Heiti TC", "Microsoft JhengHei UI", "Microsoft JhengHei", Roboto, Noto, "Noto Sans CJK TC", sans-serif;
    --header-font: var(--body-font);
    --title-font: var(--body-font);
    --mono-font: Recursive, "Noto Serif TC", "Microsoft YaHei", 微软雅黑, "Courier New", Courier, monospace, STXihei, 华文细黑
}

:root:where(:lang(uk)) {
    --header-title: "Фонд SCP.";
    --header-subtitle: "Охороняти. Утримувати. Захищати.";
    --body-font: Inter, Charcoal, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    --UI-font: PTRootUI, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantrell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --header-font: Inter, Charcoal, "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --title-font: var(--header-font);
    --mono-font: Recursive, Consolas, monaco, monospace;
    --sidebar-width-on-desktop: calc(var(--base-font-size)*(266/15));
    --body-width-on-desktop: 75rem
}

:root:where(:lang(vi)) {
    --header-title: "Tổ Chức SCP";
    --header-subtitle: "Quản thúc, Lưu trữ, Bảo vệ"
}

:root {
    --down-arrow-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Right_Arrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 6' overflow='visible' xml:space='preserve'%3E%3Cpath d='M0,0l5,6l5-6H0z'/%3E%3C/svg%3E%0A");
    --right-arrow-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-16'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Right_Arrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 6 10' overflow='visible' xml:space='preserve'%3E%3Cpath d='M0,10l6-5L0,0V10z'/%3E%3C/svg%3E%0A");
    --search-icon-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='search_icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M164.4 141.4h-10.6l11.8-11.8-6.5-12.9c1.2-2.9 2.2-5.9 3-9 8.2-30.6-3.4-61.9-26.9-80.2l-.8-14.5-49-13-7.9 12.1c-29.6 4.1-55.2 25.4-63.4 56-.8 3.1-1.4 6.2-1.9 9.3L0 85.3l13.1 48.8 14.5.8c9.9 12.7 23.9 22.4 40.6 26.9 16.8 4.5 33.7 3.1 48.6-3l12.9 6.5 11.6-11.6v10.6L177 200h8l15-15v-8l-35.6-35.6zm-76.5-6.2c-26.1 0-47.2-21.1-47.2-47.2s21.1-47.2 47.2-47.2 47.2 21.1 47.2 47.2c0 26-21.1 47.2-47.2 47.2z'/%3E%3C/svg%3E");
    --user-account-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='UserIcon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M89.8 70.6c-9.9 0-15.8 7.9-15.8 15.8 0 15.8 19.8 19.8 27.7 31.6 7.9-11.9 27.7-15.8 27.7-31.6 0-7.9-5.9-15.8-15.8-15.8-7.9 0-11.9 7.9-11.9 7.9s-4-7.9-11.9-7.9z'/%3E%3Cpath d='M188.7 115.6c.1-.9.2-1.8.3-2.8.2-1.8.3-3.7.3-5.5v-2.8c0-1.1 0-2.2-.1-3.2 0-.4 0-.7-.1-1.1 0-.7-.1-1.4-.1-2.2 0-.4-.1-.8-.1-1.2-.1-.7-.1-1.3-.2-2 0-.4-.1-.9-.1-1.3-.1-.6-.2-1.3-.3-1.9-.1-.4-.1-.9-.2-1.3-.1-.6-.2-1.3-.3-1.9-.1-.4-.1-.8-.2-1.2-.1-.7-.3-1.4-.4-2.1-.1-.3-.1-.7-.2-1-.2-1-.5-2-.7-3-.1-.3-.2-.7-.3-1-.2-.7-.4-1.3-.6-2-.1-.4-.3-.9-.4-1.3-.2-.5-.4-1.1-.5-1.6-.2-.5-.3-.9-.5-1.4l-.6-1.5c-.2-.5-.4-.9-.5-1.4-.2-.5-.4-1-.6-1.4-.2-.5-.4-.9-.6-1.4-.2-.5-.4-.9-.6-1.4-.2-.5-.4-1-.7-1.4l-.6-1.2c-.5-1.1-1.1-2.1-1.7-3.2-.1-.3-.3-.5-.4-.8-.3-.5-.6-1.1-.9-1.6-.2-.3-.4-.6-.6-1-.3-.5-.7-1-1-1.6l-.6-.9c-.3-.5-.7-1-1.1-1.6l-.6-.9c-.4-.5-.7-1-1.1-1.6-.2-.3-.4-.5-.6-.8-.4-.5-.8-1.1-1.3-1.6-.1-.2-.3-.3-.4-.5-2.2-2.7-4.5-5.2-6.9-7.6l-.4-.4c-.5-.5-1.1-1-1.6-1.6-.2-.1-.3-.3-.5-.4-.6-.5-1.1-1-1.7-1.5-.2-.1-.3-.3-.5-.4l-1.8-1.5c-.1-.1-.2-.2-.3-.2-2.8-2.3-5.8-4.4-8.9-6.3-3.9-2.4-7.9-4.5-12.2-6.3L129.5 6h-59l-5.3 16.1c-32.1 13.6-54.6 45.4-54.6 82.4 0 1.8.1 3.7.2 5.5s.3 3.7.5 5.5L0 128.2l15 26.1 14.5 25.1 16.6-3.5c15 11.4 33.7 18.1 53.9 18.1 20.2 0 38.9-6.7 53.9-18.1l16.6 3.5 29.5-51.2-11.3-12.6zm-70-94.6 1.9 5.8 2.1 6.5 5.1 2.2-11 4 16.9 11.9c7.6 5.4 12.2 14.1 12.2 23.4v24.4c0 10.4-4.3 19.9-11.3 26.6-5.7 5.5-13.2 9.1-21.1 10.1-3.2.5-16.9.2-20.3.3-9.5 0-18.9-3.8-25.7-10.4-6.9-6.7-11.3-16.1-11.3-26.5V74.7c0-9.3 4.6-18.1 12.2-23.4l31.3-21.9 1.5-8.3h17.5zm44.2 141.5-5.9-1.2-6.7-1.4-5.4 4.1c-13 9.8-28.5 15-44.8 15s-31.9-5.2-44.8-15l-5.4-4.1-6.7 1.4-5.9 1.2-10.9-19c8.3-6.6 18.4-12 29.7-16C64.5 138.7 78 146 93.2 146H109c15.2 0 28.7-7.3 37.3-18.5 10.7 3.8 20.2 8.9 28.2 14.9l-11.6 20.1z'/%3E%3C/svg%3E%0A");
    --homebutton-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 7 7' overflow='visible' xml:space='preserve'%3E%3Cpolygon points='3.5,0 0,4 1,4 1,7 2.5,7 2.5,5 4.5,5 4.5,7 6,7 6,4 7,4 '/%3E%3C/svg%3E%0A");
    --lightbulb-mask: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='lightbulb' class='svg-inline--fa fa-lightbulb fa-w-11' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 352 512'%3E%3Cpath fill='currentColor' d='M176 80c-52.94 0-96 43.06-96 96 0 8.84 7.16 16 16 16s16-7.16 16-16c0-35.3 28.72-64 64-64 8.84 0 16-7.16 16-16s-7.16-16-16-16zM96.06 459.17c0 3.15.93 6.22 2.68 8.84l24.51 36.84c2.97 4.46 7.97 7.14 13.32 7.14h78.85c5.36 0 10.36-2.68 13.32-7.14l24.51-36.84c1.74-2.62 2.67-5.7 2.68-8.84l.05-43.18H96.02l.04 43.18zM176 0C73.72 0 0 82.97 0 176c0 44.37 16.45 84.85 43.56 115.78 16.64 18.99 42.74 58.8 52.42 92.16v.06h48v-.12c-.01-4.77-.72-9.51-2.15-14.07-5.59-17.81-22.82-64.77-62.17-109.67-20.54-23.43-31.52-53.15-31.61-84.14-.2-73.64 59.67-128 127.95-128 70.58 0 128 57.42 128 128 0 30.97-11.24 60.85-31.65 84.14-39.11 44.61-56.42 91.47-62.1 109.46a47.507 47.507 0 0 0-2.22 14.3v.1h48v-.05c9.68-33.37 35.78-73.18 52.42-92.16C335.55 260.85 352 220.37 352 176 352 78.8 273.2 0 176 0z'%3E%3C/path%3E%3C/svg%3E");
    --bilibili-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='bilibili_logo' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 2215 2080' xml:space='preserve'%3E%3Cpath d='M1536.5 714.3h-858c-58 0-105.1 47.2-105.1 105.1v549.5c0 58 47.2 105.1 105.1 105.1h858.1c58 0 105.1-47.2 105.1-105.1V819.4c0-57.9-47.2-105.1-105.2-105.1zM681.2 958.6l280.6-49.5 20.6 116.9-280.6 49.5-20.6-116.9zm570.3 317.7c-18.8 18.8-43.8 29.6-70.5 30.3-26.9.7-53.6-10.9-73.5-31.2-19.3 19.7-45 31.2-71.1 31.2h-2.4c-26.6-.8-51.7-11.5-70.5-30.3l-17.7-17.7 33.6-33.6 17.7 17.7c10.2 10.2 23.8 16 38.2 16.4 17.1.7 35.1-9.8 46.3-26.9l25.9-39.7 25.9 39.7c11.2 17.1 29.1 27.8 46.3 26.9 14.4-.4 28-6.2 38.2-16.4l17.7-17.7 33.6 33.6-17.7 17.7zm261.7-200.8-280.6-49.5 20.6-116.9 280.6 49.5-20.6 116.9z'/%3E%3Cpath d='M2090 1212.1c4.9-40 7.5-80.8 7.5-122.1 0-410-249.3-761.8-604.6-912.1L1434.5 0h-654l-58.4 177.9C366.8 328.2 117.5 680 117.5 1090c0 41.4 2.6 82.1 7.5 122.1L0 1351.8l327 566.4 183.5-38.4c166 125.7 372.8 200.2 597 200.2s431-74.5 597-200.2l183.5 38.4 327-566.4-125-139.7zm-329.6 156.8c0 123.6-100.2 223.8-223.8 223.8H1501c-3.4 36.2-33.5 64.6-70.6 64.6-37.1 0-67.1-28.4-70.6-64.6H855.1c-3.4 36.2-33.5 64.6-70.6 64.6-37.1 0-67.1-28.4-70.6-64.6h-35.5c-123.6 0-223.8-100.2-223.8-223.8V819.4c0-123.6 100.2-223.8 223.8-223.8h211.8l-91.8-91.8c-18.5-18.5-18.5-48.6 0-67.1 18.5-18.5 48.6-18.5 67.1 0l158.9 158.9h166l158.9-158.9c18.5-18.5 48.6-18.5 67.1 0 18.5 18.5 18.5 48.6 0 67.1l-91.8 91.8h211.8c123.6 0 223.8 100.2 223.8 223.8v549.5z'/%3E%3C/svg%3E");
    --deviantart-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='deviantart_logo' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 2215 2080' xml:space='preserve'%3E%3Cpath d='M2090 1212.1c4.9-40 7.5-80.8 7.5-122.1 0-410-249.3-761.8-604.6-912.1L1434.5 0h-654l-58.4 177.9C366.8 328.2 117.5 680 117.5 1090c0 41.4 2.6 82.1 7.5 122.1L0 1351.8l327 566.4 183.5-38.4c166 125.7 372.8 200.2 597 200.2s431-74.5 597-200.2l183.5 38.4 327-566.4-125-139.7zm-548.7-592.9-257.2 490.4 21.3 25.4h235.9v350.5H1112l-37.7 25.4-120 229.1-26.1 25.4H673.7v-254.5l257.2-491.1-21.3-25.4H673.7V644.6H1103l37.7-25.4 120-229.8 25.4-25.4h255.2v255.2z'/%3E%3C/svg%3E");
    --discord-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Discord_Logo' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 2215 2080' xml:space='preserve'%3E%3Cpath d='M1337.6 939.4c-69.2 0-124.2 62.5-124.2 139.3 0 76.8 56.1 139.3 124.2 139.3 69.7 0 124.2-62.5 124.2-139.3 1.1-76.3-54.5-139.3-124.2-139.3zm-459.3 0c-69.2 0-124.2 62.5-124.2 139.3 0 76.8 56.1 139.3 124.2 139.3 69.2 0 124.2-62.5 124.2-139.3 1.1-76.3-54.5-139.3-124.2-139.3z'/%3E%3Cpath d='M2090 1212.1c4.9-40 7.5-80.8 7.5-122.1 0-410-249.3-761.8-604.6-912.1L1434.5 0h-654l-58.4 177.9C366.8 328.2 117.5 680 117.5 1090c0 41.4 2.6 82.1 7.5 122.1L0 1351.8l327 566.4 183.5-38.4c166 125.7 372.8 200.2 597 200.2s431-74.5 597-200.2l183.5 38.4 327-566.4-125-139.7zm-297.3 163c-.1 1.3-.8 2.4-1.8 3.2-118.2 86.8-232.8 139.5-345.7 174.5-1.8.5-3.8-.1-4.8-1.6-26.1-36.3-49.8-74.6-70.6-114.8-1.2-2.4-.1-5.2 2.3-6.1 37.6-14.2 73.4-31.2 107.9-51.3 2.7-1.6 2.9-5.5.4-7.4-7.3-5.4-14.5-11.1-21.5-16.8-1.3-1-3.1-1.3-4.5-.5-223.6 103.3-468.5 103.3-694.7 0-1.5-.7-3.2-.4-4.5.6-6.9 5.7-14.2 11.4-21.4 16.8-2.5 1.9-2.3 5.8.4 7.4 34.4 19.7 70.2 37.1 107.8 51.4 2.5.9 3.6 3.7 2.4 6.1-20.3 40.3-44 78.5-70.6 114.9-1.1 1.5-3.1 2.1-4.8 1.6-112.4-34.9-226.9-87.7-345.2-174.5-1-.8-1.7-2-1.8-3.2-24.1-257.9 25-519 204.2-786.8.4-.7 1.1-1.3 1.9-1.6 88.2-40.5 182.6-70.3 281.4-87.3 1.8-.3 3.6.5 4.5 2.1 12.2 21.6 26.2 49.3 35.6 72 104.1-15.9 209.8-15.9 316 0 9.4-22.2 22.9-50.4 35-72 .9-1.6 2.7-2.5 4.5-2.1 98.8 17.1 193.3 46.8 281.4 87.3.8.3 1.4.9 1.8 1.6 156.1 229.3 233.2 488.3 204.4 786.5z'/%3E%3C/svg%3E");
    --facebook-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Facebook_Logo' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 2215 2080' xml:space='preserve'%3E%3Cpath d='M2090 1212.1c4.9-40 7.5-80.8 7.5-122.1 0-410-249.3-761.8-604.6-912.1L1434.5 0h-654l-58.4 177.9C366.8 328.2 117.5 680 117.5 1090c0 41.4 2.6 82.1 7.5 122.1L0 1351.8l327 566.4 183.5-38.4c152.4 115.4 339.2 187.6 542.3 198.7v-709H795.4v-293h257.4V853.2c0-254.1 151.4-394.4 382.8-394.4 110.9 0 226.9 19.8 226.9 19.8V728h-127.8c-126 0-165.2 78.2-165.2 158.3v190.1h281.1l-44.9 293h-236.2V2045c122.8-33.6 236.2-90.3 335-165.2l183.5 38.4 327-566.4-125-139.7z'/%3E%3C/svg%3E");
    --github-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='github_logo' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 2215 2080' xml:space='preserve'%3E%3Cpath d='M2090 1212.1c4.9-40 7.5-80.8 7.5-122.1 0-410-249.3-761.8-604.6-912.1L1434.5 0h-654l-58.4 177.9C366.8 328.2 117.5 680 117.5 1090c0 41.4 2.6 82.1 7.5 122.1L0 1351.8l327 566.4 183.5-38.4c166 125.7 372.8 200.2 597 200.2s431-74.5 597-200.2l183.5 38.4 327-566.4-125-139.7zm-736.9 603.8c-39.4 7.6-53.3-16.6-53.3-37.3 0-25.4 1-109.1 1-212.7 0-72.3-24.8-119.7-52.6-143.6 172.8-19.2 354.1-84.8 354.1-382.7 0-84.7-30-153.9-79.7-208.1 8-19.6 34.6-98.5-7.7-205.2 0 0-65-20.9-213 79.5-61.9-17.2-128.3-25.8-194.1-26.1-65.9.3-132.3 8.9-194.1 26.1-148.1-100.4-213.3-79.5-213.3-79.5-42.4 106.7-15.8 185.6-7.9 205.2-49.6 54.2-79.8 123.4-79.8 208.1 0 297.2 181 363.7 353.2 383.3-22.2 19.4-42.2 53.6-49.2 103.7-44.2 19.9-156.5 54.1-225.7-64.4 0 0-41-74.4-118.8-79.9 0 0-75.7-1-5.3 47.1 0 0 50.8 23.9 86.1 113.4 0 0 45.5 150.8 261.2 104 .4 64.7 1 113.5 1 131.9 0 20.6-14.2 44.5-52.9 37.4C554.2 1713.5 332 1422.8 332 1080.2c0-428.3 347.2-775.5 775.4-775.5 428.3 0 775.5 347.2 775.5 775.5.1 342.5-221.9 633-529.8 735.7z'/%3E%3C/svg%3E");
    --instagram-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Instagram_Logo' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 2215 2080' xml:space='preserve'%3E%3Cellipse cx='1107.5' cy='1074.9' rx='204.3' ry='204.3' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -435.692 1097.9515)'/%3E%3Cpath d='M1585.3 713.4c-11.1-28.6-24.4-49-45.8-70.5-21.4-21.4-41.9-34.7-70.5-45.8-21.6-8.4-54.1-18.4-113.8-21.1-64.6-2.9-84-3.6-247.7-3.6s-183 .6-247.7 3.6c-59.8 2.7-92.2 12.7-113.8 21.1-28.6 11.1-49 24.4-70.5 45.8-21.4 21.4-34.7 41.9-45.8 70.5-8.4 21.6-18.4 54.1-21.1 113.8-2.9 64.6-3.6 84-3.6 247.7s.6 183 3.6 247.7c2.7 59.8 12.7 92.2 21.1 113.8 11.1 28.6 24.4 49 45.8 70.5 21.4 21.4 41.9 34.7 70.5 45.8 21.6 8.4 54 18.4 113.8 21.1 64.6 2.9 84 3.6 247.7 3.6s183-.6 247.7-3.6c59.8-2.7 92.2-12.7 113.8-21.1 28.6-11.1 49-24.4 70.5-45.8 21.4-21.4 34.7-41.9 45.8-70.5 8.4-21.6 18.4-54.1 21.1-113.8 2.9-64.6 3.6-84 3.6-247.7s-.6-183-3.6-247.7c-2.7-59.7-12.7-92.2-21.1-113.8zm-477.8 676.2c-173.8 0-314.7-140.9-314.7-314.7s140.9-314.7 314.7-314.7 314.7 140.9 314.7 314.7-140.9 314.7-314.7 314.7zm327.2-568.3c-40.6 0-73.5-32.9-73.5-73.5s32.9-73.5 73.5-73.5 73.5 32.9 73.5 73.5-32.9 73.5-73.5 73.5z'/%3E%3Cpath d='M2090 1212.1c4.9-40 7.5-80.8 7.5-122.1 0-410-249.3-761.8-604.6-912.1L1434.5 0h-654l-58.4 177.9C366.8 328.2 117.5 680 117.5 1090c0 41.4 2.6 82.1 7.5 122.1L0 1351.8l327 566.4 183.5-38.4c166 125.7 372.8 200.2 597 200.2s431-74.5 597-200.2l183.5 38.4 327-566.4-125-139.7zm-373.3 115.5c-3 65.2-13.3 109.8-28.5 148.8-15.7 40.3-36.6 74.5-70.7 108.6-34.1 34.1-68.3 55-108.6 70.7-39 15.2-83.5 25.5-148.8 28.5-65.4 3-86.2 3.7-252.7 3.7s-187.3-.7-252.7-3.7c-65.2-3-109.8-13.3-148.8-28.5-40.3-15.7-74.5-36.6-108.6-70.7-34.1-34.1-55-68.3-70.7-108.6-15.2-39-25.5-83.5-28.5-148.8-3-65.4-3.7-86.2-3.7-252.7s.7-187.3 3.7-252.7c3-65.2 13.3-109.8 28.5-148.8 15.7-40.3 36.6-74.5 70.7-108.6 34.1-34.1 68.3-55 108.6-70.7 39-15.2 83.5-25.5 148.8-28.5 65.4-3 86.2-3.7 252.7-3.7s187.3.7 252.7 3.7c65.2 3 109.8 13.3 148.8 28.5 40.3 15.7 74.5 36.6 108.6 70.7 34.1 34.1 55 68.3 70.7 108.6 15.2 39 25.5 83.5 28.5 148.8 3 65.4 3.7 86.2 3.7 252.7s-.7 187.3-3.7 252.7z'/%3E%3C/svg%3E");
    --naver-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='naver_logo' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 2215 2080' xml:space='preserve'%3E%3Cpath d='M2090 1212.1c4.9-40 7.5-80.8 7.5-122.1 0-410-249.3-761.8-604.6-912.1L1434.5 0h-654l-58.4 177.9C366.8 328.2 117.5 680 117.5 1090c0 41.4 2.6 82.1 7.5 122.1L0 1351.8l327 566.4 183.5-38.4c166 125.7 372.8 200.2 597 200.2s431-74.5 597-200.2l183.5 38.4 327-566.4-125-139.7zM1107.5 1881c-441.8 0-800-358.2-800-800s358.2-800 800-800 800 358.2 800 800-358.2 800-800 800z'/%3E%3Cpath d='M1267.7 1112.6 934.1 633.2H657.5v895.6h289.8v-479.3l333.6 479.3h276.6V633.2h-289.8z'/%3E%3C/svg%3E%0A");
    --plurk-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='plurk_logo' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 2215 2080' xml:space='preserve'%3E%3Cpath d='M2090 1212.1c4.9-40 7.5-80.8 7.5-122.1 0-410-249.3-761.8-604.6-912.1L1434.5 0h-654l-58.4 177.9C366.8 328.2 117.5 680 117.5 1090c0 41.4 2.6 82.1 7.5 122.1L0 1351.8l327 566.4 183.5-38.4c166 125.7 372.8 200.2 597 200.2s431-74.5 597-200.2l183.5 38.4 327-566.4-125-139.7zM1107.5 1881c-441.8 0-800-358.2-800-800s358.2-800 800-800 800 358.2 800 800-358.2 800-800 800z'/%3E%3Cpath d='M1683 871.9c-25.3 9.4-44.8 15.5-68.3 10.1-75.3-190.9-257.5-329.1-470.3-340.1-179.7-9.3-340.1 69.6-443.8 196.2-4.7 5.8-9.4 11.6-13.9 17.5-.4.5-.8.9-1.1 1.4.1-.1.1-.1.2-.1 12.3-10.4 25.1-18.4 38.1-23.6 1-.4 2.1-.8 3.1-1.3 15.9-5.9 32-7.8 47.8-4.6 76.5 15.3 116.4 138.6 89 275.3-27.4 136.8-111.6 235.2-188.1 219.9-53.7-10.7-89.2-74.6-96.2-158.9v-.3 2.8c-.1 7-.1 14.1 0 21.2v3.9c0 1 .1 2.1.2 3.1.2 7.9.7 15.8 1.2 23.6.3 3.6.7 7.1 1 10.6.4 3.8.8 7.6 1.2 11.5 7.1 60.9 24.2 118.7 49.9 171.5 3.2 6.6 1.6 14.6-4.1 19.3l-14.7 12c-13.4 10.9-19.2 27.5-17.2 43.5.3 2.7 1 5.4 1.8 8l.3.9c.8 2.6 1.9 5.1 3.1 7.5l2.7-2 12.2-9.3c6.1-4.6 14.8-3.5 19.5 2.6 4.6 6.1 3.5 14.8-2.6 19.5l-13 9.9-1.9 1.5 62.5 76.9c16.7 20.6 47.2 23.7 67.8 7l13.7-11.1c5.8-4.7 14-4.6 19.9 0 95.1 75.4 216 119.2 346.8 115.8 110.5-2.9 212.2-39 296.1-98.5 6.2-4.4 14.6-3.9 20.1 1.3l8.7 8.3c16.5 15.7 41.4 17.2 59.6 5.2 1-.6 2-1.4 3-2.1l-.2-.2-11.1-10.5c-5.6-5.2-5.9-14-.6-19.6 5.2-5.6 14-5.9 19.6-.6l12 11.2 66.9-70.5c18.2-19.2 17.5-49.9-1.8-68.1l-14-13.3c-5.3-5-6.4-12.9-2.8-19.2 49.8-89.9 74.6-195.3 64.9-306.7-1.4-16.1-3.5-32-6.4-47.7 16-14.7 45.3-43.8 56.8-68.6 11.9-26.7 15-54.2-17.6-42.1z'/%3E%3Cpath d='M599.9 1034.9c5.4 65.3 32.9 114.8 74.4 123.1 59.2 11.8 124.3-64.3 145.5-170 21.2-105.7-9.7-201.1-68.8-212.9-23.1-4.6-47 4.3-68.9 22.9-23.9 20.4-45.4 52.5-60.6 92-.5-.1-1-.2-1.6-.4-7.5-2.1-11.4-7-16.6-8.1 20.5-22.1 23.5-56.2 5.5-81.8-20.7-29.6-61.5-36.7-91.1-16-26.6 18.7-34.9 53.5-21.2 81.9-12.1.5-24.3 4.2-35 11.7-29.6 20.7-36.7 61.5-16 91.1 20.7 29.6 61.5 36.7 91.1 16 9.4-6.6 16.3-15.3 21-25 9.9 18.2 24.5 33.3 41.4 43.7-.2 10.9.1 21.5.9 31.8zm69.9-181.3c14.3-12.2 29.9-18 44.9-14.9 38.5 7.7 58.6 69.8 44.8 138.7-13.8 68.9-56.2 118.5-94.8 110.8-26.2-5.2-43.8-35.7-48.1-76.2 9.6 3.7 19.7 6 29.7 6.5 28 1.3 46.3-8.1 60.5-27.3 18.4-24.7 4.5-93.1-19.8-101.9-18.9-6.9-30.1 1.4-47 2.6 8.7-15.9 18.9-29 29.8-38.3z'/%3E%3C/svg%3E");
    --reddit-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Reddit_Logo' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 2215 2080' xml:space='preserve'%3E%3Cpath d='M1318.4 1444.1c-46.5 47.8-148.4 64.1-220.1 64.1-71.7 0-172.3-16.4-220.1-64.1-11.3-11.3-28.9-11.3-40.2 0-11.3 11.3-11.3 28.9 0 40.2 74.2 74.2 217.6 80.5 260.3 80.5 41.5 0 184.9-5 260.3-80.5 10.1-11.3 10.1-28.9 0-40.2-11.3-11.3-28.9-11.3-40.2 0z'/%3E%3Cpath d='M2090 1212.1c4.9-40 7.5-80.8 7.5-122.1 0-410-249.3-761.8-604.6-912.1L1434.5 0h-654l-58.4 177.9C366.8 328.2 117.5 680 117.5 1090c0 41.4 2.6 82.1 7.5 122.1L0 1351.8l327 566.4 183.5-38.4c166 125.7 372.8 200.2 597 200.2s431-74.5 597-200.2l183.5 38.4 327-566.4-125-139.7zm-289.9-127.7c0 62.9-37.7 117-90.6 140.9 2.5 15.4 3.8 30.9 3.8 46.5 0 237.7-275.4 428.9-615 428.9s-615-192.4-615-428.9c0-16.4 1.3-31.4 3.8-46.5-15.9-7.2-30.5-17.1-43-29.2-61.1-58.8-62.9-155.9-4.1-217 58.8-61.1 155.9-62.9 217-4.1 106.9-76.7 254.1-125.8 417.6-130.8l78-367.2c1-7.2 5.2-13.7 11.3-17.6 5-3.8 12.6-5 20.1-3.8l255.3 54.1c17.8-35.9 53.8-59.2 93.8-60.7 60.4-2.3 111.2 44.8 113.5 105.1 2.3 60.4-44.8 111.2-105.1 113.5-60.4 2.3-111.2-44.8-113.5-105.1l-228.9-49.1-70.4 329.5c161 6.3 305.6 55.3 411.3 130.8 28.8-28 67.4-43.5 107.5-43.4 84.5.4 152.9 69.4 152.6 154.1z'/%3E%3Cpath d='M964.9 1193.8v-.2c0-60.4-49.1-109.4-109.5-109.3-60.4 0-109.4 49.1-109.3 109.5 0 60.4 49 109.4 109.4 109.4 60.5 0 109.4-49 109.4-109.4zm373.6-108.1h-.2c-60.4 0-109.4 49.1-109.3 109.5 0 60.4 49.1 109.4 109.5 109.3 60.4 0 109.3-49 109.3-109.3.1-60.5-48.9-109.5-109.3-109.5z'/%3E%3C/svg%3E");
    --sandbox-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='sandbox_logo' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 2215 2080' xml:space='preserve'%3E%3Cpath d='M2090 1212.1c4.9-40 7.5-80.8 7.5-122.1 0-410-249.3-761.8-604.6-912.1L1434.5 0h-654l-58.4 177.9C366.8 328.2 117.5 680 117.5 1090c0 41.4 2.6 82.1 7.5 122.1L0 1351.8l327 566.4 183.5-38.4c166 125.7 372.8 200.2 597 200.2s431-74.5 597-200.2l183.5 38.4 327-566.4-125-139.7zM1107.5 1881c-441.8 0-800-358.2-800-800s358.2-800 800-800 800 358.2 800 800-358.2 800-800 800z'/%3E%3Cpath d='m504.1 1518.1 386.6 131.1 820.2-131.1zm252.3-55.9h423c12.4-8 24.9-16.3 37.3-25.2 99.5-71.2 166-150.9 207.7-210.7-89.3-42.4-178.6-84.7-267.8-127.1l247.8-363 125.6 55c16.5 7.2 35.7 2.4 46.9-11.7L1620 725c16.4-20.8 8.2-51.5-16.4-61.3l-372.8-148.1c-15.5-6.2-33.3-1.9-44.3 10.6l-42.6 48.5c-17.6 20-10.8 51.4 13.6 62.2l130.5 58.2-237.5 353.7c-88-41.7-176-83.5-264-125.2-23.6 89.4-46.3 212.3-44.5 359 .8 65.3 6.3 125.4 14.4 179.6z'/%3E%3C/svg%3E");
    --steam-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='steam_logo' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 2215 2080' xml:space='preserve'%3E%3Cpath d='M1721.3 835.4c0-141.9-115.3-257.4-257.1-257.4-141.7 0-257 115.5-257 257.4 0 142 115.3 257.5 257 257.5 141.8 0 257.1-115.5 257.1-257.5zm-449.6-.4c0-106.8 86.5-193.5 193-193.5 106.6 0 193.1 86.6 193.1 193.5 0 106.8-86.5 193.4-193.1 193.4-106.5 0-193-86.6-193-193.4z'/%3E%3Cpath d='M2090 1212.1c4.9-40 7.5-80.8 7.5-122.1 0-410-249.3-761.8-604.6-912.1L1434.5 0h-654l-58.4 177.9c-336 142.1-577.2 464.4-602.4 845.8l543.9 223.9c14.8-9.8 30.7-18.2 47.6-25.1 38.3-15.8 78.7-22.8 119-21l248.5-361c-.1-1.6-.1-3.3-.1-5 0-213.1 173-386.4 385.8-386.4s385.8 173.3 385.8 386.4c0 213-173 386.5-385.8 386.5-2.9 0-5.8-.1-8.7-.2l-355.6 254.1c1 39.2-6.2 78.5-21.7 116-59.6 143.4-224.9 211.7-368.3 151.8-87.6-36.5-147-112.5-166.4-199L20.4 1329 0 1351.8l327 566.4 183.5-38.4c166 125.7 372.8 200.2 597 200.2s431-74.5 597-200.2l183.5 38.4 327-566.4-125-139.7z'/%3E%3Cpath d='m748.4 1629.6-125.6-52c22.2 46.5 60.8 85.4 111.8 106.7 110.7 46.1 238-6.5 284.2-117.3 22.3-53.5 22.4-112.8.3-166.5s-63.7-95.7-117.3-118c-53.2-22.1-110.1-21.4-160.2-2.4l129.8 53.8c81.6 34 120.2 127.8 86.2 209.5-33.9 81.5-127.5 120.2-209.2 86.2z'/%3E%3C/svg%3E");
    --telegram-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='telegram_logo' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 2215 2080' xml:space='preserve'%3E%3Cpath d='M2090 1212.1c4.9-40 7.5-80.8 7.5-122.1 0-410-249.3-761.8-604.6-912.1L1434.5 0h-654l-58.4 177.9C366.8 328.2 117.5 680 117.5 1090c0 41.4 2.6 82.1 7.5 122.1L0 1351.8l327 566.4 183.5-38.4c166 125.7 372.8 200.2 597 200.2s431-74.5 597-200.2l183.5 38.4 327-566.4-125-139.7zm-394.4-561c-3.4 47.9-34.2 215.6-58.2 397l-82.1 537.3s-6.8 78.7-68.4 92.4c-61.6 13.7-154-47.9-171.1-61.6-13.7-10.3-256.7-164.3-342.2-239.6-24-20.5-51.3-61.6 3.4-109.5l359.3-342.2c41.1-41.1 82.1-136.9-89-20.5l-479.1 325.1s-54.8 34.2-157.4 3.4l-222.5-68.4s-82.1-51.3 58.2-102.7c342.2-160.9 763.2-325.1 1136.2-479.1-.1 0 123.1-48 112.9 68.4z'/%3E%3C/svg%3E");
    --tiktok-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='tiktok_logo' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 2215 2080' xml:space='preserve'%3E%3Cpath d='M2090 1212.1c4.9-40 7.5-80.8 7.5-122.1 0-410-249.3-761.8-604.6-912.1L1434.5 0h-654l-58.4 177.9C366.8 328.2 117.5 680 117.5 1090c0 41.4 2.6 82.1 7.5 122.1L0 1351.8l327 566.4 183.5-38.4c166 125.7 372.8 200.2 597 200.2s431-74.5 597-200.2l183.5 38.4 327-566.4-125-139.7zm-381.6-294.4c-111.8 10.9-209.8-25.6-323.7-94.6v418.3c0 531.4-579.4 697.5-812.3 316.6-149.7-245.1-58-675.2 422.1-692.5v235.9c-36.6 5.9-75.7 15.1-111.4 27.3-106.8 36.2-167.3 103.8-150.5 223.3 32.4 228.7 452 296.4 417.1-150.5V364.4h231.7v-.4c23.1 198.9 134.1 317.4 327.1 330v223.7z'/%3E%3C/svg%3E%0A");
    --twitch-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Twitch_Logo' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 2215 2080' xml:space='preserve'%3E%3Cpath d='m1035.5 1510 175-175h200l200-200V585h-800v750h225v175zm325-750h100v300h-100V760zm-275 0h100v300h-100V760z'/%3E%3Cpath d='M2090 1212.1c4.9-40 7.5-80.8 7.5-122.1 0-410-249.3-761.8-604.6-912.1L1434.5 0h-654l-58.4 177.9C366.8 328.2 117.5 680 117.5 1090c0 41.4 2.6 82.1 7.5 122.1L0 1351.8l327 566.4 183.5-38.4c166 125.7 372.8 200.2 597 200.2s431-74.5 597-200.2l183.5 38.4 327-566.4-125-139.7zm-379.5-27.1-450 450h-200l-250 250v-250h-300V735l250-250h950v700z'/%3E%3C/svg%3E");
    --twitter-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Twitter_Logo' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 2215 2080' xml:space='preserve'%3E%3Cpath d='M2090 1212.1c4.9-40 7.5-80.8 7.5-122.1 0-410-249.3-761.8-604.6-912.1L1434.5 0h-654l-58.4 177.9C366.8 328.2 117.5 680 117.5 1090c0 41.4 2.6 82.1 7.5 122.1L0 1351.8l327 566.4 183.5-38.4c166 125.7 372.8 200.2 597 200.2s431-74.5 597-200.2l183.5 38.4 327-566.4-125-139.7zm-393.2-378.6c.5 12.2.8 24.5.8 36.9 0 376.5-286.6 810.6-810.6 810.6-160.9 0-310.7-47.2-436.7-128 22.3 2.6 45 4 68 4 133.5 0 256.3-45.5 353.8-122-124.7-2.3-229.9-84.7-266.2-197.9 17.4 3.3 35.2 5.1 53.6 5.1 26 0 51.2-3.5 75.1-10-130.3-26.2-228.5-141.3-228.5-279.4v-3.6c38.4 21.3 82.3 34.2 129 35.6-76.4-51.1-126.7-138.3-126.7-237.1 0-52.2 14.1-101.2 38.6-143.2C687.5 777 897.4 890.4 1134.2 902.3c-4.9-20.9-7.4-42.6-7.4-64.9 0-157.3 127.6-284.9 284.9-284.9 81.9 0 156 34.6 208 90 64.9-12.8 125.9-36.5 180.9-69.1-21.3 66.5-66.5 122.4-125.3 157.6 57.6-6.9 112.5-22.2 163.6-44.9-38.1 57.1-86.4 107.3-142.1 147.4z'/%3E%3C/svg%3E");
    --youtube-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='youtube_logo' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 2215 2080' xml:space='preserve'%3E%3Cpath d='M2090 1212.1c4.9-40 7.5-80.8 7.5-122.1 0-410-249.3-761.8-604.6-912.1L1434.5 0h-654l-58.4 177.9C366.8 328.2 117.5 680 117.5 1090c0 41.4 2.6 82.1 7.5 122.1L0 1351.8l327 566.4 183.5-38.4c166 125.7 372.8 200.2 597 200.2s431-74.5 597-200.2l183.5 38.4 327-566.4-125-139.7zM1107.5 1881c-441.8 0-800-358.2-800-800s358.2-800 800-800 800 358.2 800 800-358.2 800-800 800z'/%3E%3Cpath d='M1728.8 768.4c-15.2-56.1-59-99.9-115.1-115.1-100.9-27.5-506.9-27.5-506.9-27.5s-406 .8-506.9 28.3c-56.1 15.2-99.9 59-115.1 115.1-30.5 179.3-42.4 452.4.8 624.5 15.2 56.1 59 99.9 115.1 115.1 100.9 27.5 506.9 27.5 506.9 27.5s406 0 506.9-27.5c56.1-15.2 99.9-59 115.1-115.1 32.2-179.5 42.1-452.5-.8-625.3zm-751.2 507.7V885.9l336.8 195.1-336.8 195.1z'/%3E%3C/svg%3E%0A");
    --rateup-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Up' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 200' overflow='visible' xml:space='preserve'%3E%3Cpolygon points='200.1,86.6 113.5,86.6 113.5,0 86.5,0 86.5,86.6 -0.1,86.6 -0.1,113.4 86.5,113.4 86.5,200 113.5,200 113.5,113.4 200.1,113.4 '/%3E%3C/svg%3E%0A");
    --ratedown-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Down' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 200' overflow='visible' xml:space='preserve'%3E%3Crect x='10' y='86.6' width='180' height='26.9'/%3E%3C/svg%3E%0A");
    --cancel-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Cancel' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 200' overflow='visible' xml:space='preserve'%3E%3Cpolygon points='198.3,20.1 179.9,1.7 100,81.6 20.1,1.7 1.7,20.1 81.6,100 1.7,179.9 20.1,198.3 100,118.4 179.9,198.3 198.3,179.9 118.4,100 '/%3E%3C/svg%3E%0A");
    --credit-button-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Info' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 200' overflow='visible' xml:space='preserve'%3E%3Cpath d='M140.1,154.6c-12,23.7-29,45.4-57.7,45.4c-19,0-26.6-12-20.5-34.3l20.5-75c2.1-7.3,0.9-11.7-4.7-12L61.1,77l2.3-10.5 l66.8-8.2l1.8,2.1l-27.5,101.9c-1.8,7-2,12.6,3.2,12.6c5.9,0,16.1-14.9,22.8-26.9L140.1,154.6z M138.1,19.9 c0,15.5-10.8,24.3-24.9,24.3c-13.8,0-22-7.9-22-19.9C91.2,12.6,99.4,0,116.4,0C128.7,0,138.1,7,138.1,19.9z'/%3E%3C/svg%3E%0A");
    --edit-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Edit-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M103.1 36.1h50v71.7h-50z' transform='matrix(0.7071 0.7071 -0.7071 0.7071 88.3726 -69.4924)'/%3E%3Cpath d='m60.3 139.7 17.7-53 35.3 35.3z'/%3E%3Cpath d='M146.1 13.9h50v30h-50z' transform='matrix(0.7071 0.7071 -0.7071 0.7071 70.5477 -112.5254)'/%3E%3Cpath d='M178.5 97.5c-.5-3.6-1.2-7.2-2.2-10.8-.9-3.5-2.1-6.9-3.4-10.2l-15.8 15.8c.7 2.6 1.2 5.3 1.6 7.9l1.3 9 7.6 5 2 1.3-7.7 28.9-2.4.1-9.1.5-5.6 7.2c-9.3 12-22 20.4-36.6 24.3-5.9 1.6-11.9 2.4-17.9 2.4-8.9 0-17.6-1.7-25.9-5.1l-8.4-3.4-8.1 4.1-2.1 1.1-21.2-21.2 1.1-2.1 4.1-8.1-3.4-8.4c-1.1-2.6-2-5.4-2.7-8.1C16.5 100.8 26 72.4 48 55.2l7.2-5.6.5-9.1.1-2.4 28.9-7.7 1.3 2 5 7.6 9 1.3c2.7.4 5.3.9 7.9 1.6l15.8-15.8c-6.7-2.7-13.7-4.6-21-5.6L93.3 7.4 36.4 22.6l-.9 16.8C8 60.8-5.4 97.2 4.1 132.9c1 3.6 2.1 7.1 3.5 10.4L0 158.4 41.6 200l15.1-7.6c10.5 4.3 21.8 6.6 33.5 6.6 7.6 0 15.4-1 23.1-3.1 19.5-5.2 35.7-16.5 47.3-31.3l16.9-.9 15.2-56.9-14.2-9.3z'/%3E%3C/svg%3E");
    --pagerate-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Vote-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M0 100c0 51.9 39.5 94.5 90 99.5v-20.2c-39.4-4.9-70-38.6-70-79.4 0-33.5 20.7-62.2 50-74.1V100H40l50 60V.5C39.5 5.5 0 48.1 0 100zM110 .5v20.2c39.4 4.9 70 38.6 70 79.4 0 33.5-20.7 62.2-50 74.1V100h30l-50-60v159.6c50.5-5 90-47.7 90-99.5S160.5 5.5 110 .5z'/%3E%3C/svg%3E");
    --tags-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Tags-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='m183.5 37 1.7-16.6-20.9-6.9zM124.4.3.2 82.4l54.5 83.9L77 151.5l6.2-28-22.6 15.1-5.5-8.4 31.1-20.7 4.7-21.2L47 117.7l-5.5-8.4L94 74.2l4.6-21.1-65.3 43.6-5.4-8.4L101.7 39l.6-2.6 52.1-26.2z'/%3E%3Cpath d='m159.5 7.7-57.2 28.7L71 178.9l97.8 20.8 31.3-142.5-40.6-49.5zm-16.1 27.5c2.6-12.8 22.4-8.5 19.6 4.2-2.6 12.7-22.4 8.4-19.6-4.2zm17.8 152.6-78.3-16.6 28.1-128 23-11.5c-7.2 27.3 34.5 36.1 39 8.3l16.3 19.9-28.1 127.9z'/%3E%3C/svg%3E");
    --discuss-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Discuss-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='m85.4 107-5.4 8h60v10H73.4l-10 15H140v10H20v-10h36.6l-10-15H20v-10h20l-10-15H20V90h10V70H0v100h120l20 30 20-30v-63z'/%3E%3Cpath d='M40 0v97l20 30 20-30h120V0H40zm81.8 56.8c0-5.3 4-10.6 10.6-10.6 5.3 0 7.9 5.3 7.9 5.3s2.6-5.3 7.9-5.3c6.6 0 10.6 5.3 10.6 10.6 0 10.6-13.2 13.2-18.5 21.2-5.2-7.9-18.5-10.6-18.5-21.2zm31-46.8-9.9 9.9 1.7-9.9h8.2zM74.6 87l-3 4.5L60 109 50 94V10h90.6l-1.5 8.6L110 39v44.7l-7.1 3.3H74.6zM190 87h-12.9l-7.1-3.3V39l-19.6-13.7 21.2-7.7-1.4-3.8-23.8 8.7-.2-.2 12.1-12.1-.2-.2H190v77z'/%3E%3C/svg%3E");
    --history-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='History-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='m108.9 113.9 14.7-50.5-14.5-4.1-18.8 64.8 14.4 4.2 21.6 6.2 4.2-14.4z'/%3E%3Cpath d='M192.1 141.1c4.4-10.9 6.8-22.7 6.8-34.7 0-7.9-1-16-3.2-24-5.4-20.2-17.2-37.1-32.5-49.1l-1-17.5-59-15.8-9.6 14.7c-3.7.5-7.5 1.3-11.2 2.3-3.6 1-7.1 2.1-10.5 3.5l-10-10-18.3 55 55.1-18.4-10.3-10.3c2.7-.7 5.4-1.2 8.1-1.6l9.3-1.3L111 26l1.4-2.1 30 8 .1 2.5.5 9.4 7.5 5.8c12.4 9.7 21.1 22.8 25.2 38 1.6 6.1 2.5 12.4 2.5 18.6 0 9.2-1.8 18.3-5.3 26.9l-3.6 8.8 4.3 8.4 1.1 2.2-22 22-2.2-1.1-8.4-4.3-8.7 3.5c-2.7 1.1-5.6 2.1-8.4 2.8-27.9 7.5-57.5-2.4-75.2-25.2l-5.8-7.4-9.4-.5-2.5-.1-8-30L26 111l7.9-5.2 1.3-9.3c.4-2.8.9-5.5 1.6-8.2L20.5 71.9c-2.8 6.9-4.8 14.2-5.8 21.8L0 103.2l15.8 59.1 17.5 1c22.2 28.4 60 42.4 97 32.5 3.7-1 7.4-2.2 10.8-3.6l15.6 7.9 43.2-43.2-7.8-15.8z'/%3E%3C/svg%3E");
    --files-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Files-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M18.4 43.5.3 48.3l34.5 102.6z'/%3E%3Cpath fill='none' d='M60 20v180h140V75l-55-55z'/%3E%3Cpath d='M60 200h90.9H60zm85-180H60v180h140V75l-55-55zm35.9 50H150V39.1L180.9 70zm9.1 120H70V30h70v50h50v110z'/%3E%3Cpath d='M130 125h-10V10H90v90h10V40h10v70H80V0h50zm86.6 50.6c.2-1.7.3-3.5.3-5.2 0-19.7-11.5-37.4-29.4-45.3l-3-9.1h-34.3l-3 9.1c-17.9 8-29.4 25.7-29.4 45.3 0 1.7.1 3.5.3 5.2l-6.4 7.1 17.2 29.7 9.4-2c8.5 6.2 18.6 9.5 29.2 9.5s20.7-3.3 29.2-9.5l9.4 2 17.2-29.7-6.7-7.1zm-14.8 28.1-7.4-1.6-.7.6c-7.4 6.1-16.8 9.4-26.4 9.4s-19-3.3-26.4-9.4l-.7-.6-7.4 1.6-11.5-20 5.1-5.7-.2-.9c-.4-2.2-.5-4.4-.5-6.7 0-17.2 10.8-32.9 26.9-39.1l.9-.3 2.4-7.2H179l2.4 7.2.9.3c16.1 6.1 26.9 21.8 26.9 39.1 0 2.2-.2 4.5-.5 6.7l-.2.9 5.1 5.7-11.8 20z'/%3E%3Cpath d='M200.5 170.4c0-16.9-12.7-31.1-29.3-33v-4.8h-7.8v4.8c-16.6 2-29.3 16.1-29.3 33 0 4.6.9 9 2.7 13.1l-4.1 2.4 3.9 6.8 4.1-2.4c6.3 8.4 16.1 13.3 26.6 13.3s20.4-5 26.6-13.3l4.1 2.4 3.9-6.8-4.1-2.4c1.8-4.1 2.7-8.5 2.7-13.1zm-56.7 0c0-11.5 8.4-21.3 19.6-23.2v7.2H158l7.3 14.7h-.3l.2.3-16.4 1 2.7 4.6-6.2 3.6c-1.1-2.6-1.5-5.4-1.5-8.2zm23.4 23.5c-7 0-13.6-3.1-18.1-8.5l6.2-3.6 2.7 4.6 9-13.7.1.3.1-.3 9 13.7 2.7-4.6 6.2 3.6c-4.2 5.3-10.8 8.5-17.9 8.5zm22-15.3L183 175l2.7-4.6-16.4-1 .2-.3h-.3l7.3-14.7h-5.3v-7.2c11.1 1.9 19.6 11.7 19.6 23.2-.1 2.8-.6 5.6-1.6 8.2z'/%3E%3Cpath fill='none' d='M200 200H60V20h85l55 55z'/%3E%3Cpath d='m27 30 23 170V28z'/%3E%3C/svg%3E");
    --print-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Print-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M140 10v60H60V10h80m10-10H50v80h100V0zM40 120v80h120v-80H40zm110 70H50v-60h100v60z'/%3E%3Cpath d='M0 50v100h50v-20h100v20h50V50H0zm30 17h20v20H30V67zm140 48H30v-10h140v10z'/%3E%3Cpath d='M76.5 200h9.1l-9.4-16.3 5.1-5.7-.2-.9c-.4-2.2-.5-4.4-.5-6.7 0-17.2 10.8-32.9 26.9-39.1l.9-.3 2.4-7.2h23.1l2.4 7.2.9.3c10.3 3.9 18.5 11.8 23 21.5v-14.6c-4.7-5.5-10.7-10.1-17.6-13.2l-3-9.1h-34.3l-3 9.1c-17.9 8-29.4 25.7-29.4 45.3 0 1.7.1 3.5.3 5.2l-6.4 7.1 9.7 17.4zm82.4 0h1.1v-1.9z'/%3E%3Cpath d='m91.5 192.7 4.1-2.4c3.1 4.1 7 7.4 11.5 9.7h30.3c4.5-2.3 8.4-5.6 11.5-9.7l4.1 2.4 3.9-6.8-4.1-2.4c1.8-4.1 2.7-8.5 2.7-13.1 0-16.9-12.7-31.1-29.3-33v-4.8h-7.8v4.8c-16.6 2-29.3 16.1-29.3 33 0 4.6.9 9 2.7 13.1l-4.1 2.4 3.8 6.8zm34.7-38.2v-7.2c11.1 1.9 19.6 11.7 19.6 23.2 0 2.8-.5 5.6-1.5 8.2L138 175l2.7-4.6-16.4-1 .2-.3h-.3l7.3-14.7h-5.3zm-4 18.5.1-.3 9 13.7 2.7-4.6 6.2 3.6c-4.4 5.4-11.1 8.5-18.1 8.5-7 0-13.6-3.1-18.1-8.5l6.2-3.6 2.7 4.6 9-13.7.3.3zm-3.9-25.7v7.2H113l7.3 14.7h-.3l.2.3-16.4 1 2.7 4.6-6.2 3.6c-1-2.6-1.5-5.3-1.5-8.2 0-11.6 8.4-21.4 19.5-23.2z'/%3E%3C/svg%3E");
    --site-tools-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Site-Tools-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='m66 186.6-.8-14.5-.7-.6c-12.4-10.1-21.2-23.7-25.3-39.2-1.7-6.5-2.6-13.1-2.6-19.7 0-9.2 1.7-18.3 4.9-26.9l.3-.8-6.6-13 36.6-36.6 13 6.6.8-.3c2.4-.9 4.8-1.7 7.2-2.3 6.5-1.7 13.1-2.6 19.7-2.6 22.5 0 44.5 10.4 58.8 27.9l.6.7 14.5.8 13.4 50-12.2 8-.1.9c-.9 5.5-2.4 10.9-4.5 16.1l-1.1 2.8-15.9-16.2.3-1.1c.5-2.1 1-4.2 1.3-6.4l1.2-8.4 7.5-4.9-5.7-21.2-9-.5-5.2-6.7c-10.6-13.6-26.5-21.4-43.7-21.4-4.8 0-9.7.6-14.4 1.9-2.2.6-4.4 1.3-6.5 2.2L84 64.4l-8-4.1-15.6 15.6 4.1 8-3.2 7.8c-2.7 6.7-4.1 13.6-4.1 20.8 0 4.8.6 9.7 1.9 14.4 3.2 11.8 9.9 21.9 19.5 29.4l6.7 5.2.5 9 21.2 5.7 4.9-7.5 8.4-1.2c2.1-.3 4.2-.7 6.3-1.3l1.1-.3 16.1 16.1-2.8 1.1c-2.8 1.1-5.8 2.1-8.7 2.9-2.4.7-4.9 1.2-7.4 1.6l-.9.1-8 12.2-50-13.3z'/%3E%3Cpath d='M144 112.9c0-2.4-.3-4.7-.8-6.9l8.8-7.9c-2-5.3-5-10.1-8.9-14.2l-11 4.4c-1.8-1.4-3.8-2.7-5.9-3.7l-.7-11.8c-2.6-.9-5.4-1.5-8.2-1.8-2.8-.3-5.7-.4-8.4-.1l-3.4 11.4c-2.3.5-4.5 1.3-6.6 2.3l-9.7-6.8c-4.7 3.1-8.7 7.1-11.9 11.8l6.8 9.7c-1 2.1-1.8 4.3-2.3 6.6l-11.4 3.3c-.5 5.8.1 11.4 1.8 16.6l11.8.8c1 2.1 2.2 4.1 3.7 5.9l-4.5 11c4 3.8 8.8 6.9 14.1 9l8-8.8c1.1.3 2.3.5 3.4.6 1.2.1 2.3.2 3.5.2l5.8 10.4c5.7-.8 11-2.7 15.8-5.5l-1.9-11.7c1.8-1.4 3.5-3.1 4.9-4.9l11.7 2c2.8-4.7 4.8-10 5.6-15.8l-10.1-6.1zm-33.1 14.6c-8.4-1-14.5-8.6-13.5-17s8.6-14.4 17-13.5c8.4 1 14.5 8.6 13.5 17s-8.6 14.4-17 13.5z'/%3E%3Cpath d='M21.1 8.1h55.6v80H21.1z' transform='matrix(0.7071 0.7071 -0.7071 0.7071 48.305 -20.5051)'/%3E%3C/svg%3E");
    --more-options-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Layer_1' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M55 35v30H25V35h30m10-10H15v50h50V25zM0 40h15v20H0zm65 0h135v20H65zm100 45v30h-30V85h30m10-10h-50v50h50V75zm0 15h25v20h-25zM0 90h125v20H0zm105 45v30H75v-30h30m10-10H65v50h50v-50zM0 140h65v20H0zm115 0h85v20h-85z'/%3E%3C/svg%3E");
    --edit-sections-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Edit-Sections-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M14.1 63.7 0 49.6V140h90v-.4zM0 160h90v40H0zM110 0v60.6l20 20V20h50v160h-50v-19.9l-20-6.7V200h90V0z'/%3E%3Cpath d='M56.3 31.4h50v100h-50z' transform='matrix(-0.7071 0.7071 -0.7071 -0.7071 196.4094 81.5396)'/%3E%3Cpath d='m159.1 159.2-17.7-53-35.3 35.4z'/%3E%3Cpath d='M3.3 13.4h50v30h-50z' transform='matrix(-0.7071 0.7071 -0.7071 -0.7071 68.3764 28.5066)'/%3E%3C/svg%3E");
    --append-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Append-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M62.5 62.4 7.5 44 44.2 7.3z'/%3E%3Cpath d='M93.9 14.7c-3.7.5-7.5 1.3-11.2 2.3-3.6 1-7.1 2.2-10.5 3.5l16.4 16.4c2.7-.7 5.5-1.3 8.2-1.6l9.3-1.3 5.2-7.9 1.4-2.1 30 8 .1 2.5.5 9.4 7.5 5.8c12.4 9.7 21.1 22.8 25.2 38 1.6 6.1 2.5 12.4 2.5 18.6 0 9.2-1.8 18.3-5.3 26.9l-3.6 8.8 4.3 8.4 1.1 2.2-22 22-2.2-1.1-8.4-4.3-8.7 3.5c-2.7 1.1-5.6 2.1-8.4 2.8-27.9 7.5-57.5-2.4-75.2-25.2l-5.8-7.4-9.4-.5-2.5-.1-8-30 2.1-1.3 7.9-5.2 1.3-9.3c.4-2.8.9-5.5 1.6-8.2L20.8 71.9C18 78.8 16 86.1 15 93.6L.4 103.2l15.8 59.1 17.5 1c22.2 28.4 60 42.4 97 32.5 3.7-1 7.4-2.2 10.8-3.6l15.6 7.9 43.2-43.2-7.9-15.6c4.4-10.9 6.8-22.7 6.8-34.7 0-7.9-1-16-3.2-24-5.4-20.2-17.2-37.1-32.5-49.1l-1-17.5-59-16-9.6 14.7z'/%3E%3Ccircle cx='106.6' cy='106' r='72.5' fill='none'/%3E%3Cpath d='M106.6 61c-24.9 0-45 20.1-45 45s20.1 45 45 45 45-20.1 45-45-20.2-45-45-45zm30 50h-25v25h-10v-25h-25v-10h25V76h10v25h25v10z'/%3E%3Cpath d='M3.7 6.6h25.8v20H3.7z' transform='matrix(0.7071 0.7071 -0.7071 0.7071 16.6282 -6.885)'/%3E%3C/svg%3E");
    --edit-meta-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Meta-Tags-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M78.4 20.7 7.7 91.5 110.2 194l63.6-7.1 7.1-63.6L78.4 20.7zm35.5 162.8-92.1-92 56.6-56.6 92.1 92.1-5.7 50.9-50.9 5.6z'/%3E%3Cpath d='m180.9 123.3-5.3 47.4 16.8-30.4-55.5-134-51.6 21.4zM61.6 37.5l-17.1 7.1 3 7.1zm79.8 153 20.1 5.9 4.7-8.6z'/%3E%3Cpath d='M154.4 153.9c2.6 0 5.1 1 7.1 2.9 3.9 3.9 3.9 10.2 0 14.1-2 2-4.5 2.9-7.1 2.9s-5.1-1-7.1-2.9c-3.9-3.9-3.9-10.2 0-14.1 2-1.9 4.5-2.9 7.1-2.9m0-10c-5.3 0-10.4 2.1-14.1 5.9-7.8 7.8-7.8 20.5 0 28.3 3.8 3.8 8.8 5.9 14.1 5.9 5.3 0 10.4-2.1 14.1-5.9 7.8-7.8 7.8-20.5 0-28.3-3.7-3.8-8.8-5.9-14.1-5.9z'/%3E%3Cpath fill='none' stroke='%23000000' stroke-miterlimit='10' stroke-width='10' d='M65 105.2v-30h30m33.5 33.6v30h-30m-11.3-8.7 19.1-46.2'/%3E%3C/svg%3E");
    --watchers-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Watchers-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M76.9 124.8c-5.8-10.1-5.7-22.7.1-32.9l8.7 5c-4.1 7.1-4.1 15.9-.1 23l-8.7 4.9zm-67.3.5-9.2-4C27.5 56.5 98.3 18 158.8 25.8l-1 10c-56.5-7.4-123 28.8-148.2 89.5z'/%3E%3Cpath d='M111.8 51.2C47.9 63.9 10.6 136.8 8.2 167.1 89.8 198.2 188.3 131.5 200 54.6c-14.3-4.9-48-14.2-88.2-3.4zm29.2 80.9c-3.6 3.2-7.5 6.1-11.5 8.8l-9.4-16.6c6.2-7 3.8-19.4-5.1-23.2-7.4-2.8-11.3-12.5-8-19.7-20 9-21.3 48.7 4.4 47.9l9.6 16.8c-25.9 14.8-57.2 19.6-86.4 13.3l2.1-9.8c12.7 3.1 38.2 4.3 59.4-3.3-33.2-6.7-40.2-55.6-10.1-71.8 28-17.7 65 10.5 57 41.9 8.6-9.2 15.8-19.9 21-31.5l9.1 4.1c-7.4 16.5-18.5 31.4-32.1 43.1z'/%3E%3C/svg%3E");
    --backlinks-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Backlinks-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M192.1 141.1c4.4-10.9 6.8-22.7 6.8-34.7 0-7.9-1-16-3.2-24-5.4-20.2-17.2-37.1-32.5-49.1l-1-17.5-59-15.8-9.6 14.7c-3.7.5-7.5 1.3-11.2 2.3-3.6 1-7.1 2.1-10.5 3.5l-10-10-18.3 55 55.1-18.4-10.3-10.3c2.7-.7 5.4-1.2 8.1-1.6l9.3-1.3L111 26l1.4-2.1 30 8 .1 2.5.5 9.4 7.5 5.8c12.4 9.7 21.1 22.8 25.2 38 1.6 6.1 2.5 12.4 2.5 18.6 0 9.2-1.8 18.3-5.3 26.9l-3.6 8.8 4.3 8.4 1.1 2.2-22 22-2.2-1.1-8.4-4.3-8.7 3.5c-2.7 1.1-5.6 2.1-8.4 2.8-27.9 7.5-57.5-2.4-75.2-25.2l-5.8-7.4-9.4-.5-2.5-.1-8-30L26 111l7.9-5.2 1.3-9.3c.4-2.8.9-5.5 1.6-8.2L20.5 71.9c-2.8 6.9-4.8 14.2-5.8 21.8L0 103.2l15.8 59.1 17.5 1c22.2 28.4 60 42.4 97 32.5 3.7-1 7.4-2.2 10.8-3.6l15.6 7.9 43.2-43.2-7.8-15.8z'/%3E%3Cpath d='M102.2 108.3c-4.4 5.7-13-1-8.6-6.7l3.3-4.3c7.1-9.1 17-9.9 24.8-6.1 2.9 1.3 5.7 3.5 7.7 6 5.6 6.6 7.2 16.5.1 25.6l-20.9 26.9c-4.8 6.2-11 8.4-17 7.9-7.6 0-15.5-5.5-18.3-12.6-3.9-8.1-1.7-16.1 5.2-23.9 2.1 2.9 5.3 5.3 8.6 6.7-1.5 2-4.1 4.8-4.4 7.4-1.5 6.5 4.8 12.8 11.3 11.5 2.1-.3 4.3-1.4 6-3.6 4.9-6.3 20.9-26.9 20.9-26.9 1.3-1.6 1.9-3.3 2-4.9 1.1-9.8-11.4-14.8-17.4-7.1l-3.3 4.1z'/%3E%3Cpath d='M117.3 113.5c4.4-5.7-4.1-12.5-8.6-6.7l-3.3 4.3c-6 7.7-18.5 2.7-17.4-7.1.1-1.6.7-3.3 2-4.9 0 0 16-20.6 20.9-26.9 1.7-2.2 3.9-3.3 6-3.6 6.5-1.4 12.8 5 11.3 11.5-.3 2.6-2.9 5.4-4.4 7.4 3.3 1.3 6.5 3.8 8.6 6.7 6.9-7.8 9.2-15.8 5.2-23.9-2.8-7.2-10.7-12.6-18.3-12.6-6-.5-12.2 1.7-17 7.9L81.4 92.5c-7.1 9.1-5.4 18.9.1 25.6 2 2.5 4.8 4.7 7.7 6 7.8 3.7 17.7 3 24.8-6.1l3.3-4.5z'/%3E%3C/svg%3E");
    --view-source-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='View-Source-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath fill='none' stroke='%23000000' stroke-miterlimit='10' stroke-width='10' d='M69.2 139.9h-15v-60h15m-30 60h-15v-60h15m91.6 0h15v60h-15m30-60h15v60h-15m-44.8-70-32 80'/%3E%3Cpath d='M190 45v130H10V45h180m10-10H0v150h200V35z'/%3E%3Cpath d='M0 45h200V15H0v30zm59.9-20H180v10H59.9V25zm-20 0h10v10h-10V25zM20 25h10v10H20V25z'/%3E%3C/svg%3E");
    --parent-page-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Parent-Page-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M114.2 95.9c-.5-3.7-1.3-7.5-2.3-11.2-1-3.6-2.1-7.1-3.5-10.5l10-10-55-18.4 18.4 55.1L92 90.6c.7 2.7 1.2 5.4 1.6 8.1l1.3 9.3 7.9 5.2 2.1 1.4-8 30 16.2 19.9 15.8-59.1-14.7-9.5z'/%3E%3Cpath d='M160 70V0H0v130h40v70h160V70h-40zM59.9 10H140v10H59.9V10zm-20 0h10v10h-10V10zM20 10h10v10H20V10zm170 180H50v-90h20.9l-3.3-10H60V80h4.3L61 70H39.9v50H10V30h140v40h-23.2l-1.2 1.2-5.5 5.5c.4 1.1.7 2.2 1 3.2h59v10h-56.5l10.8 7.1 4.5 2.9H190V190z'/%3E%3C/svg%3E");
    --lock-page-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Page-Lock-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M140 120c5.5 0 10 4.5 10 10v50c0 5.5-4.5 10-10 10H60c-5.5 0-10-4.5-10-10v-50c0-5.5 4.5-10 10-10h80m0-10H60c-11 0-20 9-20 20v50c0 11 9 20 20 20h80c11 0 20-9 20-20v-50c0-11-9-20-20-20z'/%3E%3Cpath d='M0 40v140h40v-10H10V50h180v120h-30v10h40V40z'/%3E%3Cpath fill='none' stroke='%23000000' stroke-miterlimit='10' stroke-width='10' d='M130 113H70V83c0-5.5 4.5-10 10-10h40c5.5 0 10 4.5 10 10v30z'/%3E%3Cpath d='M0 50h200V20H0v30zm59.9-20H180v10H59.9V30zm-20 0h10v10h-10V30zM20 30h10v10H20V30zm80 155c-2.8 0-5-2.2-5-5v-30c0-2.8 2.2-5 5-5s5 2.2 5 5v30c0 2.8-2.2 5-5 5z'/%3E%3Cpath d='M105 160H95c-5.5 0-10-4.5-10-10v-10c0-5.5 4.5-10 10-10h10c5.5 0 10 4.5 10 10v10c0 5.5-4.5 10-10 10z'/%3E%3C/svg%3E");
    --rename-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Rename-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M80 140h20v20H80zm-30 0h20v20H50zm-30 0h20v20H20z'/%3E%3Cpath d='M190 110h-16l3.4 10H190v50H10v-50h81.2l-10-10H0v70h200v-70z'/%3E%3Cpath d='m179.9 159.2-53.1-17.7 35.4-35.4z'/%3E%3Cpath d='M24.1 13.4h50v30h-50z' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -5.6833 42.9942)'/%3E%3Cpath d='M76.8 31.1h50v100h-50z' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -27.5307 95.7386)'/%3E%3C/svg%3E");
    --delete-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Delete-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M150 70v120H50V70h100m10-10H40v140h120V60zm10-30v20H30V30h140m10-10H20v40h160V20z'/%3E%3Cpath d='M95 90h10v80H95zm30 0h10v80h-10zm-60 0h10v80H65zm55-80v10H80V10h40m10-10H70v30h60V0z'/%3E%3C/svg%3E");
    --h1-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='H1-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M22.4 160V40h14.5v53.4h64V40h14.5v120h-14.5v-53.7h-64V160H22.4zM177.6 40v120h-14.5V61.1h-.9c-.5 1.1-2 2.3-4.2 3.7-2.3 1.4-5.2 2.6-8.8 3.6s-7.7 1.6-12.3 1.6V57.8c4.6 0 8.7-.8 12.1-2.5 3.4-1.7 6.2-3.7 8.5-5.9 2.3-2.3 4-4.3 5.2-6.2 1.2-1.8 1.9-2.9 2.1-3.2h12.8z'/%3E%3C/svg%3E");
    --h2-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='H2-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M10.2 160.8v-120h14.5v53.4h64V40.8h14.5v120H88.7v-53.7h-64v53.7H10.2zm106.8 0v-10.5l39.6-43.4c4.6-5.1 8.5-9.5 11.5-13.3 3-3.8 5.2-7.3 6.7-10.7s2.2-6.8 2.2-10.5c0-4.2-1-7.9-3-11-2-3.1-4.8-5.5-8.2-7.1-3.5-1.7-7.4-2.5-11.7-2.5-4.6 0-8.6.9-12 2.8-3.4 1.9-6.1 4.5-7.9 7.9s-2.8 7.4-2.8 12h-13.8c0-7 1.6-13.2 4.9-18.5 3.2-5.3 7.7-9.5 13.3-12.4 5.6-3 11.9-4.5 18.9-4.5 7 0 13.3 1.5 18.7 4.5 5.4 3 9.7 7 12.8 12s4.6 10.6 4.6 16.8c0 4.4-.8 8.7-2.4 12.9-1.6 4.2-4.3 8.9-8.2 14-3.9 5.1-9.3 11.4-16.1 18.8l-27 28.8v.9h55.8v12.9H117z'/%3E%3C/svg%3E");
    --h3-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='H3-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M6.1 160V40h14.5v53.4h64V40h14.5v120H84.6v-53.7h-64V160H6.1zm147.3 1.6c-7.7 0-14.6-1.3-20.7-4s-10.8-6.4-14.4-11.1c-3.5-4.7-5.5-10.3-5.8-16.6h14.8c.3 3.9 1.6 7.2 4 10 2.3 2.8 5.4 5 9.2 6.5 3.8 1.5 8 2.3 12.6 2.3 5.2 0 9.7-.9 13.7-2.7 4-1.8 7.1-4.3 9.4-7.5 2.3-3.2 3.4-6.9 3.4-11.1 0-4.4-1.1-8.3-3.3-11.7-2.2-3.4-5.4-6-9.6-7.9-4.2-1.9-9.4-2.9-15.5-2.9h-9.6V92h9.6c4.8 0 9-.9 12.6-2.6 3.6-1.7 6.4-4.1 8.5-7.3 2.1-3.1 3.1-6.8 3.1-11 0-4.1-.9-7.6-2.7-10.6-1.8-3-4.3-5.4-7.6-7-3.3-1.7-7.1-2.5-11.5-2.5-4.1 0-8 .8-11.7 2.3-3.7 1.5-6.6 3.7-8.9 6.5-2.3 2.8-3.6 6.2-3.8 10.2h-14.1c.2-6.3 2.1-11.8 5.7-16.6 3.6-4.7 8.2-8.4 14-11.1 5.8-2.7 12.1-4 19-4 7.4 0 13.8 1.5 19.1 4.5 5.3 3 9.4 6.9 12.2 11.8 2.9 4.9 4.3 10.2 4.3 15.8 0 6.8-1.8 12.5-5.3 17.3-3.5 4.8-8.3 8.1-14.4 9.9v.9c7.6 1.3 13.5 4.5 17.8 9.6 4.3 5.2 6.4 11.6 6.4 19.2 0 6.5-1.8 12.4-5.3 17.5-3.5 5.2-8.3 9.2-14.4 12.2s-13 4.6-20.8 4.6z'/%3E%3C/svg%3E");
    --h4-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='H4-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M83.2 93.4h-64V40H4.6v120h14.6v-53.7h64V160h14.5V40H83.2zm112.2 29.1H179V40h-17.7l-52.7 83.4v12h56.5V160h13.8v-24.6h16.4v-12.9zm-71.1-.9 39.8-63h.9v64h-40.8v-1z'/%3E%3C/svg%3E");
    --h5-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='H5-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M6.4 159.2v-120h14.5v53.4h64V39.2h14.5v120H84.9v-53.7h-64v53.7H6.4zm147.6 1.6c-6.9 0-13.1-1.4-18.6-4.1s-9.9-6.5-13.2-11.2c-3.3-4.8-5.1-10.2-5.4-16.3h14.1c.5 5.4 3 9.9 7.4 13.4s9.7 5.3 15.8 5.3c4.9 0 9.3-1.2 13.2-3.5 3.8-2.3 6.9-5.5 9.1-9.5s3.3-8.6 3.3-13.7c0-5.2-1.1-9.9-3.4-14s-5.4-7.4-9.4-9.8c-4-2.4-8.5-3.6-13.7-3.6-3.7 0-7.4.5-11.3 1.7-3.9 1.2-7.1 2.6-9.6 4.4l-13.6-1.6 7.3-59.1h62.3v12.9h-50.2l-4.2 35.4h.7c2.5-2 5.5-3.6 9.3-4.9s7.6-1.9 11.6-1.9c7.3 0 13.9 1.7 19.7 5.2 5.8 3.5 10.3 8.3 13.6 14.3 3.3 6.1 5 13 5 20.7 0 7.7-1.7 14.5-5.1 20.5-3.4 6-8.1 10.7-14.1 14.2s-13 5.2-20.6 5.2z'/%3E%3C/svg%3E");
    --h6-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='H6-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M5 160.1v-120h14.5v53.4h64V40.1H98v120H83.5v-53.7h-64v53.7H5zm149.9 1.7c-4.9-.1-9.8-1-14.8-2.8s-9.4-4.8-13.5-9.1-7.3-10.1-9.8-17.4c-2.5-7.3-3.7-16.5-3.7-27.6 0-10.7 1-20.1 3-28.4s4.9-15.2 8.7-20.9c3.8-5.7 8.4-10 13.7-12.9s11.4-4.4 18.2-4.4c6.7 0 12.7 1.3 18 4s9.5 6.4 12.9 11.2c3.3 4.8 5.5 10.3 6.4 16.6h-14.3c-1.3-5.5-3.9-10-7.7-13.6s-8.9-5.4-15.2-5.4c-9.3 0-16.6 4.1-21.9 12.2-5.3 8.1-8 19.5-8.1 34.2h.9c2.2-3.3 4.8-6.2 7.8-8.5 3-2.4 6.4-4.2 10-5.5s7.6-1.9 11.7-1.9c6.9 0 13.2 1.7 18.9 5.1 5.7 3.4 10.3 8.1 13.7 14.1 3.4 6 5.2 12.9 5.2 20.6 0 7.4-1.7 14.2-5 20.4s-8 11-14 14.6c-5.9 3.7-13 5.4-21.1 5.4zm0-12.9c4.9 0 9.3-1.2 13.3-3.7s7-5.8 9.3-9.9c2.3-4.1 3.4-8.8 3.4-13.8s-1.1-9.5-3.3-13.6c-2.2-4.1-5.2-7.3-9.1-9.8-3.8-2.4-8.2-3.6-13.2-3.6-3.7 0-7.2.7-10.4 2.2s-6 3.5-8.4 6c-2.4 2.5-4.3 5.4-5.7 8.7-1.4 3.3-2.1 6.7-2.1 10.3 0 4.8 1.1 9.2 3.4 13.4 2.2 4.1 5.3 7.5 9.3 10 4.1 2.5 8.5 3.8 13.5 3.8z'/%3E%3C/svg%3E");
    --bold-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Bold-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M53.9 159.4V40h47.8c8.8 0 16.1 1.3 22 3.9 5.9 2.6 10.3 6.2 13.2 10.8 3 4.6 4.4 9.9 4.4 15.9 0 4.7-.9 8.8-2.8 12.3s-4.4 6.4-7.7 8.6c-3.2 2.2-7 3.8-11.1 4.8v1.2c4.5.2 8.8 1.5 12.8 3.8 4 2.4 7.2 5.7 9.7 9.9 2.5 4.3 3.7 9.3 3.7 15.2 0 6.3-1.6 12-4.7 16.9-3.1 5-7.7 8.9-13.9 11.8-6.1 2.9-13.6 4.3-22.6 4.3H53.9zM79.2 90h18.7c3.5 0 6.5-.6 9.2-1.8 2.7-1.2 4.8-3 6.4-5.2 1.6-2.3 2.4-5 2.4-8.1 0-4.3-1.5-7.8-4.6-10.4-3.1-2.6-7.4-4-13-4H79.2V90zm0 48.8h20.6c7 0 12.2-1.4 15.4-4.1 3.2-2.7 4.8-6.3 4.8-10.8 0-3.3-.8-6.2-2.4-8.7-1.6-2.5-3.9-4.5-6.8-5.9-2.9-1.4-6.4-2.2-10.5-2.2H79.2v31.7z'/%3E%3C/svg%3E");
    --italic-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Italic-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='m136.4 52.9 2.2-12.9H81.4l-2.1 12.9h21.3l-15.7 94.2H63.6L61.4 160h57.2l2.1-12.9H99.4l15.7-94.2z'/%3E%3C/svg%3E");
    --underline-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Underline-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M30 172.5h140v10H30zM131.5 40h14.3v78c0 8.1-1.9 15.2-5.7 21.5-3.8 6.3-9.1 11.3-16 14.9-6.9 3.6-14.9 5.4-24.2 5.4-9.2 0-17.3-1.8-24.2-5.4-6.9-3.6-12.2-8.6-16-14.9C55.9 133.2 54 126 54 118V40h14.3v76.9c0 5.8 1.3 10.9 3.8 15.3 2.5 4.5 6.1 8 10.8 10.5 4.7 2.6 10.3 3.8 16.9 3.8s12.2-1.3 16.9-3.8c4.7-2.6 8.3-6.1 10.8-10.5 2.5-4.5 3.8-9.6 3.8-15.3V40z'/%3E%3C/svg%3E");
    --strikethrough-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Strike-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M30 95h140v10H30z'/%3E%3Cpath d='M127.5 69.8c-.7-5.9-3.6-10.5-8.6-13.8s-11-5-18.3-5c-5.3 0-10 .9-13.9 2.6-4 1.7-7.1 4.1-9.3 7.1-2.2 3-3.3 6.4-3.3 10.3 0 3.2.8 5.9 2.3 8.2 1.5 2.3 3.5 4.2 5.9 5.7 2.4 1.5 5 2.7 7.6 3.7 2.7 1 5.1 1.7 7.3 2.3l12.2 3.3c3.1.8 6.6 2 10.5 3.4 3.8 1.4 7.5 3.4 11.1 5.9s6.5 5.7 8.8 9.5 3.5 8.6 3.5 14.2c0 6.5-1.7 12.3-5.1 17.6-3.4 5.2-8.3 9.4-14.8 12.5s-14.3 4.6-23.5 4.6c-8.6 0-16-1.4-22.3-4.2s-11.2-6.6-14.8-11.6c-3.6-5-5.6-10.7-6.1-17.3h15c.4 4.5 1.9 8.3 4.6 11.2 2.7 3 6.1 5.1 10.2 6.6 4.1 1.4 8.6 2.1 13.3 2.1 5.5 0 10.5-.9 14.9-2.7s7.9-4.4 10.5-7.6c2.6-3.3 3.9-7.1 3.9-11.5 0-4-1.1-7.2-3.3-9.7s-5.2-4.5-8.8-6.1-7.6-2.9-11.8-4.1l-14.8-4.2c-9.4-2.7-16.8-6.5-22.3-11.5s-8.2-11.5-8.2-19.6c0-6.7 1.8-12.6 5.5-17.6 3.7-5 8.6-8.9 14.8-11.7 6.2-2.8 13.1-4.2 20.8-4.2 7.7 0 14.6 1.4 20.6 4.1s10.8 6.5 14.3 11.3c3.5 4.8 5.4 10.2 5.6 16.2h-14z'/%3E%3C/svg%3E");
    --teletype-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Teletype-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M166 70.9c-.3-.3-.8-.5-1.3-.5h-34.4V43.9c0-.4-.1-.8-.2-1l-.6-.6c-.2-.2-.6-.2-1-.2h-9.8v28.3H67.4V43.9c0-.4-.1-.8-.2-1l-.6-.6c-.2-.2-.6-.2-1-.2h-9.8v28.3H33.5V79c0 .3 0 .6.1.8l.3.6c.2.2.4.3.6.3.2.1.5.1.8.1h20.5V126c0 6.3.8 11.5 2.4 15.6 1.6 4.1 3.9 7.4 6.8 9.8 2.9 2.4 6.3 4.1 10.1 5 3.8 1 7.9 1.5 12.2 1.5h14.6c.7 0 1.1-.2 1.4-.5.3-.3.4-.8.4-1.5v-8.8H88.3c-3.7 0-6.9-.3-9.5-1-2.6-.7-4.7-1.8-6.4-3.5-1.7-1.7-2.9-4-3.7-6.9-.8-3-1.2-6.7-1.2-11.2V80.8h51.3V126c0 6.3.8 11.5 2.4 15.6 1.6 4.1 3.9 7.4 6.8 9.8 2.9 2.4 6.3 4.1 10.1 5s7.9 1.5 12.2 1.5h14.6c.7 0 1.1-.2 1.4-.5.3-.3.4-.8.4-1.5v-8.8h-15.4c-3.7 0-6.9-.3-9.5-1-2.6-.7-4.7-1.8-6.4-3.5-1.7-1.7-2.9-4-3.7-6.9-.8-3-1.2-6.7-1.2-11.2V80.8h36.2v-8.6c-.2-.5-.4-1-.7-1.3z'/%3E%3C/svg%3E");
    --quote-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Quote-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M114.8 150v-37.2c0-4.1.2-8.6.5-13.7.3-4 .8-8 1.8-12.4.8-3.8 2.2-7.5 4-11.2 1.8-3.5 4.3-6.9 7.5-10.1 5.4-5.4 10.8-8.9 16.5-10.6 3.1-.9 6.2-1.8 9.4-2.6v10c-3.2 1.5-5.9 3.2-8.1 5.1-3.6 3.2-6.3 6.7-8.2 10.4-1.7 3.4-2.9 7.1-3.4 11v.4c-.4 3.4-.6 6.4-.6 9.1v10h20.3V150h-39.7zm-69.3 0v-37.2c0-4.1.2-8.6.5-13.7.3-4.1.9-8.1 1.8-12.2 1-4 2.3-7.8 4.2-11.5 1.6-3.3 4.1-6.6 7.4-9.7l.2-.2.2-.2c4.9-5.2 10.4-8.7 16.2-10.4 3.1-.9 6.3-1.8 9.6-2.6v10.1c-3.2 1.5-5.9 3.2-8.1 5.1-3.6 3.2-6.3 6.7-8.2 10.4-1.7 3.4-2.9 7.1-3.4 11v.4c-.4 3.4-.6 6.4-.6 9.1v10h20.3V150H45.5z'/%3E%3C/svg%3E");
    --superscript-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Superscript-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='m33.9 39.9 30.9 49.9h.9l30.9-49.9h17.1L76 99.9l37.7 60h-17l-30.9-49h-.9l-30.9 49H16.8l38.7-60-38.7-60h17.1zm92.6 60v-9.1l27.4-24.4c2.7-2.4 5-4.6 6.9-6.5 1.8-1.9 3.2-3.8 4.2-5.6.9-1.8 1.4-3.7 1.4-5.7 0-3.5-1.3-6.3-4-8.4-2.7-2.1-6-3.1-10-3.1-4.2 0-7.6 1.1-10.2 3.4-2.6 2.2-3.9 5.2-3.9 8.8H126c0-6.7 2.5-12.1 7.4-16.1 5-4.1 11.3-6.1 19-6.1 5.2 0 9.7.9 13.6 2.8 3.9 1.9 7 4.4 9.1 7.6s3.3 6.9 3.3 10.9c0 3.2-.6 6.2-1.9 8.9-1.3 2.7-3.3 5.6-6 8.5s-6.2 6.3-10.5 10l-15.2 13.4v.5h35.9V100h-54.2z'/%3E%3C/svg%3E");
    --subscript-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Subscript-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='m35.6 39.9 30.9 49.9h.9l30.9-49.9h17.1l-37.7 60 37.7 60h-17l-30.9-49h-.9l-30.9 49H18.4l38.7-60-38.7-60h17.2zm89.2 140.6v-9.1l27.4-24.4c2.7-2.4 5-4.6 6.9-6.5 1.8-1.9 3.2-3.8 4.2-5.6.9-1.8 1.4-3.7 1.4-5.7 0-3.5-1.3-6.3-4-8.4s-6-3.1-10-3.1c-4.2 0-7.6 1.1-10.2 3.4s-3.9 5.2-3.9 8.8h-12.2c0-6.7 2.5-12.1 7.4-16.1s11.3-6.1 19-6.1c5.2 0 9.7.9 13.6 2.8s7 4.4 9.1 7.6 3.3 6.9 3.3 10.9c0 3.2-.6 6.2-1.9 8.9-1.3 2.7-3.3 5.6-6 8.5s-6.2 6.3-10.5 10l-15.2 13.4v.5H179v10.3h-54.2z'/%3E%3C/svg%3E");
    --rawtext-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Raw-Text-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M104.3 109.8V98.5H81.1L65.6 71.4H35.8v.1l-13.1 36 10.6 3.9 10.5-28.7h8.7l-17.3 47.6H12.8v11.3h30.4l7.4-20.5 32.7 39 8.7-7.3-36.9-44 7.3-20.1 12.1 20.9v.2zm-37.2-42c3.2 1.2 6.4 1 9.5-.4 3.1-1.5 5.3-3.8 6.4-7 1.2-3.2 1-6.4-.4-9.5-1.5-3.1-3.8-5.3-7.1-6.5-3.2-1.2-6.3-1-9.5.5-3.1 1.5-5.3 3.8-6.5 7s-1 6.4.4 9.5c1.6 3 4 5.2 7.2 6.4z'/%3E%3Cpath d='M183.4 72.7C180.8 66 177 60.2 172 55.3c-5-4.9-11-8.6-18.2-11.3-7.1-2.6-15.2-4-24.3-4-9.8 0-18.5 1.4-26.2 4.3-5.6 2.1-10.6 4.9-15 8.4.6 3.1.4 6.3-.7 9.3-1.5 4.3-4.6 7.7-8.9 9.8l-.1.2c-1.9.8-3.8 1.3-5.7 1.5-.1.1-.1.3-.2.4L84 93.5h.4c.4-3.9 1.3-7.6 2.4-11.2 1.9-5.6 4.7-10.4 8.5-14.5s8.5-7.4 14.2-9.7c5.7-2.3 12.3-3.4 19.9-3.4 4.4 0 8.7.4 12.8 1.3 4.2.9 8 2.3 11.6 4.2 3.6 1.9 6.7 4.4 9.4 7.5 2.7 3.1 4.8 6.8 6.3 11.1s2.3 9.4 2.3 15.1c0 5.9-.4 10.8-1.1 14.7s-1.8 6.7-3.2 8.5c-1.4 1.9-3.2 2.8-5.3 2.8-1.5 0-2.8-.6-3.7-1.7-.9-1.2-1.4-2.8-1.4-4.9V68.7h-14.3v5.1h-.6c-.5-1.3-1.8-2.6-4-3.7-2.1-1.2-4.7-2-7.8-2.5-3.1-.5-6.3-.5-9.8 0-3 .4-6.1 1.4-9.1 2.9s-5.7 3.6-8.2 6.3c-2.4 2.7-4.4 6-5.9 9.9-.8 2.1-1.4 4.4-1.7 6.9h13.6v21.3H97.4c1.4 4 3.3 7.4 5.8 10.1 2.5 2.8 5.3 4.9 8.5 6.3 3.2 1.5 6.6 2.3 10.2 2.5 3.4.2 6.7-.1 9.7-.9 3.1-.8 5.6-2 7.8-3.4 2.1-1.5 3.6-3.1 4.3-5h.5c.3 2.1 1.1 3.9 2.2 5.5s2.8 2.7 5 3.5c2.2.8 5.1 1.1 8.6.8 4.9-.3 9.1-1.4 12.6-3.4s6.3-4.8 8.4-8.3c2.1-3.5 3.7-7.6 4.7-12.3 1-4.7 1.5-9.8 1.5-15.4.1-8.1-1.2-15.5-3.8-22.2zm-42.9 37.5c-1 2.8-2.5 4.9-4.7 6.4-2.2 1.4-5.2 2.1-8.9 2.1-4 0-7.1-.9-9.5-2.7s-4-4.1-5-7c-1-2.9-1.5-5.9-1.6-9.2 0-3.5.7-6.5 1.9-9.1 1.2-2.6 3-4.6 5.4-6 2.4-1.4 5.2-2.1 8.6-2.1 3.9 0 6.9.7 9.1 2 2.2 1.3 3.7 3.3 4.6 5.8.9 2.5 1.4 5.6 1.4 9.3.1 4.2-.4 7.7-1.3 10.5z'/%3E%3Cpath d='M149.4 142.5c-2.7.7-5.7 1.3-9.1 1.8-3.3.5-6.8.8-10.3.8-7.4 0-14-1-19.7-2.9-5.7-1.9-10.5-4.8-14.4-8.6-3.9-3.8-6.8-8.4-8.8-14-.6-1.5-1-3.2-1.4-4.8H69.5v-3.9l-1.4-2.4c.3 3.4.8 6.7 1.5 9.8L99 153.4l-.8.7c1.6.7 3.2 1.4 4.9 1.9 7.6 2.6 16.2 3.9 25.9 3.9 4.3 0 8.5-.3 12.6-.9 4.1-.6 7.8-1.4 11-2.3 3.3-1 5.9-2 7.8-3.1l-4.5-13.2c-1.7.7-3.8 1.4-6.5 2.1z'/%3E%3C/svg%3E");
    --hr-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='hr-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath fill='none' stroke='%23000000' stroke-miterlimit='10' stroke-width='10' d='M160 40v30H40V40m0 120v-30h120v30'/%3E%3Cpath d='M175 110H25V90h150v20z'/%3E%3C/svg%3E");
    --divblock-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Div-Block-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='m59.5 65.5-18.8 69.7H30.3L49 65.5h10.5zm17.1 61.6c-3.3 0-6.3-.9-9-2.6-2.7-1.7-4.8-4.2-6.4-7.6-1.6-3.3-2.3-7.4-2.3-12.3 0-5 .8-9.2 2.4-12.5 1.6-3.3 3.8-5.8 6.4-7.5 2.7-1.7 5.6-2.5 8.8-2.5 2.4 0 4.5.4 6.1 1.2 1.6.8 3 1.8 4 3.1 1 1.2 1.8 2.4 2.3 3.6h.4V68.2h12.1v58.2H89.5v-7H89c-.6 1.2-1.4 2.4-2.4 3.6-1 1.2-2.4 2.2-4 2.9s-3.7 1.2-6 1.2zm3.8-9.6c2 0 3.6-.5 5-1.6s2.4-2.6 3.1-4.5c.7-1.9 1.1-4.2 1.1-6.8s-.4-4.8-1.1-6.8c-.7-1.9-1.8-3.4-3.1-4.4s-3-1.6-5-1.6-3.7.5-5 1.6-2.4 2.6-3.1 4.5c-.7 1.9-1.1 4.1-1.1 6.6s.4 4.8 1.1 6.7c.7 1.9 1.7 3.5 3.1 4.5s3 1.8 5 1.8zm35-40.4c-1.8 0-3.3-.6-4.6-1.8-1.3-1.2-1.9-2.6-1.9-4.3s.6-3.1 1.9-4.3c1.3-1.2 2.8-1.8 4.6-1.8 1.8 0 3.4.6 4.6 1.8 1.3 1.2 1.9 2.6 1.9 4.3 0 1.7-.6 3.1-1.9 4.3-1.3 1.2-2.8 1.8-4.6 1.8zm-6.1 49.3V82.7h12.1v43.6h-12.1zm60.4-43.7-15.3 43.6h-13.6l-15.3-43.6h12.8l9.1 31.2h.5l9-31.2h12.8z'/%3E%3Cpath fill='none' stroke='%23000000' stroke-width='10' d='M42.4 160H5V40h37.4m115.2 0H195v120h-37.4'/%3E%3C/svg%3E");
    --clearfloat-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Clear-Both-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M150 50v100H50V50h100m10-10H40v120h120V40z'/%3E%3Cpath d='m160 58.2 28 41.8-28 41.8V58.2m-.1-18.2H150v120h9.9l40.1-60-40.1-60zM40 58.2v83.6L12 100l28-41.8M50 40h-9.9L0 100l40.1 60H50V40zm77.3 102.7-70-69.9 15.4-15.5 70.1 70-15.5 15.4zm-54.7 0-15.4-15.4 70-70 15.4 15.5-70 69.9z'/%3E%3C/svg%3E");
    --clearfloatleft-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Clear-Left-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M170 50v100H70V50h100m10-10H60v120h120V40z'/%3E%3Cpath d='M60 58.2v83.6L32 100l28-41.8M70 40h-9.9L20 100l40.1 60H70V40zm77.3 102.7-70-69.9 15.4-15.5 70.1 70-15.5 15.4zm-54.7 0-15.4-15.4 70-70 15.4 15.5-70 69.9z'/%3E%3C/svg%3E");
    --clearfloatright-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Clear-Right-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M130 50v100H30V50h100m10-10H20v120h120V40z'/%3E%3Cpath d='m140 58.2 28 41.8-28 41.8V58.2m-.1-18.2H130v120h9.9l40.1-60-40.1-60zm-32.6 102.7-70-69.9 15.4-15.5 70.1 70-15.5 15.4zm-54.7 0-15.4-15.4 70-70 15.4 15.5-70 69.9z'/%3E%3C/svg%3E");
    --table-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Tables-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M165 50v100H35V50h130m10-10H25v120h150V40z'/%3E%3Cpath d='M25 40h150v30H25z'/%3E%3Cpath fill='none' stroke='%23000000' stroke-miterlimit='10' stroke-width='10' d='M115 70v90m5-50H25'/%3E%3C/svg%3E");
    --toc-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='TOC-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M66.5 50.5v9.1H40.2v-9.1h26.3zM46.2 40.1h12.1v40.7c0 1.1.2 2 .5 2.6s.8 1 1.4 1.3c.6.2 1.3.4 2.1.4.6 0 1.1-.1 1.7-.2s1-.2 1.3-.2l1.9 9c-.6.2-1.5.4-2.6.7-1.1.3-2.4.4-4 .5-2.9.1-5.5-.3-7.7-1.2-2.2-.9-3.9-2.3-5.1-4.1-1.2-1.9-1.8-4.2-1.8-7.1V40.1h.2zM90.1 95c-4.4 0-8.2-.9-11.4-2.8-3.2-1.9-5.7-4.5-7.4-7.9-1.7-3.4-2.6-7.3-2.6-11.8s.9-8.5 2.6-11.8c1.7-3.4 4.2-6 7.4-7.9 3.2-1.9 7-2.8 11.4-2.8s8.2.9 11.4 2.8c3.2 1.9 5.7 4.5 7.4 7.9 1.7 3.4 2.6 7.3 2.6 11.8s-.9 8.4-2.6 11.8-4.2 6-7.4 7.9c-3.1 1.9-7 2.8-11.4 2.8zm.1-9.3c2 0 3.7-.6 5-1.7s2.4-2.7 3.1-4.7 1-4.3 1-6.8-.3-4.8-1-6.8-1.7-3.6-3.1-4.7c-1.3-1.2-3-1.7-5-1.7s-3.7.6-5.1 1.7c-1.4 1.2-2.4 2.7-3.1 4.7s-1 4.3-1 6.8.3 4.8 1 6.8 1.7 3.6 3.1 4.7 3.1 1.7 5.1 1.7zm47.4 9.3c-4.5 0-8.3-1-11.5-2.9s-5.7-4.5-7.4-7.9c-1.7-3.4-2.6-7.3-2.6-11.7 0-4.5.9-8.4 2.6-11.8s4.2-6 7.4-7.9c3.2-1.9 7-2.9 11.4-2.9 3.8 0 7.1.7 10 2.1 2.9 1.4 5.1 3.3 6.8 5.8s2.6 5.4 2.8 8.8h-11.4c-.3-2.2-1.2-3.9-2.5-5.3-1.4-1.3-3.2-2-5.4-2-1.9 0-3.5.5-4.9 1.5s-2.5 2.5-3.3 4.4c-.8 1.9-1.2 4.3-1.2 7 0 2.8.4 5.2 1.2 7.1s1.9 3.4 3.3 4.5c1.4 1 3 1.5 4.9 1.5 1.4 0 2.6-.3 3.7-.9 1.1-.6 2-1.4 2.8-2.5.7-1.1 1.2-2.4 1.4-3.9h11.4c-.2 3.3-1.1 6.3-2.7 8.8s-3.8 4.5-6.7 5.9c-2.9 1.6-6.2 2.3-10.1 2.3z'/%3E%3Cpath fill='none' stroke='%23000000' stroke-width='10' d='M70 155h80m-80-28.8h80'/%3E%3Cpath stroke='%23000000' stroke-width='2.5' d='M50.2 131.2v-10l10 5zm0 29v-10l10 5z'/%3E%3C/svg%3E");
    --codeblock-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Code-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M165 50v100H35V50h130m10-10H25v120h150V40z'/%3E%3Cpath d='M60.5 86.4c-2.9 1.3-5.6 2.5-8.3 3.7-2.7 1.2-5.3 2.4-7.7 3.5v13.5c0 .3 0 .5.1.6.1.2.2.3.4.5s.4.3.6.4c3.5 1.6 7.1 3.1 10.7 4.7 3.5 1.6 7.1 3.1 10.6 4.7s7.1 3.1 10.6 4.7v-9.5c0-.4-.1-.7-.1-.8-.1-.2-.3-.3-.7-.5-.9-.4-2.3-1-4.1-1.8-1.8-.8-3.9-1.8-6.3-2.8-2.4-1-4.8-2.1-7.3-3.2-2-.9-3.8-1.7-5.5-2.4V100c1.2-.6 2.6-1.2 4-1.8 1.9-.9 3.9-1.7 5.8-2.6 2-.8 3.8-1.7 5.6-2.5 1.8-.8 3.4-1.5 4.7-2.1s2.4-1 3.1-1.4c.3-.2.6-.4.7-.6.1-.2.1-.4.1-.8v-9.4c-2.7 1.2-5.5 2.4-8.4 3.7-2.9 1.4-5.8 2.7-8.6 3.9zm54.8 38.4c-2.5-6.3-4.9-12.7-7.3-19.1-2.5-6.4-4.9-12.8-7.4-19.1-2.5-6.4-4.9-12.7-7.4-19.1-.1-.1-.1-.3-.2-.3-.1-.1-.2-.1-.3-.1H82.5c2.8 7.2 5.6 14.4 8.4 21.7 2.8 7.3 5.6 14.5 8.4 21.8 2.8 7.3 5.6 14.5 8.3 21.8.1.3.3.5.5.6.2.1.4.2.6.2h9.8c-.6-1.3-1.1-2.7-1.6-4.1s-1.1-2.9-1.6-4.3zm40.2-30.9c-.1-.2-.2-.4-.4-.5-.2-.2-.4-.3-.6-.4-3.6-1.5-7.1-3.1-10.6-4.7s-7.1-3.1-10.6-4.7c-3.6-1.5-7.1-3.1-10.6-4.7v9.4c0 .4 0 .6.1.8.1.2.3.4.7.6.9.4 2.3 1 4.1 1.8 1.8.8 3.9 1.8 6.3 2.8 2.4 1.1 4.8 2.1 7.3 3.2 2 .9 3.8 1.7 5.6 2.4v1.6c-1.2.6-2.6 1.2-4 1.8-1.9.9-3.9 1.7-5.8 2.6-2 .9-3.8 1.7-5.6 2.5s-3.4 1.5-4.7 2.1c-1.3.6-2.4 1-3.1 1.3-.4.2-.6.4-.7.5-.1.2-.1.4-.1.8v9.5c2.7-1.2 5.5-2.5 8.4-3.8 2.9-1.2 5.7-2.5 8.6-3.8 2.8-1.3 5.6-2.5 8.3-3.8 2.7-1.2 5.3-2.4 7.7-3.5V94.3c-.2 0-.3-.2-.3-.4z'/%3E%3C/svg%3E");
    --codewiz-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Code-Wizard-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M60.5 86.4c-2.9 1.3-5.6 2.5-8.3 3.7-2.7 1.2-5.3 2.4-7.7 3.5v13.5c0 .3 0 .5.1.6.1.2.2.3.4.5s.4.3.6.4c3.5 1.6 7.1 3.1 10.7 4.7 3.5 1.6 7.1 3.1 10.6 4.7s7.1 3.1 10.6 4.7v-9.5c0-.4-.1-.7-.1-.8-.1-.2-.3-.3-.7-.5-.9-.4-2.3-1-4.1-1.8-1.8-.8-3.9-1.8-6.3-2.8-2.4-1-4.8-2.1-7.3-3.2-2-.9-3.8-1.7-5.5-2.4V100c1.2-.6 2.6-1.2 4-1.8 1.9-.9 3.9-1.7 5.8-2.6 2-.8 3.8-1.7 5.6-2.5 1.8-.8 3.4-1.5 4.7-2.1s2.4-1 3.1-1.4c.3-.2.6-.4.7-.6.1-.2.1-.4.1-.8v-9.4c-2.7 1.2-5.5 2.4-8.4 3.7-2.9 1.4-5.8 2.7-8.6 3.9zm54.8 38.4c-2.5-6.3-4.9-12.7-7.3-19.1-2.5-6.4-4.9-12.8-7.4-19.1l-2.1-5.4-8.6-8.6-5.6-5.6h-1.8c2.8 7.2 5.6 14.4 8.4 21.7 2.8 7.3 5.6 14.5 8.4 21.8 2.8 7.3 5.6 14.5 8.3 21.8.1.3.3.5.5.6.2.1.4.2.6.2h9.8c-.6-1.3-1.1-2.7-1.6-4.1s-1.1-2.8-1.6-4.2zm12.1-14.7c-.3.1-.6.3-.9.4-1.3.6-2.4 1-3.1 1.3-.4.2-.6.4-.7.5-.1.2-.1.4-.1.8v9.5c2.7-1.2 5.5-2.5 8.4-3.8 1.2-.5 2.4-1.1 3.6-1.6l-7.2-7.1zM140.7 50H165v24.3l10 10V40h-44.3z'/%3E%3Cpath d='m169.4 152.2-4.4-4.5v2.3H35V50h63.3l10-10H25v120h150v-2.3z'/%3E%3Cpath d='m199.1 122.5-57-57-22.6-22.6-22.6 22.6 22.6 22.6 57 57 22.6-22.6zM119.5 57l8.5 8.5-8.5 8.5-8.5-8.5 8.5-8.5z'/%3E%3C/svg%3E");
    --url-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Link-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M96 100.9c-5.3 6.9-15.6-1.2-10.3-8.1l4-5.1c8.5-10.9 20.3-11.9 29.7-7.4 3.5 1.5 6.9 4.1 9.3 7.2 6.7 8 8.6 19.8.2 30.7l-25.1 32.2c-5.8 7.4-13.2 10.1-20.4 9.5-9.1 0-18.7-6.6-22-15.2-4.7-9.7-2-19.3 6.3-28.7 2.5 3.5 6.3 6.4 10.3 8-1.8 2.4-5 5.8-5.3 8.8-1.7 7.8 5.7 15.4 13.6 13.8 2.6-.3 5.1-1.6 7.2-4.3 5.9-7.5 25.1-32.3 25.1-32.3 1.5-1.9 2.2-3.9 2.4-5.9 1.3-11.7-13.7-17.8-20.9-8.5l-4.1 5.3z'/%3E%3Cpath d='M114.2 107.2c5.3-6.8-5-14.9-10.3-8.1l-4 5.1c-7.2 9.3-22.2 3.2-20.9-8.5.1-2 .9-4 2.4-5.9 0 0 19.2-24.7 25.1-32.3 2.1-2.7 4.6-4 7.2-4.3 7.9-1.6 15.3 6 13.6 13.8-.3 3.1-3.4 6.4-5.3 8.8 4 1.6 7.8 4.5 10.3 8 8.3-9.4 11-18.9 6.3-28.7-3.3-8.6-12.8-15.1-22-15.2-7.2-.6-14.6 2.1-20.4 9.5L71.1 81.6c-8.5 10.9-6.5 22.7.2 30.7 2.4 3 5.7 5.7 9.3 7.2 9.4 4.5 21.2 3.5 29.7-7.4l3.9-4.9z'/%3E%3C/svg%3E");
    --urlwiz-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Link-Wizard-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M52.5 100.9c-5.3 6.9-15.6-1.2-10.3-8.1l4-5.1c8.5-10.9 20.3-11.9 29.7-7.4 3.5 1.5 6.9 4.1 9.3 7.2 6.7 8 8.6 19.8.2 30.7l-25.1 32.2c-5.8 7.4-13.2 10.1-20.4 9.5-9.1 0-18.7-6.6-22-15.2-4.7-9.7-2-19.3 6.3-28.7 2.5 3.5 6.3 6.4 10.3 8-1.8 2.4-5 5.8-5.3 8.8-1.7 7.8 5.7 15.4 13.6 13.8 2.6-.3 5.1-1.6 7.2-4.3 5.9-7.5 25.1-32.3 25.1-32.3 1.5-1.9 2.2-3.9 2.4-5.9 1.3-11.7-13.7-17.8-20.9-8.5l-4.1 5.3z'/%3E%3Cpath d='m60.5 99.1-4 5.1c-7.2 9.3-22.2 3.2-20.9-8.5.1-2 .9-4 2.4-5.9 0 0 19.2-24.7 25.1-32.3 2.1-2.7 4.6-4 7.2-4.3 4.1-.9 8.1.8 10.7 3.8l9.3-9.3C85.8 43.1 79.4 40 73.2 40c-7.2-.6-14.6 2.1-20.4 9.5L27.7 81.7c-8.5 10.9-6.5 22.7.2 30.7 2.4 3 5.7 5.7 9.3 7.2 9.4 4.5 21.2 3.5 29.7-7.4l4-5.1c5.1-6.8-5.2-14.9-10.4-8zm128.3 23.4-57-57-22.6-22.6-22.6 22.6 22.6 22.6 57 57 22.6-22.6zM109.2 57l8.5 8.5-8.5 8.5-8.5-8.5 8.5-8.5z'/%3E%3C/svg%3E");
    --pagelink-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Page-Link-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M96 100.9c-5.3 6.9-15.6-1.2-10.3-8.1l4-5.1c8.5-10.9 20.3-11.9 29.7-7.4 3.5 1.5 6.9 4.1 9.3 7.2 6.7 8 8.6 19.8.2 30.7l-25.1 32.2c-5.8 7.4-13.2 10.1-20.4 9.5-9.1 0-18.7-6.6-22-15.2-4.7-9.7-2-19.3 6.3-28.7 2.5 3.5 6.3 6.4 10.3 8-1.8 2.4-5 5.8-5.3 8.8-1.7 7.8 5.7 15.4 13.6 13.8 2.6-.3 5.1-1.6 7.2-4.3 5.9-7.5 25.1-32.3 25.1-32.3 1.5-1.9 2.2-3.9 2.4-5.9 1.3-11.7-13.7-17.8-20.9-8.5l-4.1 5.3z'/%3E%3Cpath d='M114.2 107.2c5.3-6.8-5-14.9-10.3-8.1l-4 5.1c-7.2 9.3-22.2 3.2-20.9-8.5.1-2 .9-4 2.4-5.9 0 0 19.2-24.7 25.1-32.3 2.1-2.7 4.6-4 7.2-4.3 7.9-1.6 15.3 6 13.6 13.8-.3 3.1-3.4 6.4-5.3 8.8 4 1.6 7.8 4.5 10.3 8 8.3-9.4 11-18.9 6.3-28.7-3.3-8.6-12.8-15.1-22-15.2-7.2-.6-14.6 2.1-20.4 9.5L71.1 81.6c-8.5 10.9-6.5 22.7.2 30.7 2.4 3 5.7 5.7 9.3 7.2 9.4 4.5 21.2 3.5 29.7-7.4l3.9-4.9z'/%3E%3Cpath d='M35.9 150V50h70.7l10-10H25.9v120h150v-10z'/%3E%3Cpath d='m165.9 140 10-10v30h-10zm-140-70h69.9V40H25.9v30zm39.9-20h10v10h-10V50zm-19.9 0h10v10h-10V50z'/%3E%3C/svg%3E");
    --pagelinkwiz-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Page-Link-Wizard-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M35.9 150V70h28.6l10.7-13.7c6.8-8.6 16.1-13.4 26.3-13.4.8 0 1.6 0 2.4.1 1.5 0 3 .2 4.6.4l1.8-1.8L112 40H25.9v120h12.4c-1.2-2.9-2.1-6.3-2.4-10zm10-100h10v10h-10V50zm124.4 102.2-4.4-4.5v2.3h-52.2l-7.8 10h70v-2.3z'/%3E%3Cpath d='M82.8 113.9c-5.3 6.9-15.6-1.2-10.3-8.1l4-5.1c8.5-10.9 20.3-11.9 29.7-7.4 3.5 1.5 6.9 4.1 9.3 7.2 6.7 8 8.6 19.8.2 30.7l-25.1 32.2c-5.8 7.4-13.2 10.1-20.4 9.5-9.1 0-18.7-6.6-22-15.2-4.7-9.7-2-19.3 6.3-28.7 2.5 3.5 6.3 6.4 10.3 8-1.8 2.4-5 5.8-5.3 8.8-1.7 7.8 5.7 15.4 13.6 13.8 2.6-.3 5.1-1.6 7.2-4.3 5.9-7.5 25.1-32.3 25.1-32.3 1.5-1.9 2.2-3.9 2.4-5.9 1.3-11.7-13.7-17.8-20.9-8.5l-4.1 5.3zm117.2 8.6-57-57-22.6-22.6-22.6 22.6 22.6 22.6 57 57 22.6-22.6zM120.4 57l8.5 8.5-8.5 8.5-8.5-8.5 8.5-8.5z'/%3E%3Cpath d='m90.7 112.1-4 5.1c-7.2 9.3-22.2 3.2-20.9-8.5.1-2 .9-4 2.4-5.9 0 0 19.2-24.7 25.1-32.3 1.6-2.1 3.5-3.4 5.5-4l-1-1 11.6-11.6c-2-.6-4-.9-6-.9-7.2-.6-14.6 2.1-20.4 9.5L57.9 94.7c-8.5 10.9-6.5 22.7.2 30.7 2.4 3 5.7 5.7 9.3 7.2 9.4 4.5 21.2 3.5 29.7-7.4l4-5.1c5.2-6.8-5.1-14.9-10.4-8z'/%3E%3C/svg%3E");
    --imageblock-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Image-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M25 40v120h150V40H25zm10 110v-20.3l24.1-24.1 21.6 21.6L130 78l35 35v37H35zm28-89c8.3 0 15 6.7 15 15s-6.7 15-15 15-15-6.7-15-15c0-8.2 6.7-15 15-15z'/%3E%3C/svg%3E");
    --imagewiz-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Image-Wizard-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M175 83.9V40h-43.9zm-10 63.5v2.6H35v-20.3l24.1-24.1 21.6 21.6 32-32-22.6-22.7-7.1-7 7.1-7.1L108.5 40H25v120h150v-2.6l-10-10zM63 61c8.3 0 15 6.7 15 15s-6.7 15-15 15-15-6.7-15-15c0-8.2 6.7-15 15-15z'/%3E%3Cpath d='m199.4 122.5-57-57-22.6-22.6-22.6 22.6 22.6 22.6 57 57 22.6-22.6zM119.8 57l8.5 8.5-8.5 8.5-8.5-8.5 8.5-8.5z'/%3E%3C/svg%3E");
    --htmlblock-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='HTML-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M76.5 110.6c-1.7.8-3.3 1.5-4.9 2.2s-3.1 1.4-4.6 2.1v8c0 .2 0 .3.1.4.1.1.1.2.2.3s.2.2.4.2c2.1.9 4.2 1.8 6.4 2.8 2.1.9 4.2 1.8 6.3 2.8s4.2 1.8 6.3 2.8v-5.6c0-.2-.1-.4-.1-.5-.1-.1-.2-.2-.4-.3-.5-.2-1.4-.6-2.4-1.1-1.1-.5-2.3-1.1-3.7-1.7-1.4-.6-2.8-1.2-4.3-1.9-1.2-.5-2.3-1-3.3-1.4v-1c.7-.4 1.5-.7 2.4-1.1 1.1-.5 2.3-1 3.4-1.5 1.2-.5 2.3-1 3.3-1.5 1.1-.5 2-.9 2.8-1.2.8-.4 1.4-.6 1.8-.8.2-.1.4-.2.4-.4.1-.1.1-.2.1-.5v-5.6c-1.6.7-3.3 1.4-5 2.2-1.9.8-3.6 1.6-5.2 2.3zm14 25.3c-.3.8-.6 1.7-.9 2.4h5.8c.1 0 .2-.1.4-.1.1-.1.2-.2.3-.4 1.6-4.3 3.3-8.6 4.9-12.9s3.3-8.6 5-12.9c1.7-4.3 3.3-8.6 5-12.9h-6.1c-.1 0-.1 0-.2.1-.1 0-.1.1-.1.2-1.5 3.8-2.9 7.5-4.4 11.3-1.5 3.7-2.9 7.5-4.4 11.3-1.4 3.8-2.8 7.6-4.3 11.3-.4.9-.7 1.8-1 2.6zm42.4-20.9c-.1-.1-.1-.2-.2-.3-.1-.1-.2-.2-.4-.2-2.1-.9-4.2-1.8-6.3-2.8-2.1-.9-4.2-1.8-6.3-2.8-2.1-.9-4.2-1.8-6.3-2.8v5.6c0 .2 0 .4.1.5l.4.4c.5.2 1.4.6 2.4 1.1 1.1.5 2.3 1.1 3.7 1.7 1.4.7 2.8 1.2 4.3 1.9 1.2.5 2.3 1 3.3 1.4v.9c-.7.4-1.5.7-2.4 1.1-1.1.5-2.3 1-3.4 1.5-1.2.5-2.3 1-3.3 1.5-1.1.5-2 .9-2.8 1.2-.8.4-1.4.6-1.8.8-.2.1-.4.2-.4.3-.1.1-.1.2-.1.5v5.6c1.6-.7 3.3-1.5 5-2.3 1.7-.7 3.4-1.5 5.1-2.3 1.7-.8 3.3-1.5 4.9-2.3 1.6-.7 3.1-1.4 4.6-2.1v-8c-.1.2-.1.1-.1-.1z'/%3E%3Cpath d='M110.7 38.3H51.6v123.5h96.8V75.9l-37.7-37.6zm4.4 33.3V57l14.6 14.6h-14.6zm23.1 10.2v69.8H61.7V48.4h43.2v33.3h33.3z'/%3E%3C/svg%3E");
    --ordered-list-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='OL-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath fill='none' stroke='%23000000' stroke-width='15' d='M65 150h110M65 100h110M65 50h110'/%3E%3Cpath d='M49.2 60.5c-1.7-.4-4.5 0-6.7-.1V33.2c-.9-1.3-6-.2-7.7-.5-2.4 1.6-5 3.4-7.4 5.1.2.3-.3 8.3.2 8.2 2.7-.8 5.2-3.5 6.6-6.1h1v20.5h-8.8c.1 2-.2 4.8.1 6.8 7 .4 15.7 0 22.8.1-.1-1.8.3-5-.1-6.8zm.5 50.3c-4.9-.5-11.8-.2-16.3 1.2.2-7.1 10.8-8.1 14-13.5 6.7-12.1-5.4-19-16.2-15.1-5.7 1.3-3.9 4.7-4.1 9h1c3.4-2.4 10.8-5 13.7-1.2.8 7.6-13.2 8.8-14.8 16.1-1 2.6-1.3 7.5-.6 10.2 7.3.2 16.3 0 23.6.1-.3-2 .1-4.9-.3-6.8zm-.7 43.1c-1.5-2.2-4.3-3.3-7.3-3.9v-1c9.3-.6 10.8-13.7 1.8-16.1-4.6-1.5-12.5-1.2-16.6.7-.3 2 0 4.9-.1 6.9 4.5-.4 11-3 15 .3 2.4 6.2-6.7 5.1-11.2 5.4-.8 11.4 1.7 4.7 10 7.9 3 1 2.9 5.4-.2 6.2-4.6 1.3-10-.1-14.5-1v6.6c.2 1.1 1 .9 2.4 1.3 9.3 2.6 26.5.1 20.7-13.3z'/%3E%3C/svg%3E");
    --unordered-list-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='UL-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath fill='none' stroke='%23000000' stroke-width='15' d='M65 150h110M65 100h110M65 50h110'/%3E%3Ccircle cx='37.5' cy='50.2' r='12.5'/%3E%3Ccircle cx='37.5' cy='100' r='12.5'/%3E%3Ccircle cx='37.5' cy='150' r='12.5'/%3E%3C/svg%3E");
    --inc-list-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Inc-List-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath fill='none' stroke='%23000000' stroke-width='15' d='M90 140h110M90 100h110M90 60h110M58 40v120'/%3E%3Cpath d='M0 125V75l30 25z'/%3E%3C/svg%3E");
    --dec-list-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Dec-List-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath fill='none' stroke='%23000000' stroke-width='15' d='M90 140h110M90 100h110M90 60h110M58 40v120'/%3E%3Cpath d='M30 75v50L0 100z'/%3E%3C/svg%3E");
    --def-list-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Def-List-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='M34.2 63.4c-1.5 0-2.9-.5-4-1.7-1.1-1.1-1.7-2.4-1.7-4 0-1.5.5-2.9 1.7-4 1.1-1.1 2.4-1.7 4-1.7 1.5 0 2.9.6 4 1.7s1.7 2.4 1.7 4c0 1-.3 2-.8 2.8-.5.9-1.2 1.5-2 2-.9.6-1.9.9-2.9.9zm0 32.2c-1.5 0-2.9-.5-4-1.7-1.1-1.1-1.7-2.4-1.7-4s.5-2.9 1.7-4c1.1-1.1 2.4-1.7 4-1.7 1.5 0 2.9.5 4 1.7 1.1 1.1 1.7 2.4 1.7 4 0 1-.3 2-.8 2.8-.5.9-1.2 1.5-2 2-.9.7-1.9.9-2.9.9zm19.2 8.2h-8.1L68.7 40h8l23.4 63.8H92L73 50.1h-.5l-19.1 53.7zm3-24.9H89v6.9H56.4v-6.9zm54.9-15.5c-1.5 0-2.9-.5-4-1.7-1.1-1.1-1.7-2.4-1.7-4 0-1.5.6-2.9 1.7-4s2.4-1.7 4-1.7 2.9.6 4 1.7 1.7 2.4 1.7 4c0 1-.3 2-.8 2.8-.5.9-1.2 1.5-2 2-1 .6-1.9.9-2.9.9zm0 32.2c-1.5 0-2.9-.5-4-1.7-1.1-1.1-1.7-2.4-1.7-4s.6-2.9 1.7-4 2.4-1.7 4-1.7 2.9.5 4 1.7 1.7 2.4 1.7 4c0 1-.3 2-.8 2.8s-1.2 1.5-2 2c-1 .7-1.9.9-2.9.9zm17.3 8.2V40h22.3c4.4 0 8.1.8 11 2.3s5 3.6 6.4 6.1c1.4 2.6 2.1 5.4 2.1 8.5 0 2.7-.5 5-1.4 6.8-1 1.8-2.2 3.2-3.8 4.2s-3.3 1.8-5.1 2.3v.6c2 .1 3.9.8 5.9 2.1 2 1.2 3.6 3 5 5.4s2 5.2 2 8.5c0 3.2-.7 6.1-2.2 8.6s-3.7 4.6-6.9 6.1c-3.1 1.5-7.2 2.2-12.2 2.2h-23.1zm7.7-35.8h14.3c2.3 0 4.4-.5 6.3-1.4 1.9-.9 3.4-2.2 4.5-3.9 1.1-1.7 1.7-3.6 1.7-5.9 0-2.8-1-5.2-2.9-7.1s-5-2.9-9.3-2.9h-14.6V68zm0 28.9h15.3c5 0 8.6-1 10.8-2.9s3.2-4.3 3.2-7.1c0-2.2-.6-4.2-1.7-6-1.1-1.8-2.7-3.3-4.7-4.4-2-1.1-4.4-1.7-7.2-1.7h-15.7v22.1z'/%3E%3Cpath fill='none' stroke='%23000000' stroke-width='10' d='M69.9 154.2h80m-80-28.8h80'/%3E%3Cpath stroke='%23000000' stroke-width='2.5' d='M50.1 130.4v-10l10 5-10 5zm0 29v-10l10 5-10 5z'/%3E%3C/svg%3E");
    --footnote-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Footnotes-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath fill='none' stroke='%23000000' stroke-miterlimit='10' stroke-width='10' d='M127.9 84.7v14.6H73.5v15.4'/%3E%3Cpath d='M185 125.1v30h-75v-30h75m5-5h-85v40h85v-40zM75 77.4H10v-5h65v5zm-20-15H10v-5h45v5zm40-15H10v-5h85v5z'/%3E%3Cpath fill='none' stroke='%23000000' stroke-miterlimit='10' stroke-width='5' d='M95 44.9H10m45 15H10m65 15H10'/%3E%3Cpath d='M130.4 44.9v30H125V50.2h-.2l-7 4.5v-5l7.5-4.8h5.1zm-54.7 80.2v30h-5.4v-24.7h-.2l-7 4.5v-5l7.5-4.8h5.1z'/%3E%3C/svg%3E");
    --math-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Math-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath fill='none' stroke='%23000000' stroke-miterlimit='10' stroke-width='10' d='M160 157H40m0-110h120'/%3E%3Cpath d='m65.1 142-3-7.1 29.1-35.7-28.7-29.1 3-8.1h60.1l5.2 4.3V83h-8.4l-5.6-10.7H82.4l28.5 28.6v4.7l-24.6 28h35.4l4.2-10.8h6.8V142H65.1z'/%3E%3C/svg%3E");
    --inline-math-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Inline-Math-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath d='m65.1 142-3-7.1 29.1-35.7-28.7-29.1 3-8.1h60.1l5.2 4.3V83h-8.4l-5.6-10.7H82.4l28.5 28.6v4.7l-24.6 28h35.4l4.2-10.8h6.8V142H65.1z'/%3E%3Cpath d='m65.8 103.4-54.9 28v-10.9L53 100.2l-.3.7v-1.7l.3.7-42.1-20.4V68.6l54.9 28v6.8zm69.3-6.8 54.9-28v10.9l-42.1 20.3.3-.7v1.7l-.3-.7 42.1 20.3v10.9l-54.9-28v-6.7z'/%3E%3C/svg%3E");
    --eq-def-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Equation-Ref-Icon' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath fill='none' d='M.5 0h200v200H.5z'/%3E%3Cpath d='m145.7 106.1.9-25-21.1 13.4L120 85l22.3-11.6L120 61.8l5.5-9.5 21.1 13.4-.9-25h10.9l-.9 25 21.1-13.4 5.5 9.5L160 73.4 182.3 85l-5.5 9.5-21.1-13.4.9 25h-10.9zM21 160V87.3h45.6v9.4H32v22.2h32.2v9.4H32v22.3h35v9.4H21zm100.9 20.5h-10.6v-28.9h-.6c-.6 1.2-1.6 2.5-2.8 4s-2.8 2.8-4.9 3.9c-2.1 1.1-4.8 1.7-8.1 1.7-4.4 0-8.3-1.1-11.8-3.4-3.4-2.3-6.1-5.5-8.1-9.7s-2.9-9.3-2.9-15.1 1-10.9 3-15.1c2-4.2 4.7-7.4 8.1-9.6 3.5-2.2 7.4-3.3 11.8-3.3 3.4 0 6.1.6 8.2 1.7 2.1 1.1 3.7 2.4 4.8 3.9 1.1 1.5 2 2.8 2.7 3.9h.9v-8.8H122v74.8zm-10.5-47.8c0-3.8-.5-7.1-1.6-9.9-1.1-2.8-2.7-5.1-4.8-6.6-2.1-1.6-4.7-2.4-7.8-2.4-3.2 0-5.9.8-8 2.5-2.1 1.7-3.7 3.9-4.8 6.8-1.1 2.9-1.6 6.1-1.6 9.7 0 3.6.5 6.9 1.6 9.8 1.1 2.9 2.7 5.2 4.8 6.9 2.1 1.7 4.8 2.5 7.9 2.5 3.1 0 5.6-.8 7.8-2.4 2.1-1.6 3.7-3.9 4.8-6.8 1.2-2.9 1.7-6.2 1.7-10.1z'/%3E%3C/svg%3E");
    --bib-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cpath id='Bibliography-Icon' d='M165.6 110.1c2.6-6.4 2.6-13.8 0-20.2 2.7-6.7 2.6-14.6-.4-21.2-.2-.5-.6-.9-1-1.1l-46.4-27.1c-.4-.3-1-.4-1.5-.3l-81.4 6.9h-.5c-.1 0-.2.1-.2.1s-.1 0-.1.1c-.1 0-.2.1-.2.1l-.1.1-.2.2-.1.1-.2.2s-.1.1-.1.2-.1.1-.1.2-.1.1-.1.2-.1.1-.1.2 0 .1-.1.2v1.4c0 .1 0 .2.1.2 2.6 5.7 2.6 12.5 0 18.2v.1c0 .1-.1.2-.1.3v.1c0 .1 0 .3-.1.4v.6c0 .1 0 .2.1.3 0 .1 0 .1.1.2 0 .1 0 .1.1.2 2.6 5.7 2.6 12.5 0 18.2v.1c0 .1-.1.2-.1.3v.1c0 .1 0 .3-.1.4v.6c0 .1 0 .2.1.3 0 .1 0 .1.1.2 0 .1 0 .1.1.2 2.6 5.7 2.6 12.5 0 18.2v.1c0 .1-.1.2-.1.3v.1c0 .1 0 .3-.1.4v.6c0 .1 0 .2.1.3 0 .1 0 .1.1.2 0 .1 0 .1.1.2 2.6 5.7 2.6 12.5 0 18.2-.5 1.2-.1 2.5 1 3.2l46.4 27.1c.4.2.8.3 1.3.3h.2l81.4-6.9c.9-.1 1.7-.6 2.1-1.5 3-6.6 3.1-14.5.4-21.3 2.1-7 2.1-14.4-.4-20.8zm-81.3 6.7c2.5-6.4 2.4-13.7-.1-20 0-.1.1-.2.1-.2l76.1-6.5c0 .3.1.6.2.8 2.6 5.7 2.6 12.5 0 18.2-.2.4-.2.8-.2 1.2l-76.1 6.5zm-4.8-38.5c1.9 4.7 2.1 10 .7 14.8l-42-24.6c1.5-4.4 1.9-9.2 1.1-13.8l34.8 20.4 5.4 3.2zm0 20.2c1.9 4.7 2.1 10 .7 14.8l-42-24.6c1.5-4.4 1.9-9.2 1.1-13.8l40.2 23.6zm0 20.3c1.9 4.7 2.1 10 .7 14.8l-42-24.6c1.5-4.4 1.9-9.2 1.1-13.8l40.2 23.6zm.6 35-42-24.6c1.5-4.4 1.9-9.2 1.1-13.8l40.1 23.5.1.1c2 4.7 2.2 10 .7 14.8zm81-5.6-76 6.5c1.6-5.7 1.2-11.9-.9-17.4 0-.1.1-.2.1-.2l76.1-6.5c0 .3.1.6.2.8 2.3 5.2 2.5 11.4.5 16.8z'/%3E%3C/svg%3E");
    --bib-cite-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 200 200' xml:space='preserve'%3E%3Cg id='Bibliography-Cite-Icon'%3E%3Cpath d='m145.2 106.1.9-25L125 94.5l-5.5-9.5 22.3-11.6-22.3-11.6 5.5-9.5 21.1 13.4-.9-25h10.9l-.9 25 21.1-13.4 5.5 9.5-22.3 11.6L181.8 85l-5.5 9.5-21.1-13.4.9 25h-10.9z'/%3E%3Cpath d='m165.9 99.7.2 6 .1 2.6c.8-2.4 1.2-5 1.3-7.6l-1.6-1zm.5 12.8.1 3.6h-31.7l.1-3.6-50.7 4.3c2.5-6.4 2.4-13.7-.1-20 0-.1.1-.2.1-.2l29-2.5-2.4-4.2-5.2-9 9.2-4.8 5.2-2.7-5.2-2.7-9.2-4.8 5.2-9 5.5-9.5 3.3-5.8-1.9-1.1c-.4-.3-1-.4-1.5-.3l-81.4 6.9h-.5c-.1 0-.2.1-.2.1s-.1 0-.1.1c-.1 0-.2.1-.2.1l-.1.1-.2.2-.1.1-.2.2s-.1.1-.1.2-.1.1-.1.2-.1.1-.1.2-.1.1-.1.2 0 .1-.1.2v1.4c0 .1 0 .2.1.2 2.6 5.7 2.6 12.5 0 18.2v.1c0 .1-.1.2-.1.3v.1c0 .1 0 .3-.1.4v.6c0 .1 0 .2.1.3 0 .1 0 .1.1.2 0 .1 0 .1.1.2 2.6 5.7 2.6 12.5 0 18.2v.1c0 .1-.1.2-.1.3v.1c0 .1 0 .3-.1.4v.6c0 .1 0 .2.1.3 0 .1 0 .1.1.2 0 .1 0 .1.1.2 2.6 5.7 2.6 12.5 0 18.2v.1c0 .1-.1.2-.1.3v.1c0 .1 0 .3-.1.4v.6c0 .1 0 .2.1.3 0 .1 0 .1.1.2 0 .1 0 .1.1.2 2.6 5.7 2.6 12.5 0 18.2-.5 1.2-.1 2.5 1 3.2l46.4 27.1c.4.2.8.3 1.3.3h.2l81.4-6.9c.9-.1 1.7-.6 2.1-1.5 3-6.6 3.1-14.5.4-21.3 1.9-6.2 2.2-12.6.5-18.4zm-86.3 41.3-42-24.6c1.5-4.4 1.9-9.2 1.1-13.8l40.1 23.5.1.1c2 4.7 2.2 10 .7 14.8zm0-20.2-42-24.6c1.5-4.4 1.9-9.2 1.1-13.8l40.2 23.5c2 4.7 2.2 10.1.7 14.9zm0-20.2-42-24.6c1.5-4.4 1.9-9.2 1.1-13.8l40.2 23.5c2 4.7 2.2 10 .7 14.9zm0-20.3-42-24.6c1.5-4.4 1.9-9.2 1.1-13.8L74 75.1l5.4 3.2c2 4.7 2.2 10 .7 14.8zm81 55.1-76 6.5c1.6-5.7 1.2-11.9-.9-17.4 0-.1.1-.2.1-.2l76.1-6.5c0 .3.1.6.2.8 2.3 5.2 2.5 11.4.5 16.8z'/%3E%3C/g%3E%3C/svg%3E%0A")
}

*,
:before,
:after {
    font-kerning: auto;
    font-variant-ligatures: common-ligatures contextual;
    font-variant-numeric: lining-nums proportional-nums;
    font-weight: var(--wght, revert)
}

@supports (font-variation-settings:inherit) {
    :is(*, :before, :after) {
        font-variation-settings: "ital" var(--ital, 0), "slnt" var(--slnt, 0), "CASL" var(--CASL, 0), "CRSV" var(--CRSV, 0), "MONO" var(--MONO, 0)
    }
}

@supports (font-feature-settings:inherit) {
    :is(*, :before, :after) {
        font-feature-settings: "lnum" var(--lnum, 1), "pnum" var(--pnum, 1), "kern" var(--kern, 1), "cpsp" var(--cpsp, 1), "liga" var(--liga, 1), "case" var(--case, 1), "clig" var(--clig, 1), "dlig" var(--dlig, 0), "calt" var(--calt, 1), "aalt" var(--aalt, 0), "ss01" var(--ss01, 1), "ss02" var(--ss02, 0), "ss03" var(--ss03, 1), "ss04" var(--ss04, 1), "zero" var(--zero, 1), "cv11" var(--cv11, 0)
    }
}

html {
    font-size: 1em;
    line-height: var(--base-line-height)
}

html,
body {
    color: rgb(var(--swatch-text-general));
    font-variant-ligatures: none;
    scrollbar-color: rgb(var(--swatch-tertiary-color))rgb(var(--swatch-secondary-color));
    margin: 0;
    padding: 0
}

::-webkit-scrollbar-thumb {
    background: rgb(var(--swatch-tertiary-color))
}

body::-webkit-scrollbar-thumb {
    background: rgb(var(--swatch-tertiary-color))
}

::-webkit-scrollbar-track {
    background: rgb(var(--swatch-secondary-color))
}

body::-webkit-scrollbar-track {
    background: rgb(var(--swatch-secondary-color))
}

::-webkit-scrollbar {
    width: var(--scrollbar-width);
    height: var(--scrollbar-width);
    border: solid .0625rem rgba(var(--swatch-menubg-black-color), .1);
    -webkit-border-radius: .031rem;
    border-radius: .031rem
}

::-webkit-scrollbar-track {
    background: rgba(var(--swatch-menubg-black-color), .1)
}

::-webkit-scrollbar-thumb {
    background: rgba(var(--swatch-tertiary-color), .4)
}

::selection {
    background: rgba(var(--swatch-primary), .25);
    text-shadow: none
}

body {
    background-color: rgb(var(--swatch-background));
    font-family: var(--body-font);
    font-size: var(--max-font-size);
    font-size: var(--base-font-size);
    line-height: var(--base-line-height);
    word-break: normal;
    -webkit-hyphens: manual;
    hyphens: manual;
    font-optical-sizing: auto;
    orphans: 2
}

@media only screen and (max-width:30rem) {
    body {
        font-size: calc(var(--base-font-size)*(14/15))
    }
}

body strong {
    --wght: 700;
    --mono-wght: calc(var(--wght) - 50);
    font-weight: var(--wght)
}

body strong * {
    --wght: 700;
    --mono-wght: calc(var(--wght) - 50);
    font-weight: var(--wght)
}

body b {
    --wght: 700;
    --mono-wght: calc(var(--wght) - 50);
    font-weight: var(--wght)
}

body b * {
    --wght: 700;
    --mono-wght: calc(var(--wght) - 50);
    font-weight: var(--wght)
}

body .bold {
    --wght: 700;
    --mono-wght: calc(var(--wght) - 50);
    font-weight: var(--wght)
}

body .bold * {
    --wght: 700;
    --mono-wght: calc(var(--wght) - 50);
    font-weight: var(--wght)
}

body i {
    --ital: 1;
    --slnt: -15
}

body i * {
    --ital: 1;
    --slnt: -15
}

body em {
    --ital: 1;
    --slnt: -15
}

body em * {
    --ital: 1;
    --slnt: -15
}

body .italic {
    --ital: 1;
    --slnt: -15
}

body .italic * {
    --ital: 1;
    --slnt: -15
}

[style*=weight\:] {
    --mono-wght: calc(var(--wght) - 50);
    font-weight: var(--wght)
}

[style*=weight\:] * {
    --mono-wght: calc(var(--wght) - 50);
    font-weight: var(--wght)
}

[style*=weight\:][style*="1000"] {
    --wght: 1000
}

[style*=weight\:][style*="1000"] * {
    --wght: 1000
}

[style*=weight\:][style*="900"] {
    --wght: 900
}

[style*=weight\:][style*="900"] * {
    --wght: 900
}

[style*=weight\:][style*="800"] {
    --wght: 800
}

[style*=weight\:][style*="800"] * {
    --wght: 800
}

[style*=weight\:][style*="700"] {
    --wght: 700
}

[style*=weight\:][style*="700"] * {
    --wght: 700
}

[style*=weight\:][style*="600"] {
    --wght: 600
}

[style*=weight\:][style*="600"] * {
    --wght: 600
}

[style*=weight\:][style*="500"] {
    --wght: 500
}

[style*=weight\:][style*="500"] * {
    --wght: 500
}

[style*=weight\:][style*="400"] {
    --wght: 400
}

[style*=weight\:][style*="400"] * {
    --wght: 400
}

[style*=weight\:][style*="300"] {
    --wght: 300
}

[style*=weight\:][style*="300"] * {
    --wght: 300
}

[style*=weight\:][style*="200"] {
    --wght: 200
}

[style*=weight\:][style*="200"] * {
    --wght: 200
}

[style*=weight\:][style*="100"] {
    --wght: 100
}

[style*=weight\:][style*="100"] * {
    --wght: 100
}

:is([style*=italic], [style*=oblique]) {
    --ital: 1;
    --slnt: -15
}

:is([style*=italic], [style*=oblique]) * {
    --ital: 1;
    --slnt: -15
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

embed,
iframe,
img,
object,
table,
video {
    max-width: 100%
}

iframe.html-block-iframe {
    background: 0 0;
    border: 0;
    width: 100%;
    margin: 0;
    padding: 0
}

button,
input,
meter,
progress,
select,
textarea {
    font-family: var(--body-font)
}

.form-control {
    width: calc(100% - 1.0625rem)
}

table.form {
    margin: 1rem -.25rem
}

table.form {
    width: 100%
}

table.form>tbody {
    width: 100%
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

#edit-page-comments {
    resize: both;
    width: calc(100% - 2rem);
    min-height: 3rem;
    padding: 0 1rem;
    line-height: 1.5
}

textarea,
input.text,
input.checkbox,
div.note,
#lock-info {
    -webkit-transition: box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out);
    transition: box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out);
    border: .0625rem solid rgba(var(--swatch-border-color), .25);
    background-color: rgb(var(--swatch-background));
    color: rgb(var(--swatch-text-general));
    font-family: var(--body-font);
    scrollbar-color: rgba(var(--swatch-tertiary-color), .6)rgba(var(--swatch-tertiary-color), .1);
    will-change: box-shadow, color, background-color
}

input.text,
textarea {
    outline: 0 solid rgb(var(--swatch-primary));
    box-shadow: 0 0 0 0 rgb(var(--swatch-primary));
    width: 100%
}

input[type=text] {
    outline: 0 solid rgb(var(--swatch-primary));
    box-shadow: 0 0 0 0 rgb(var(--swatch-primary));
    width: 100%
}

input[type=text]:not(:placeholder-shown) {
    background-color: rgb(var(--swatch-background))
}

input[type=text]:placeholder-shown {
    background-color: rgba(var(--swatch-primary-darker), .2)
}

input[type=text]:focus {
    box-shadow: 0 0 0 .125em rgb(var(--swatch-primary));
    outline-width: 0
}

input[type=text]::-webkit-scrollbar-track {
    background: rgba(var(--swatch-tertiary-color), .1)
}

input[type=text]::-webkit-scrollbar-thumb {
    background: rgba(var(--swatch-tertiary-color), .6)
}

:is(input.text, textarea):not(:placeholder-shown) {
    background-color: rgb(var(--swatch-background))
}

:is(input.text, textarea):placeholder-shown {
    background-color: rgba(var(--swatch-primary-darker), .2)
}

:is(input.text, textarea):focus {
    box-shadow: 0 0 0 .125em rgb(var(--swatch-primary));
    outline-width: 0
}

:is(input.text, textarea)::-webkit-scrollbar-track {
    background: rgba(var(--swatch-tertiary-color), .1)
}

:is(input.text, textarea)::-webkit-scrollbar-thumb {
    background: rgba(var(--swatch-tertiary-color), .6)
}

:not(:is(.page-rate-widget-box, #search-top-box-form))>.owindow .button-bar a {
    --wght: var(--ui-wght);
    z-index: 2;
    -webkit-transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    border: .0625rem solid rgba(var(--swatch-primary), .05);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-bg));
    box-shadow: -.125rem 0 .25rem 0 rgba(var(--swatch-tertiary-color), .25), inset 0 -.0625rem 0 0 rgba(var(--swatch-tertiary-color), .75), 0 0 0 0 rgb(var(--ui-button-bg));
    color: rgb(var(--ui-button-txt));
    font-family: var(--UI-font);
    font-weight: var(--wght);
    will-change: border-color, box-shadow, color, background-color, font-weight, font-variation-settings;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-width: 5em;
    margin: 0;
    padding: .25em;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
    overflow: hidden;
    container-type: normal
}

@supports (font-size:0.75cqi) {
    :not(:is(.page-rate-widget-box, #search-top-box-form))>.owindow .button-bar a {
        font-size: calc(max(var(--min-font-size), min(.75cqi, var(--max-font-size)))*1.8)
    }
}

:not(:is(.page-rate-widget-box, #search-top-box-form))>.owindow .button-bar a:is(:hover, :active, :focus, :focus-within) {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-hover-bg));
    box-shadow: 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), inset 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), 0 0 0 .125rem rgb(var(--ui-button-hover-outline));
    color: rgb(var(--ui-button-hover-txt));
    font-weight: var(--wght);
    cursor: pointer;
    border-color: transparent;
    text-decoration: none
}

@supports (font-size:1cqi) {
    :not(:is(.page-rate-widget-box, #search-top-box-form))>.owindow .button-bar a {
        font-size: max(var(--min-font-size), min(.75cqi, var(--max-font-size)))
    }
}

:not(:is(.page-rate-widget-box, #search-top-box-form))>div.buttons input {
    --wght: var(--ui-wght);
    z-index: 2;
    -webkit-transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    border: .0625rem solid rgba(var(--swatch-primary), .05);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-bg));
    box-shadow: -.125rem 0 .25rem 0 rgba(var(--swatch-tertiary-color), .25), inset 0 -.0625rem 0 0 rgba(var(--swatch-tertiary-color), .75), 0 0 0 0 rgb(var(--ui-button-bg));
    color: rgb(var(--ui-button-txt));
    font-family: var(--UI-font);
    font-weight: var(--wght);
    will-change: border-color, box-shadow, color, background-color, font-weight, font-variation-settings;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-width: 5em;
    margin: 0;
    padding: .25em;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
    overflow: hidden;
    container-type: normal
}

@supports (font-size:0.75cqi) {
    :not(:is(.page-rate-widget-box, #search-top-box-form))>div.buttons input {
        font-size: calc(max(var(--min-font-size), min(.75cqi, var(--max-font-size)))*1.8)
    }
}

:not(:is(.page-rate-widget-box, #search-top-box-form))>div.buttons input:is(:hover, :active, :focus, :focus-within) {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-hover-bg));
    box-shadow: 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), inset 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), 0 0 0 .125rem rgb(var(--ui-button-hover-outline));
    color: rgb(var(--ui-button-hover-txt));
    font-weight: var(--wght);
    cursor: pointer;
    border-color: transparent;
    text-decoration: none
}

@supports (font-size:1cqi) {
    :not(:is(.page-rate-widget-box, #search-top-box-form))>div.buttons input {
        font-size: max(var(--min-font-size), min(.75cqi, var(--max-font-size)))
    }
}

:not(:is(.page-rate-widget-box, #search-top-box-form))>input.button {
    --wght: var(--ui-wght);
    z-index: 2;
    -webkit-transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    border: .0625rem solid rgba(var(--swatch-primary), .05);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-bg));
    box-shadow: -.125rem 0 .25rem 0 rgba(var(--swatch-tertiary-color), .25), inset 0 -.0625rem 0 0 rgba(var(--swatch-tertiary-color), .75), 0 0 0 0 rgb(var(--ui-button-bg));
    color: rgb(var(--ui-button-txt));
    font-family: var(--UI-font);
    font-weight: var(--wght);
    will-change: border-color, box-shadow, color, background-color, font-weight, font-variation-settings;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-width: 5em;
    margin: 0;
    padding: .25em;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
    overflow: hidden;
    container-type: normal
}

@supports (font-size:0.75cqi) {
    :not(:is(.page-rate-widget-box, #search-top-box-form))>input.button {
        font-size: calc(max(var(--min-font-size), min(.75cqi, var(--max-font-size)))*1.8)
    }
}

:not(:is(.page-rate-widget-box, #search-top-box-form))>input.button:is(:hover, :active, :focus, :focus-within) {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-hover-bg));
    box-shadow: 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), inset 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), 0 0 0 .125rem rgb(var(--ui-button-hover-outline));
    color: rgb(var(--ui-button-hover-txt));
    font-weight: var(--wght);
    cursor: pointer;
    border-color: transparent;
    text-decoration: none
}

@supports (font-size:1cqi) {
    :not(:is(.page-rate-widget-box, #search-top-box-form))>input.button {
        font-size: max(var(--min-font-size), min(.75cqi, var(--max-font-size)))
    }
}

:not(:is(.page-rate-widget-box, #search-top-box-form))>button {
    --wght: var(--ui-wght);
    z-index: 2;
    -webkit-transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    border: .0625rem solid rgba(var(--swatch-primary), .05);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-bg));
    box-shadow: -.125rem 0 .25rem 0 rgba(var(--swatch-tertiary-color), .25), inset 0 -.0625rem 0 0 rgba(var(--swatch-tertiary-color), .75), 0 0 0 0 rgb(var(--ui-button-bg));
    color: rgb(var(--ui-button-txt));
    font-family: var(--UI-font);
    font-weight: var(--wght);
    will-change: border-color, box-shadow, color, background-color, font-weight, font-variation-settings;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-width: 5em;
    margin: 0;
    padding: .25em;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
    overflow: hidden;
    container-type: normal
}

@supports (font-size:0.75cqi) {
    :not(:is(.page-rate-widget-box, #search-top-box-form))>button {
        font-size: calc(max(var(--min-font-size), min(.75cqi, var(--max-font-size)))*1.8)
    }
}

:not(:is(.page-rate-widget-box, #search-top-box-form))>button:is(:hover, :active, :focus, :focus-within) {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-hover-bg));
    box-shadow: 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), inset 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), 0 0 0 .125rem rgb(var(--ui-button-hover-outline));
    color: rgb(var(--ui-button-hover-txt));
    font-weight: var(--wght);
    cursor: pointer;
    border-color: transparent;
    text-decoration: none
}

@supports (font-size:1cqi) {
    :not(:is(.page-rate-widget-box, #search-top-box-form))>button {
        font-size: max(var(--min-font-size), min(.75cqi, var(--max-font-size)))
    }
}

:not(:is(.page-rate-widget-box, #search-top-box-form))>.button {
    --wght: var(--ui-wght);
    z-index: 2;
    -webkit-transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    border: .0625rem solid rgba(var(--swatch-primary), .05);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-bg));
    box-shadow: -.125rem 0 .25rem 0 rgba(var(--swatch-tertiary-color), .25), inset 0 -.0625rem 0 0 rgba(var(--swatch-tertiary-color), .75), 0 0 0 0 rgb(var(--ui-button-bg));
    color: rgb(var(--ui-button-txt));
    font-family: var(--UI-font);
    font-weight: var(--wght);
    will-change: border-color, box-shadow, color, background-color, font-weight, font-variation-settings;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-width: 5em;
    margin: 0;
    padding: .25em;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
    overflow: hidden;
    container-type: normal
}

@supports (font-size:0.75cqi) {
    :not(:is(.page-rate-widget-box, #search-top-box-form))>.button {
        font-size: calc(max(var(--min-font-size), min(.75cqi, var(--max-font-size)))*1.8)
    }
}

:not(:is(.page-rate-widget-box, #search-top-box-form))>.button:is(:hover, :active, :focus, :focus-within) {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-hover-bg));
    box-shadow: 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), inset 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), 0 0 0 .125rem rgb(var(--ui-button-hover-outline));
    color: rgb(var(--ui-button-hover-txt));
    font-weight: var(--wght);
    cursor: pointer;
    border-color: transparent;
    text-decoration: none
}

@supports (font-size:1cqi) {
    :not(:is(.page-rate-widget-box, #search-top-box-form))>.button {
        font-size: max(var(--min-font-size), min(.75cqi, var(--max-font-size)))
    }
}

:not(:is(.page-rate-widget-box, #search-top-box-form))>.btn {
    --wght: var(--ui-wght);
    z-index: 2;
    -webkit-transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    border: .0625rem solid rgba(var(--swatch-primary), .05);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-bg));
    box-shadow: -.125rem 0 .25rem 0 rgba(var(--swatch-tertiary-color), .25), inset 0 -.0625rem 0 0 rgba(var(--swatch-tertiary-color), .75), 0 0 0 0 rgb(var(--ui-button-bg));
    color: rgb(var(--ui-button-txt));
    font-family: var(--UI-font);
    font-weight: var(--wght);
    will-change: border-color, box-shadow, color, background-color, font-weight, font-variation-settings;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-width: 5em;
    margin: 0;
    padding: .25em;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
    overflow: hidden;
    container-type: normal
}

@supports (font-size:0.75cqi) {
    :not(:is(.page-rate-widget-box, #search-top-box-form))>.btn {
        font-size: calc(max(var(--min-font-size), min(.75cqi, var(--max-font-size)))*1.8)
    }
}

:not(:is(.page-rate-widget-box, #search-top-box-form))>.btn:is(:hover, :active, :focus, :focus-within) {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-hover-bg));
    box-shadow: 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), inset 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), 0 0 0 .125rem rgb(var(--ui-button-hover-outline));
    color: rgb(var(--ui-button-hover-txt));
    font-weight: var(--wght);
    cursor: pointer;
    border-color: transparent;
    text-decoration: none
}

@supports (font-size:1cqi) {
    :not(:is(.page-rate-widget-box, #search-top-box-form))>.btn {
        font-size: max(var(--min-font-size), min(.75cqi, var(--max-font-size)))
    }
}

input[type=checkbox] {
    -webkit-transition: box-shadow .2s var(--ease-in-out), border-color .15s var(--ease-in-out);
    transition: box-shadow .2s var(--ease-in-out), border-color .15s var(--ease-in-out);
    border: .0625rem solid rgb(194 0 246);
    outline: 0 solid rgb(228 0 255);
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    will-change: box-shadow, border-color;
    background-color: transparent;
    width: 1em;
    height: 1em;
    display: inline-block;
    position: relative
}

input[type=checkbox]:before {
    --clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    content: " ";
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    background-color: rgba(var(--swatch-primary), 0);
    box-shadow: 0 0 0 0 rgb(var(--swatch-secondary-color));
    clip-path: var(--clip-path);
    will-change: box-shadow, border-color;
    width: 20%;
    height: 0;
    display: inline-block;
    position: absolute
}

input[type=checkbox]:after {
    --clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    content: " ";
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    background-color: rgba(var(--swatch-primary), 0);
    box-shadow: 0 0 0 0 rgb(var(--swatch-secondary-color));
    clip-path: var(--clip-path);
    will-change: box-shadow, border-color;
    width: 20%;
    height: 0;
    display: inline-block;
    position: absolute
}

input[type=checkbox]:before {
    -webkit-transition: background-color 50ms var(--ease-in-out)50ms, box-shadow .15s var(--ease-in-out), clip-path .15s var(--ease-in-out);
    transition: background-color 50ms var(--ease-in-out)50ms, box-shadow .15s var(--ease-in-out), clip-path .15s var(--ease-in-out);
    height: 150%;
    top: 75%;
    bottom: auto;
    left: 40%;
    right: auto;
    rotate: -135deg
}

@supports not (rotate:-135deg) {
    input[type=checkbox]:before {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }
}

input[type=checkbox]:after {
    -webkit-transition: background-color 50ms var(--ease-in-out).2s, box-shadow .15s var(--ease-in-out).15s, clip-path .15s var(--ease-in-out).15s;
    transition: background-color 50ms var(--ease-in-out).2s, box-shadow .15s var(--ease-in-out).15s, clip-path .15s var(--ease-in-out).15s;
    height: 50%;
    top: 40%;
    bottom: auto;
    left: 5%;
    right: auto;
    rotate: -45deg
}

@supports not (rotate:-45deg) {
    input[type=checkbox]:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

input[type=checkbox]:checked {
    border-color: rgb(var(--swatch-primary));
    outline: 0 solid rgb(var(--swatch-primary));
    box-shadow: 0 0 0 .125rem rgb(var(--swatch-primary))
}

input[type=checkbox]:checked:before {
    --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    background-color: rgb(var(--swatch-primary));
    box-shadow: 0 0 0 .05em rgb(var(--swatch-secondary-color))
}

input[type=checkbox]:checked:after {
    --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    background-color: rgb(var(--swatch-primary));
    box-shadow: 0 0 0 .05em rgb(var(--swatch-secondary-color))
}

input[type=checkbox]:checked:before {
    -webkit-transition: background-color 50ms var(--ease-in-out).2s, box-shadow .15s var(--ease-in-out).15s, clip-path .15s var(--ease-in-out).15s;
    transition: background-color 50ms var(--ease-in-out).2s, box-shadow .15s var(--ease-in-out).15s, clip-path .15s var(--ease-in-out).15s
}

input[type=checkbox]:checked:after {
    -webkit-transition: background-color 50ms var(--ease-in-out)50ms, box-shadow .15s var(--ease-in-out), clip-path .15s var(--ease-in-out);
    transition: background-color 50ms var(--ease-in-out)50ms, box-shadow .15s var(--ease-in-out), clip-path .15s var(--ease-in-out)
}

input[type=radio] {
    background: rgb(var(--swatch-primary));
    box-shadow: 0 0 0 .0625rem rgb(var(--swatch-primary));
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    outline: 0 solid transparent;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 1em;
    height: 1em;
    font-size: .875rem;
    display: grid;
    position: relative
}

input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    overflow: hidden
}

input[type=radio] * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    overflow: hidden
}

input[type=radio]:before {
    grid-area: 1/1;
    -webkit-align-self: center;
    align-self: center;
    justify-self: center
}

input[type=radio]:after {
    grid-area: 1/1;
    -webkit-align-self: center;
    align-self: center;
    justify-self: center
}

input[type=radio]:before {
    content: "";
    -webkit-transition: all .2s var(--ease-in-out);
    transition: all .2s var(--ease-in-out);
    background: rgb(var(--swatch-primary));
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: .3625rem;
    height: .3625rem
}

input[type=radio]:not(:checked):before {
    content: "";
    -webkit-transition: all .2s var(--ease-in-out);
    transition: all .2s var(--ease-in-out);
    background: rgb(var(--swatch-primary));
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: .3625rem;
    height: .3625rem
}

input[type=radio]:after {
    content: "";
    background: rgba(var(--swatch-tertiary-color), .5);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 1em;
    height: 1em;
    scale: 0
}

@supports not (scale:0) {
    input[type=radio]:after {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

input[type=radio]:checked {
    -webkit-transition: all .2s var(--ease-in-out);
    transition: all .2s var(--ease-in-out);
    outline: 0 solid rgb(var(--swatch-primary));
    background: rgb(var(--swatch-background));
    box-shadow: 0 0 0 .0625rem rgb(var(--swatch-primary)), inset 0 0 0 .0625rem rgb(var(--swatch-primary))
}

input[type=radio]:checked:after {
    background: 0 0;
    -webkit-transition: all .5s;
    transition: all .5s;
    scale: 1
}

@supports not (scale:1) {
    input[type=radio]:checked:after {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

input[type=radio]:checked:before {
    background: rgb(var(--swatch-primary));
    width: .5em;
    height: .5em;
    -webkit-transition: all .2s;
    transition: all .2s
}

#edit-page-form.data-form,
#new-post-form.data-form,
#new-thread-form.data-form {
    font-size: var(--base-font-size);
    background-color: transparent;
    padding: 0
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) div.buttons {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row {
    box-shadow: 0 0 0 .0625rem rgba(var(--swatch-tertiary-color), .5);
    grid-auto-rows: auto;
    margin: 1.25rem 0 .75em;
    font-size: .8em;
    display: grid
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row .form-values {
    box-shadow: 0 -.0625rem 0 0 rgba(var(--swatch-tertiary-color), .5);
    padding: .5em 0
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row .form-values>span {
    display: contents
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row .form-labels {
    z-index: 2;
    -webkit-transition: translate .2s var(--ease-in-out);
    transition: translate .2s var(--ease-in-out);
    margin: -1em 0 -.5em 1rem
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row .form-labels span {
    --wght: calc(var(--ui-wght) + 100);
    --header-height: var(--final-header-height-on-desktop);
    -webkit-transition: padding .2s var(--ease-in-out), clip-path .2s var(--ease-in-out), color .15s var(--ease-in-out), translate .2s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: padding .2s var(--ease-in-out), clip-path .2s var(--ease-in-out), color .15s var(--ease-in-out), translate .2s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    outline: 0 solid rgb(var(--swatch-primary));
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    color: rgb(var(--swatch-text-general));
    text-transform: uppercase;
    will-change: box-shadow, color, background-color, translate, font-weight, font-variation-settings;
    margin: 0;
    padding: .125em .5em
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row .form-labels span:before {
    content: "";
    z-index: -1;
    -webkit-transition: background-color .2s var(--ease-in-out), background-image 50ms var(--ease-in-out);
    transition: background-color .2s var(--ease-in-out), background-image 50ms var(--ease-in-out);
    background-color: rgb(var(--swatch-background));
    background-image: linear-gradient(to bottom, rgb(var(--background-gradient-color)), rgba(var(--background-gradient-color), 0)var(--background-gradient-distance), rgba(var(--background-gradient-color), 0)100%);
    pointer-events: none;
    background-position-y: top;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row:focus-within .form-labels {
    translate: -.125rem -.125rem
}

@supports not (translate:-0.125rem -0.125rem) {
    :is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row:focus-within .form-labels {
        -webkit-transform: translate(-.125rem -.125rem);
        transform: translate(-.125rem -.125rem)
    }
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row:focus-within .form-labels span {
    --wght: calc(var(--ui-hvr-wght) + 100);
    outline: 0 solid rgb(var(--swatch-primary));
    color: rgb(var(--swatch-background));
    -webkit-clip-path: polygon(0 0, calc(100% + .125rem) 0, calc(100% + .125rem) calc(100% + .125rem), 0 calc(100% + .125rem));
    clip-path: polygon(0 0, calc(100% + .125rem) 0, calc(100% + .125rem) calc(100% + .125rem), 0 calc(100% + .125rem));
    padding-left: .5rem
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row:focus-within .form-labels span:before {
    background-color: rgb(var(--swatch-primary));
    background-image: linear-gradient(to bottom, rgba(var(--background-gradient-color), 0)0, rgba(var(--background-gradient-color), 0)var(--background-gradient-distance));
    clip-path: unset
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-select-long {
    -webkit-border-radius: 0 .25rem .25rem;
    border-radius: 0 .25rem .25rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-select-long :not(.text-danger) {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 100%
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row div.dataform-pagepath-chooser {
    -webkit-border-radius: 0 .25rem .25rem;
    border-radius: 0 .25rem .25rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row div.dataform-pagepath-chooser :not(.text-danger) {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 100%
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-select-short {
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: calc(100% - 2rem);
    height: auto;
    margin: 0 0 0 1.25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-checkbox {
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: calc(100% - 2rem);
    height: auto;
    margin: 0 0 0 1.25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row div.field-static {
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: calc(100% - 2rem);
    height: auto;
    margin: 0 0 0 1.25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-file {
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: calc(100% - 2rem);
    height: auto;
    margin: 0 0 0 1.25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row input[type=text] {
    --wght: var(--ui-wght);
    -webkit-transition: box-shadow .2s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: box-shadow .2s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    outline: 0 solid rgb(var(--swatch-primary));
    box-shadow: inset 0 0 0 .0625rem rgba(var(--swatch-tertiary-color), .3625);
    will-change: box-shadow, background-color, font-weight, font-variation-settings;
    border: none;
    padding: .25rem;
    font-size: 1.2em !important
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row input[type=text]:focus {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgba(var(--swatch-secondary-color), 0);
    box-shadow: 0 0 0 .125rem rgb(var(--swatch-primary));
    border: none
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row input[type=text]:focus-visible {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgba(var(--swatch-secondary-color), 0);
    box-shadow: 0 0 0 .125rem rgb(var(--swatch-primary));
    border: none
}

#edit-page-form.data-form .form-row:focus-within :is(:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row input[type=text]) {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgba(var(--swatch-secondary-color), 0);
    box-shadow: 0 0 0 .125rem rgb(var(--swatch-primary));
    border: none
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row textarea {
    --wght: var(--ui-wght);
    -webkit-transition: box-shadow .2s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: box-shadow .2s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    outline: 0 solid rgb(var(--swatch-primary));
    box-shadow: inset 0 0 0 .0625rem rgba(var(--swatch-tertiary-color), .3625);
    will-change: box-shadow, background-color, font-weight, font-variation-settings;
    border: none;
    padding: .25rem;
    font-size: 1.2em !important
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row textarea:focus {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgba(var(--swatch-secondary-color), 0);
    box-shadow: 0 0 0 .125rem rgb(var(--swatch-primary));
    border: none
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row textarea:focus-visible {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgba(var(--swatch-secondary-color), 0);
    box-shadow: 0 0 0 .125rem rgb(var(--swatch-primary));
    border: none
}

#edit-page-form.data-form .form-row:focus-within :is(:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row textarea) {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgba(var(--swatch-secondary-color), 0);
    box-shadow: 0 0 0 .125rem rgb(var(--swatch-primary));
    border: none
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row input.form-control {
    --wght: var(--ui-wght);
    -webkit-transition: box-shadow .2s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: box-shadow .2s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    outline: 0 solid rgb(var(--swatch-primary));
    box-shadow: inset 0 0 0 .0625rem rgba(var(--swatch-tertiary-color), .3625);
    will-change: box-shadow, background-color, font-weight, font-variation-settings;
    border: none;
    padding: .25rem;
    font-size: 1.2em !important
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row input.form-control:focus {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgba(var(--swatch-secondary-color), 0);
    box-shadow: 0 0 0 .125rem rgb(var(--swatch-primary));
    border: none
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row input.form-control:focus-visible {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgba(var(--swatch-secondary-color), 0);
    box-shadow: 0 0 0 .125rem rgb(var(--swatch-primary));
    border: none
}

#edit-page-form.data-form .form-row:focus-within :is(:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row input.form-control) {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgba(var(--swatch-secondary-color), 0);
    box-shadow: 0 0 0 .125rem rgb(var(--swatch-primary));
    border: none
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-select-long select {
    --wght: var(--ui-wght);
    -webkit-transition: box-shadow .2s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: box-shadow .2s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    outline: 0 solid rgb(var(--swatch-primary));
    box-shadow: inset 0 0 0 .0625rem rgba(var(--swatch-tertiary-color), .3625);
    will-change: box-shadow, background-color, font-weight, font-variation-settings;
    border: none;
    padding: .25rem;
    font-size: 1.2em !important
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-select-long select:focus {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgba(var(--swatch-secondary-color), 0);
    box-shadow: 0 0 0 .125rem rgb(var(--swatch-primary));
    border: none
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-select-long select:focus-visible {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgba(var(--swatch-secondary-color), 0);
    box-shadow: 0 0 0 .125rem rgb(var(--swatch-primary));
    border: none
}

#edit-page-form.data-form .form-row:focus-within :is(:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-select-long select) {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgba(var(--swatch-secondary-color), 0);
    box-shadow: 0 0 0 .125rem rgb(var(--swatch-primary));
    border: none
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row div.dataform-pagepath-chooser select {
    --wght: var(--ui-wght);
    -webkit-transition: box-shadow .2s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: box-shadow .2s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    outline: 0 solid rgb(var(--swatch-primary));
    box-shadow: inset 0 0 0 .0625rem rgba(var(--swatch-tertiary-color), .3625);
    will-change: box-shadow, background-color, font-weight, font-variation-settings;
    border: none;
    padding: .25rem;
    font-size: 1.2em !important
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row div.dataform-pagepath-chooser select:focus {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgba(var(--swatch-secondary-color), 0);
    box-shadow: 0 0 0 .125rem rgb(var(--swatch-primary));
    border: none
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row div.dataform-pagepath-chooser select:focus-visible {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgba(var(--swatch-secondary-color), 0);
    box-shadow: 0 0 0 .125rem rgb(var(--swatch-primary));
    border: none
}

#edit-page-form.data-form .form-row:focus-within :is(:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row div.dataform-pagepath-chooser select) {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgba(var(--swatch-secondary-color), 0);
    box-shadow: 0 0 0 .125rem rgb(var(--swatch-primary));
    border: none
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row input[type=text] {
    width: calc(100% - 2rem);
    margin: 0 1rem
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row textarea {
    width: calc(100% - 2rem);
    margin: 0 1rem
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row input.form-control {
    width: calc(100% - 2rem);
    margin: 0 1rem
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-select-long {
    width: calc(100% - 2rem);
    margin: 0 1rem
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row div.dataform-pagepath-chooser {
    width: calc(100% - 2rem);
    margin: 0 1rem
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.form-value select {
    -webkit-border-radius: 0 .25rem .25rem;
    border-radius: 0 .25rem .25rem
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-select-short label {
    text-indent: .5ch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .5em;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-select-short input {
    margin: 0
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-checkbox label {
    text-indent: .5ch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .5em;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-checkbox input {
    margin: 0
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-checkbox {
    padding: .75em 0
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-checkbox span.text-danger {
    -webkit-transition: translate .2s var(--ease-in-out);
    transition: translate .2s var(--ease-in-out);
    translate: 0
}

@supports not (translate:0) {
    :is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-checkbox span.text-danger {
        -webkit-transition: transform .2s var(--ease-in-out);
        transition: transform .2s var(--ease-in-out);
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

#edit-page-form.data-form .form-row span.field-checkbox input:checked+:is(:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-checkbox span.text-danger) {
    translate: .25em
}

@supports not (translate:0.25em) {
    #edit-page-form.data-form .form-row span.field-checkbox input:checked+:is(:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-checkbox span.text-danger) {
        -webkit-transform: translate(.25em);
        transform: translate(.25em)
    }
}

#new-post-form.data-form .form-row span.field-checkbox input:checked+:is(:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-checkbox span.text-danger) {
    translate: .25em
}

@supports not (translate:0.25em) {
    #new-post-form.data-form .form-row span.field-checkbox input:checked+:is(:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-checkbox span.text-danger) {
        -webkit-transform: translate(.25em);
        transform: translate(.25em)
    }
}

#new-thread-form.data-form .form-row span.field-checkbox input:checked+:is(:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-checkbox span.text-danger) {
    translate: .25em
}

@supports not (translate:0.25em) {
    #new-thread-form.data-form .form-row span.field-checkbox input:checked+:is(:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-checkbox span.text-danger) {
        -webkit-transform: translate(.25em);
        transform: translate(.25em)
    }
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row div.field-static {
    font-size: 1.2em !important
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-password {
    text-indent: 1rem
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-password .form-control {
    width: calc(100% - 2rem);
    margin: 0 0 0 1rem
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-pagepage div[class*=dataform-pagepath]>span select {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    grid-area: 1/2;
    margin-bottom: .5em
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-pagepage div[class*=dataform-pagepath] span {
    grid-area: 2/2;
    grid-template-columns: 1em 1fr;
    -webkit-justify-content: stretch;
    justify-content: stretch;
    width: 100%;
    display: grid;
    position: relative;
    overflow: hidden
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-select-long:before {
    content: "";
    pointer-events: none;
    width: calc(1em + .875rem);
    height: calc(1em + .875rem);
    position: absolute;
    top: 0;
    bottom: auto;
    left: auto;
    right: 0
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-select-long:after {
    content: "";
    pointer-events: none;
    width: calc(1em + .875rem);
    height: calc(1em + .875rem);
    position: absolute;
    top: 0;
    bottom: auto;
    left: auto;
    right: 0
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-select-long:before {
    background-color: rgb(var(--swatch-primary));
    -webkit-border-radius: 0 .25rem .25rem 0;
    border-radius: 0 .25rem .25rem 0
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-select-long:after {
    --clip-path: polygon(35% 40%, 65% 40%, 50% 65%);
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    background-color: rgb(var(--swatch-secondary-color));
    clip-path: var(--clip-path)
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-pagepage div[class*=dataform-pagepath]>span:before {
    content: "";
    pointer-events: none;
    width: calc(1em + .875rem);
    height: calc(1em + .875rem);
    position: absolute;
    top: 0;
    bottom: auto;
    left: auto;
    right: 0
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-pagepage div[class*=dataform-pagepath]>span:after {
    content: "";
    pointer-events: none;
    width: calc(1em + .875rem);
    height: calc(1em + .875rem);
    position: absolute;
    top: 0;
    bottom: auto;
    left: auto;
    right: 0
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-pagepage div[class*=dataform-pagepath]>span:before {
    background-color: rgb(var(--swatch-primary));
    -webkit-border-radius: 0 .25rem .25rem 0;
    border-radius: 0 .25rem .25rem 0
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-pagepage div[class*=dataform-pagepath]>span:after {
    --clip-path: polygon(35% 40%, 65% 40%, 50% 65%);
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    background-color: rgb(var(--swatch-secondary-color));
    clip-path: var(--clip-path)
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-pagepage div[class*=dataform-pagepath]>span span:before {
    content: "";
    pointer-events: none;
    width: calc(1em + .875rem);
    height: calc(1em + .875rem);
    position: absolute;
    top: 0;
    bottom: auto;
    left: auto;
    right: 0
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-pagepage div[class*=dataform-pagepath]>span span:after {
    content: "";
    pointer-events: none;
    width: calc(1em + .875rem);
    height: calc(1em + .875rem);
    position: absolute;
    top: 0;
    bottom: auto;
    left: auto;
    right: 0
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-pagepage div[class*=dataform-pagepath]>span span:before {
    background-color: rgb(var(--swatch-primary));
    -webkit-border-radius: 0 .25rem .25rem 0;
    border-radius: 0 .25rem .25rem 0
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-pagepage div[class*=dataform-pagepath]>span span:after {
    --clip-path: polygon(35% 40%, 65% 40%, 50% 65%);
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    background-color: rgb(var(--swatch-secondary-color));
    clip-path: var(--clip-path)
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-select-long:focus-within:after {
    --clip-path: polygon(40% 50%, 60% 30%, 60% 70%);
    background-color: rgb(var(--swatch-secondary-color));
    clip-path: var(--clip-path)
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-pagepage div[class*=dataform-pagepath]:focus-within>span:after {
    --clip-path: polygon(40% 50%, 60% 30%, 60% 70%);
    background-color: rgb(var(--swatch-secondary-color));
    clip-path: var(--clip-path)
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row span.field-pagepage div[class*=dataform-pagepath]:focus-within>span span:after {
    --clip-path: polygon(40% 50%, 60% 30%, 60% 70%);
    background-color: rgb(var(--swatch-secondary-color));
    clip-path: var(--clip-path)
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row td.form-values select {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    width: 100%
}

:is(#edit-page-form.data-form, #new-post-form.data-form, #new-thread-form.data-form) .form-row td.form-values select option {
    color: rgb(var(--swatch-text-secondary-color));
    margin-top: 2em
}

#ui-datepicker-div {
    z-index: 2 !important
}

#ui-datepicker-div {
    font-family: var(--UI-font);
    border: none;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important
}

#ui-datepicker-div * {
    font-family: var(--UI-font);
    border: none;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important
}

#ui-datepicker-div.ui-datepicker {
    background-color: rgb(var(--swatch-background));
    box-shadow: inset 0 0 0 .0625rem rgba(var(--swatch-tertiary-color), .3625);
    width: min(90vw, 17em);
    padding: .25rem .25rem 0
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-header {
    background-color: rgb(var(--swatch-primary));
    color: rgb(var(--swatch-text-secondary-color));
    background-image: none;
    border: none;
    grid-template-areas: "cal-prev cal-title cal-next";
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .2em 0;
    display: grid;
    position: relative
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-header:before {
    display: none
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-header:after {
    display: none
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev {
    top: unset;
    cursor: pointer;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 2em;
    height: 2em;
    margin: 0;
    padding: 0;
    line-height: 0;
    display: grid;
    position: relative
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev:before {
    content: "";
    grid-area: 1/1;
    -webkit-align-self: center;
    align-self: center;
    justify-self: center
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev:after {
    content: "";
    grid-area: 1/1;
    -webkit-align-self: center;
    align-self: center;
    justify-self: center
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev:after {
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    background-color: rgb(var(--swatch-primary));
    clip-path: var(--clip-path);
    width: 2em;
    height: 2em
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev:before {
    -webkit-transition: height .2s var(--ease-in-out), width .2s var(--ease-in-out);
    transition: height .2s var(--ease-in-out), width .2s var(--ease-in-out);
    background-color: rgb(var(--swatch-secondary-color));
    -webkit-border-radius: .25em;
    border-radius: .25em;
    grid-area: 1/1;
    width: 1em;
    height: 1em
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev:hover:before {
    width: 1.5em;
    height: 1.5em
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev span {
    position: unset;
    top: unset;
    left: unset;
    margin-top: unset;
    margin-left: unset;
    background-image: none;
    display: none
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next {
    top: unset;
    cursor: pointer;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 2em;
    height: 2em;
    margin: 0;
    padding: 0;
    line-height: 0;
    display: grid;
    position: relative
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next:before {
    content: "";
    grid-area: 1/1;
    -webkit-align-self: center;
    align-self: center;
    justify-self: center
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next:after {
    content: "";
    grid-area: 1/1;
    -webkit-align-self: center;
    align-self: center;
    justify-self: center
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next:after {
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    background-color: rgb(var(--swatch-primary));
    clip-path: var(--clip-path);
    width: 2em;
    height: 2em
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next:before {
    -webkit-transition: height .2s var(--ease-in-out), width .2s var(--ease-in-out);
    transition: height .2s var(--ease-in-out), width .2s var(--ease-in-out);
    background-color: rgb(var(--swatch-secondary-color));
    -webkit-border-radius: .25em;
    border-radius: .25em;
    grid-area: 1/1;
    width: 1em;
    height: 1em
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next:hover:before {
    width: 1.5em;
    height: 1.5em
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next span {
    position: unset;
    top: unset;
    left: unset;
    margin-top: unset;
    margin-left: unset;
    background-image: none;
    display: none
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev-hover {
    top: unset
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next-hover {
    top: unset
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev {
    --clip-path: polygon(40% 50%, 60% 30%, 60% 70%);
    left: unset;
    grid-area: cal-prev
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev:hover {
    --clip-path: polygon(30% 50%, 60% 20%, 60% 80%);
    left: unset
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev-hover {
    --clip-path: polygon(30% 50%, 60% 20%, 60% 80%);
    left: unset
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next {
    --clip-path: polygon(60% 50%, 40% 30%, 40% 70%);
    right: unset;
    grid-area: cal-next
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next:hover {
    --clip-path: polygon(70% 50%, 40% 20%, 40% 80%);
    right: unset
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next-hover {
    --clip-path: polygon(70% 50%, 40% 20%, 40% 80%);
    right: unset
}

#ui-datepicker-div.ui-datepicker .ui-state-hover {
    background: 0 0;
    border: none
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-title {
    grid-area: cal-title;
    margin: 0;
    line-height: 0
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar {
    grid-template-columns: repeat(7, 1fr);
    gap: .125rem;
    display: grid
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar thead {
    display: contents
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar tbody {
    display: contents
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar tr {
    display: contents
}

#ui-datepicker-div.ui-datepicker th {
    color: rgb(var(--swatch-text-tertiary-color));
    padding: 0
}

#ui-datepicker-div.ui-datepicker td {
    background-image: none;
    border: 0;
    padding: 0
}

#ui-datepicker-div.ui-datepicker td span {
    --MONO: 1;
    --CASL: 0;
    --CRSV: 0;
    background-color: rgb(var(--swatch-secondary-color));
    box-shadow: inset 0 0 0 .0625rem rgba(var(--swatch-tertiary-color), .3625);
    color: rgb(var(--swatch-text-tertiary-color));
    font-family: var(--mono-font);
    text-align: center;
    background-image: none;
    padding: .1875rem 0;
    text-decoration: none
}

#ui-datepicker-div.ui-datepicker td a {
    --MONO: 1;
    --CASL: 0;
    --CRSV: 0;
    background-color: rgb(var(--swatch-secondary-color));
    box-shadow: inset 0 0 0 .0625rem rgba(var(--swatch-tertiary-color), .3625);
    color: rgb(var(--swatch-text-tertiary-color));
    font-family: var(--mono-font);
    text-align: center;
    background-image: none;
    padding: .1875rem 0;
    text-decoration: none
}

#main-content hr {
    border: 0;
    border-top: .0625rem solid rgb(var(--swatch-tertiary-color));
    height: .0625rem;
    margin: 1ex 0;
    padding: 0;
    display: block
}

#main-content hr:first-child {
    margin-top: 0
}

pre {
    --MONO: 1;
    --calt: 0;
    font-family: var(--mono-font);
    white-space: pre;
    font-variation-settings: "wght" var(--mono-wght), "CASL" var(--CASL), "CRSV" var(--CRSV), "MONO" var(--MONO);
    max-width: 90vw
}

pre * {
    --MONO: 1;
    --calt: 0;
    font-family: var(--mono-font);
    white-space: pre;
    font-variation-settings: "wght" var(--mono-wght), "CASL" var(--CASL), "CRSV" var(--CRSV), "MONO" var(--MONO);
    max-width: 90vw
}

pre i {
    --slnt: -15
}

pre i * {
    --slnt: -15
}

pre em {
    --slnt: -15
}

pre em * {
    --slnt: -15
}

pre .italic {
    --slnt: -15
}

pre .italic * {
    --slnt: -15
}

pre [style*=italic] {
    --slnt: -15
}

pre [style*=italic] * {
    --slnt: -15
}

pre [style*=oblique] {
    --slnt: -15
}

pre [style*=oblique] * {
    --slnt: -15
}

.footnoteref {
    position: unset;
    vertical-align: unset;
    top: -.5em
}

:is(sub, sup) {
    font-size: .75em;
    position: relative
}

#main-content :is(sub, sup) {
    font-size: .75em;
    position: relative
}

sup {
    vertical-align: super;
    top: -.125em
}

#main-content :is(sup) {
    vertical-align: super;
    top: -.125em
}

sub {
    vertical-align: sub;
    top: .125em
}

#main-content :is(sub) {
    vertical-align: sub;
    top: .125em
}

.emph {
    text-emphasis-style: dot
}

tt {
    --calt: 0;
    word-wrap: normal;
    white-space: pre-wrap;
    -webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word
}

tt {
    --MONO: 1;
    font-family: var(--mono-font);
    font-variation-settings: "wght" var(--mono-wght), "CASL" var(--CASL), "CRSV" var(--CRSV), "MONO" var(--MONO)
}

tt * {
    --MONO: 1;
    font-family: var(--mono-font);
    font-variation-settings: "wght" var(--mono-wght), "CASL" var(--CASL), "CRSV" var(--CRSV), "MONO" var(--MONO)
}

tt i {
    --slnt: -15
}

tt i * {
    --slnt: -15
}

tt em {
    --slnt: -15
}

tt em * {
    --slnt: -15
}

tt .italic {
    --slnt: -15
}

tt .italic * {
    --slnt: -15
}

tt [style*=italic] {
    --slnt: -15
}

tt [style*=italic] * {
    --slnt: -15
}

tt [style*=oblique] {
    --slnt: -15
}

tt [style*=oblique] * {
    --slnt: -15
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--title-font);
    font-weight: revert;
    font-variant-ligatures: common-ligatures contextual discretionary-ligatures;
    padding: 0;
    line-height: 1.4
}

h1,
h2 {
    --wght: 800;
    font-weight: var(--wght)
}

h3,
h4,
h5,
h6 {
    --wght: 700;
    font-weight: var(--wght)
}

h1 {
    font-size: 1.5em
}

h2 {
    font-size: 1.25em
}

h3 {
    font-size: 1.1875em
}

h4 {
    font-size: 1.125em
}

h5 {
    font-size: 1.0625em
}

h6 {
    font-size: 1em
}

@media only screen and (min-width:56.25rem) {
    h1 {
        font-size: 2em
    }

    h2 {
        font-size: 1.75em
    }

    h3 {
        font-size: 1.5375em
    }

    h4 {
        font-size: 1.3625em
    }

    h5 {
        font-size: 1.15em
    }

    h6 {
        font-size: 1em
    }
}

#page-content ul:not(.yui-nav) {
    margin-left: 1em;
    list-style: outside
}

#page-content ul:not(.yui-nav) ul:not(.yui-nav) {
    padding-left: 1em
}

#page-content ul:not(.yui-nav) ol {
    padding-left: 1em
}

#page-content ol {
    margin-left: 1em;
    list-style: decimal
}

#page-content ol ol {
    padding-left: 1em
}

#page-content ol ul:not(.yui-nav) {
    padding-left: 1em
}

#page-content :is(.hierarch, .heirarch) {
    counter-reset: hierarch;
    list-style-type: none
}

#page-content :is(.hierarch, .heirarch) ol {
    counter-reset: hierarch;
    margin: 0;
    padding: 0;
    list-style-type: none
}

#page-content :is(.hierarch, .heirarch) ol li {
    text-indent: -1em;
    padding-left: 1em
}

#page-content :is(.hierarch, .heirarch) ol li:before {
    counter-increment: hierarch;
    content: counters(hierarch, ".")" "
}

#page-content dl {
    border: .0625rem solid rgb(var(--dl-content-border-color));
    background-color: rgb(var(--dl-content-bg-color));
    padding: 1.5ex 2ch
}

#page-content dl dt {
    --wght: 700;
    background-color: rgb(var(--dt-bg-color));
    color: rgb(var(--dt-text-color));
    font-weight: var(--wght);
    width: -moz-fit-content;
    width: fit-content;
    margin: 0;
    padding: 0 .5em
}

#page-content dl dd {
    text-indent: 1em;
    border-left: solid .5ch rgb(var(--dd-left-border-color));
    margin-bottom: 1ex
}

a {
    color: rgb(var(--link-color))
}

a {
    -webkit-transition: text-decoration-color .15s var(--ease-in-out), color .15s var(--ease-in-out);
    transition: text-decoration-color .15s var(--ease-in-out), color .15s var(--ease-in-out);
    -webkit-text-decoration: underline transparent;
    text-decoration: underline transparent;
    text-decoration-thickness: .09375em
}

a:visited {
    -webkit-transition: text-decoration-color .15s var(--ease-in-out), color .15s var(--ease-in-out);
    transition: text-decoration-color .15s var(--ease-in-out), color .15s var(--ease-in-out);
    -webkit-text-decoration: underline transparent;
    text-decoration: underline transparent;
    text-decoration-thickness: .09375em
}

a:visited {
    color: rgb(var(--visited-link-color))
}

a {
    background: 0 0
}

a.newpage {
    background: 0 0
}

a.newpage {
    color: rgb(var(--newpage-color))
}

a:is(:hover, :active, :focus, :focus-within) {
    -webkit-transition: text-decoration-color .15s var(--ease-in-out), color .15s var(--ease-in-out);
    transition: text-decoration-color .15s var(--ease-in-out), color .15s var(--ease-in-out);
    color: rgb(var(--hover-link-color));
    background-color: transparent;
    text-decoration: underline;
    text-decoration-thickness: .09375em
}

[style*=line-through] :is(a) {
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit
}

[style*=line-through] :is(a):is(:visited, :active) {
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit
}

.bblock,
.dblock {
    -webkit-transition: background-color 2s var(--ease-in-out), color 2s var(--ease-in-out);
    transition: background-color 2s var(--ease-in-out), color 2s var(--ease-in-out);
    background-color: rgb(var(--swatch-menubg-black-color));
    color: rgb(var(--swatch-text-dark));
    text-decoration: none;
    display: inline
}

:is(div):is(.bblock, .dblock) {
    display: inline-block
}

.dblock:is(:hover, :active, :focus, :focus-within) {
    background-color: rgba(var(--swatch-menubg-black-color), 0);
    text-decoration: none
}

.bblock:is(:hover, :active, :focus, :focus-within) {
    background-color: rgb(var(--swatch-menubg-black-color));
    color: rgb(var(--swatch-primary-darkest));
    text-decoration: none
}

.bblock::selection {
    color: rgb(var(--swatch-menutxt-light-color))
}

.code,
.page-source {
    border: .0625rem dashed rgba(var(--swatch-border-color), .25);
    background-color: rgb(var(--swatch-secondary-color));
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    -webkit-overflow-scrolling: touch;
    padding: 1em;
    overflow-x: auto
}

:is(.code, .page-source) {
    --MONO: 1;
    font-family: var(--mono-font);
    font-variation-settings: "wght" var(--mono-wght), "slnt" var(--slnt), "CASL" var(--CASL), "CRSV" var(--CRSV), "MONO" var(--MONO)
}

:is(.code, .page-source) * {
    --MONO: 1;
    font-family: var(--mono-font);
    font-variation-settings: "wght" var(--mono-wght), "slnt" var(--slnt), "CASL" var(--CASL), "CRSV" var(--CRSV), "MONO" var(--MONO)
}

:is(.code, .page-source) * {
    --calt: 0;
    max-width: 90vw
}

:is(.code, .page-source) i {
    --slnt: -15
}

:is(.code, .page-source) i * {
    --slnt: -15
}

:is(.code, .page-source) em {
    --slnt: -15
}

:is(.code, .page-source) em * {
    --slnt: -15
}

:is(.code, .page-source) .italic {
    --slnt: -15
}

:is(.code, .page-source) .italic * {
    --slnt: -15
}

:is(.code, .page-source) [style*=italic] {
    --slnt: -15
}

:is(.code, .page-source) [style*=italic] * {
    --slnt: -15
}

:is(.code, .page-source) [style*=oblique] {
    --slnt: -15
}

:is(.code, .page-source) [style*=oblique] * {
    --slnt: -15
}

:is(.code, .page-source) p {
    margin: 0
}

:is(.code, .page-source) pre {
    margin: 0
}

:is(.code, .page-source) pre {
    white-space: pre-wrap
}

.hl-default,
.hl-code,
.hl-brackets {
    color: rgb(var(--swatch-text-general))
}

.hl-comment {
    color: rgb(var(--swatch-code-text-comment))
}

.hl-quotes {
    color: rgb(var(--swatch-code-text-quotes))
}

.hl-string {
    color: rgb(var(--swatch-code-text-string))
}

.hl-identifier {
    color: rgb(var(--swatch-code-text-identifier))
}

.hl-builtin {
    color: rgb(var(--swatch-code-text-builtin))
}

.hl-reserved {
    color: rgb(var(--swatch-code-text-reserved))
}

.hl-inlinedoc {
    color: rgb(var(--swatch-code-text-inlinedoc))
}

.hl-var {
    color: rgb(var(--swatch-code-text-var))
}

.hl-url {
    color: rgb(var(--swatch-code-text-url))
}

.hl-special {
    --wght: calc(var(--mono-wght) + 100);
    color: rgb(var(--swatch-code-text-special));
    font-weight: var(--wght)
}

.hl-number {
    color: rgb(var(--swatch-code-text-number))
}

.hl-inlinetags {
    --wght: calc(var(--mono-wght) + 100);
    color: rgb(var(--swatch-code-text-inlinetags));
    font-weight: var(--wght)
}

.hl-gutter {
    background-color: rgb(var(--swatch-secondary-color));
    color: rgb(var(--swatch-background))
}

.ruby,
ruby {
    text-align: center;
    vertical-align: text-bottom;
    white-space: nowrap;
    height: 1em;
    margin-top: 1ex;
    margin-bottom: 0;
    line-height: 1;
    display: inline-table
}

.rt,
rt {
    text-align: center;
    white-space: nowrap;
    font-size: .6em;
    line-height: 1.1;
    display: table-header-group
}

.page-options-bottom,
.owindow .title,
.math-equation,
.bibitem,
.thread-container .post .long .options {
    height: auto
}

@media only screen and (max-width:56.25rem) {
    body {
        font-size: var(--min-font-size);
        font-size: var(--base-font-size)
    }

    .page-options-bottom {
        height: initial
    }

    .page-options-bottom a {
        padding: 0 .25rem
    }

    table.form td {
        float: left;
        padding: 0
    }

    table.form th {
        float: left;
        padding: 0
    }

    td.name {
        width: 15em
    }

    textarea {
        --base-font-size: 1rem
    }

    input[type=text] {
        --base-font-size: 1rem
    }
}

#container,
#content-wrap {
    padding: 0;
    display: grid
}

#container {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "header" "content-wrap" "footer" "license";
    width: 100%;
    height: 100%;
    margin: 0;
    position: relative
}

#content-wrap {
    position: initial;
    grid-area: content-wrap;
    grid-template-areas: "side-bar.content.";
    grid-template-columns: var(--sidebar-width-on-desktop)calc((((100vw - (100vw - 100%)) - var(--body-width-on-desktop)) - (var(--sidebar-width-on-desktop))*3)/2)1fr calc(((100vw - (100vw - 100%)) - (var(--body-width-on-desktop) + (var(--sidebar-width-on-desktop))))/2);
    min-height: calc(100vh - var(--final-header-height-on-desktop));
    gap: .5rem;
    width: 100%;
    height: auto;
    margin: 0 auto
}

#main-content {
    max-width: min(90vw, var(--body-width-on-desktop));
    overflow-wrap: break-word;
    background-color: transparent;
    grid-area: content;
    grid-template-columns: repeat(6, 1fr);
    grid-template-areas: "action-area-top action-area-top action-area-top action-area-top action-area-top action-area-top" "page-title page-title page-title page-title page-title page-title" "breadcrumbs breadcrumbs breadcrumbs breadcrumbs breadcrumbs breadcrumbs" "page-content page-content page-content page-content page-content page-content" "page-info-break page-info-break page-info-break page-info-break page-info-break page-info-break" ". .pwatch pwatch pwatch pwatch" ". .pinfo pinfo pinfo pinfo" "page-tags page-tags page-tags page-tags page-tags page-tags" "options-1 options-1 options-1 options-1 options-1 options-1" "options-2 options-2 options-2 options-2 options-2 options-2" "pbottom pbottom pbottom pbottom pbottom pbottom" "action-area-btm action-area-btm action-area-btm action-area-btm action-area-btm action-area-btm";
    grid-auto-rows: min-content;
    margin: 0 auto;
    padding: 2rem 0;
    display: grid
}

@supports (not ((-webkit-hyphens:none))) and (not ((-moz-appearance:none))) and (list-style-type:"*") {
    @media only screen and (max-width:56.25rem) {
        #main-content>* {
            max-width: min(90vw, var(--body-width-on-desktop))
        }
    }
}

#main-content>* {
    margin-top: 1ex
}

#main-content>*:is(:first-child, :only-child) {
    margin-top: 0
}

#main-content>*:is(:last-child, :only-child) {
    margin-bottom: 1ex
}

#main-content>*~* {
    margin-top: 1ex
}

#main-content>*~*:is(:first-child, :only-child) {
    margin-top: 0
}

#main-content>*~*:is(:last-child, :only-child) {
    margin-bottom: 1ex
}

#action-area-top {
    grid-area: action-area-top;
    width: 100%
}

#page-title {
    grid-area: page-title
}

#page-title,
.meta-title {
    --wght: 700;
    color: rgb(var(--swatch-text-general));
    font-family: var(--title-font);
    font-size: 1.5em;
    font-weight: var(--wght);
    text-align: left;
    font-variant-ligatures: common-ligatures contextual discretionary-ligatures;
    border: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-height: 1em;
    margin: .5em 0 1em;
    padding: 0;
    line-height: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

:is(#page-title, .meta-title):after {
    content: "";
    background: rgb(var(--swatch-tertiary-color));
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    height: .0625rem;
    margin: auto auto auto 1.25rem
}

@media only screen and (min-width:56.25rem) {
    :is(#page-title, .meta-title) {
        font-size: 2em
    }
}

:is(#breadcrumbs, .pseudocrumbs) {
    font-family: var(--UI-font);
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-area: breadcrumbs;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    margin: -1em 0 1em;
    padding: 0 .75em 0 0;
    font-size: .85em;
    line-height: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative
}

:is(#breadcrumbs, .pseudocrumbs) a {
    z-index: 2;
    -webkit-transition: color .15s var(--ease-in-out);
    transition: color .15s var(--ease-in-out);
    margin-right: .75em;
    padding: 0 .5em;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative
}

:is(#breadcrumbs, .pseudocrumbs) a:before {
    content: "";
    z-index: -1;
    -webkit-transition: box-shadow .15s var(--ease-in-out), background-color .15s var(--ease-in-out);
    transition: box-shadow .15s var(--ease-in-out), background-color .15s var(--ease-in-out);
    box-shadow: .0625rem .0625rem 0 0 rgb(var(--swatch-primary)), .25rem .0625rem 0 0 rgba(var(--background-gradient-color), .7), .25rem .0625rem 0 0 rgb(var(--swatch-background)), .3125rem .0625rem 0 0 rgb(var(--swatch-primary));
    background: 0 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
    -webkit-transform: skew(-25deg);
    transform: skew(-25deg)
}

:is(#breadcrumbs, .pseudocrumbs) a:visited {
    z-index: 2;
    -webkit-transition: color .15s var(--ease-in-out);
    transition: color .15s var(--ease-in-out);
    margin-right: .75em;
    padding: 0 .5em;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative
}

:is(#breadcrumbs, .pseudocrumbs) a:visited:before {
    content: "";
    z-index: -1;
    -webkit-transition: box-shadow .15s var(--ease-in-out), background-color .15s var(--ease-in-out);
    transition: box-shadow .15s var(--ease-in-out), background-color .15s var(--ease-in-out);
    box-shadow: .0625rem .0625rem 0 0 rgb(var(--swatch-primary)), .25rem .0625rem 0 0 rgba(var(--background-gradient-color), .7), .25rem .0625rem 0 0 rgb(var(--swatch-background)), .3125rem .0625rem 0 0 rgb(var(--swatch-primary));
    background: 0 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
    -webkit-transform: skew(-25deg);
    transform: skew(-25deg)
}

:is(#breadcrumbs, .pseudocrumbs) a:is(:hover, :active, :focus, :focus-within) {
    color: rgb(var(--swatch-text-secondary-color));
    text-decoration: none
}

:is(#breadcrumbs, .pseudocrumbs) a:is(:hover, :active, :focus, :focus-within):before {
    background-color: rgb(var(--swatch-primary));
    box-shadow: 0 0 0 .25rem rgb(var(--swatch-primary)), 0 0 0 0 rgba(var(--background-gradient-color), 0), 0 0 0 0 rgba(var(--swatch-background), 0), 0 0 0 0 rgba(var(--swatch-primary), 0)
}

#page-content {
    min-height: calc(100vh - var(--final-header-height-on-desktop));
    grid-area: page-content
}

#page-info-break {
    grid-area: page-info-break
}

#page-options-container {
    font-family: var(--UI-font);
    grid-area: options-1;
    margin-top: 0;
    display: contents
}

div#page-info {
    text-align: right;
    grid-area: pinfo;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    height: min-content;
    font-size: .75em;
    overflow: visible
}

div#page-info .odate {
    font-size: .85em;
    display: inline
}

div.page-watch-options {
    text-align: right;
    grid-area: pwatch;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    height: min-content;
    margin-top: 1em;
    font-size: .85em;
    line-height: 1;
    overflow: visible
}

div.page-watch-options a {
    --hover-link-color: var(--swatch-text-secondary-color);
    --wght: calc(var(--ui-wght) + 200);
    -webkit-transition: box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    box-shadow: inset 0 0 0 0 rgb(var(--swatch-primary));
    font-weight: var(--wght);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    margin: -.15em 0;
    padding: .15em;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    text-decoration-thickness: .09375rem
}

div.page-watch-options a:visited {
    --hover-link-color: var(--swatch-text-secondary-color);
    --wght: calc(var(--ui-wght) + 200);
    -webkit-transition: box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    box-shadow: inset 0 0 0 0 rgb(var(--swatch-primary));
    font-weight: var(--wght);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    margin: -.15em 0;
    padding: .15em;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    text-decoration-thickness: .09375rem
}

div.page-watch-options a:is(:hover, :active, :focus, :focus-within) {
    --wght: calc(var(--ui-hvr-wght) + 200);
    box-shadow: inset -30vw 0 0 0 rgb(var(--swatch-primary));
    color: rgb(var(--swatch-text-secondary-color));
    font-weight: var(--wght);
    text-decoration: none
}

#main-content .page-tags {
    box-shadow: 0 -.125rem 0 0 rgb(var(--pagetags-title-bg));
    font-family: var(--UI-font);
    grid-area: page-tags;
    justify-self: flex-start;
    width: 100%;
    margin: .2rem 0 0;
    padding: .2rem 0 0;
    font-size: .9em;
    display: block;
    position: relative
}

#main-content .page-tags:before {
    --wght: var(--ui-hvr-wght);
    content: var(--text-tags);
    background-color: rgb(var(--pagetags-title-bg));
    color: rgb(var(--pagetags-title-text));
    font-size: .8em;
    font-weight: var(--wght);
    height: 1.5em;
    padding: .25em;
    position: absolute;
    top: -2em;
    bottom: auto;
    left: 0;
    right: auto
}

#main-content .page-tags span {
    --clip-path: polygon(0 0, calc(100% - .0625rem)0, calc(100% - .0625rem)100%, 0 100%);
    clip-path: var(--clip-path);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: auto;
    height: 100%;
    padding: 0;
    font-size: .9em;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative
}

#main-content .page-tags span:after {
    content: " ";
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2
}

#main-content .page-tags span a:not([href^="/system:page-tags/tag/_"]) {
    --wght: calc(var(--ui-wght));
    --link-color: var(--pagetags-text-color);
    --hover-link-color: var(--pagetags-text-hover-color);
    z-index: 1;
    -webkit-transition: color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    font-weight: var(--wght);
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: .2em -.2em .2em .2em;
    padding: .1em .4em .1em .3em;
    line-height: 1;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
    overflow: hidden
}

#main-content .page-tags span a:not([href^="/system:page-tags/tag/_"]):not(:last-child) {
    border-right: .0625rem dotted rgba(var(--pagetags-text-color), .5)
}

#main-content .page-tags span a:not([href^="/system:page-tags/tag/_"]):before {
    --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    content: " ";
    z-index: -1;
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    opacity: 1;
    background-color: rgb(var(--pagetags-text-hover-bg-color));
    pointer-events: none;
    clip-path: var(--clip-path);
    width: 101%;
    height: 101%;
    position: absolute;
    top: 0;
    bottom: auto;
    left: -.5%;
    right: auto
}

#main-content .page-tags span a:not([href^="/system:page-tags/tag/_"]):is(:hover, :active, :focus, :focus-within) {
    --wght: calc(var(--ui-hvr-wght));
    -webkit-transition: box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    font-weight: var(--wght);
    text-decoration: none
}

#main-content .page-tags span a:not([href^="/system:page-tags/tag/_"]):is(:hover, :active, :focus, :focus-within):before {
    --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%)
}

#main-content .page-tags span a:visited:not([href^="/system:page-tags/tag/_"]) {
    --wght: calc(var(--ui-wght));
    --link-color: var(--pagetags-text-color);
    --hover-link-color: var(--pagetags-text-hover-color);
    z-index: 1;
    -webkit-transition: color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    font-weight: var(--wght);
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: .2em -.2em .2em .2em;
    padding: .1em .4em .1em .3em;
    line-height: 1;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
    overflow: hidden
}

#main-content .page-tags span a:visited:not([href^="/system:page-tags/tag/_"]):not(:last-child) {
    border-right: .0625rem dotted rgba(var(--pagetags-text-color), .5)
}

#main-content .page-tags span a:visited:not([href^="/system:page-tags/tag/_"]):before {
    --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    content: " ";
    z-index: -1;
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    opacity: 1;
    background-color: rgb(var(--pagetags-text-hover-bg-color));
    pointer-events: none;
    clip-path: var(--clip-path);
    width: 101%;
    height: 101%;
    position: absolute;
    top: 0;
    bottom: auto;
    left: -.5%;
    right: auto
}

#main-content .page-tags span a:visited:not([href^="/system:page-tags/tag/_"]):is(:hover, :active, :focus, :focus-within) {
    --wght: calc(var(--ui-hvr-wght));
    -webkit-transition: box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    font-weight: var(--wght);
    text-decoration: none
}

#main-content .page-tags span a:visited:not([href^="/system:page-tags/tag/_"]):is(:hover, :active, :focus, :focus-within):before {
    --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%)
}

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

div#page-options-bottom {
    grid-area: options-1;
    padding-top: .75em;
    position: relative
}

div#page-options-bottom-2 {
    grid-area: options-2;
    margin-top: .75em
}

div#page-options-area-bottom {
    grid-area: pbottom
}

div[id*=page-options-bottom] {
    --wght: var(--ui-wght);
    --icon-size: max(1.5em, min(5vmin, 2em));
    font-family: var(--UI-font);
    font-size: var(--base-font-size);
    font-weight: var(--wght);
    text-align: left;
    white-space: nowrap;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: 1ch;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

div[id*=page-options-bottom]:not(:is(.page-rate-widget-box, #search-top-box-form))>a.btn {
    --button-padding: calc(var(--icon-size)/8);
    padding: var(--button-padding);
    padding-left: calc(var(--icon-size) + .5em);
    box-shadow: -.125rem 0 .25rem 0 rgba(var(--swatch-tertiary-color), .25), inset 0 -.0625rem 0 0 rgba(var(--swatch-tertiary-color), .75), 0 0 0 0 rgb(var(--ui-button-hover-outline)), inset var(--icon-size)0 0 0 rgb(var(--ui-icon-bg));
    -webkit-flex-basis: 5rem;
    flex-basis: 5rem;
    height: 1.5em;
    line-height: 1.5
}

div[id*=page-options-bottom]:not(:is(.page-rate-widget-box, #search-top-box-form))>a.btn:is(:hover, :active, :focus, :focus-within) {
    box-shadow: -.125rem 0 .25rem 0 rgba(var(--swatch-tertiary-color), 0), inset .0625rem 0 0 0 rgba(var(--swatch-tertiary-color), 0), inset 0 -.0625rem 0 0 rgba(var(--swatch-tertiary-color), 0), 0 0 0 .125rem rgb(var(--ui-button-hover-outline)), inset var(--icon-size)0 0 0 rgb(var(--ui-icon-hover-bg))
}

@media only screen and (max-width:56.25rem) {
    div[id*=page-options-bottom]:not(:is(.page-rate-widget-box, #search-top-box-form))>a.btn {
        --button-padding: calc(var(--icon-size)/4)
    }
}

div[id*=page-options-bottom]>a>* {
    text-indent: 0
}

div[id*=page-options-bottom]>a:after {
    content: " ";
    width: var(--icon-size);
    height: var(--icon-size);
    -webkit-transition: background-color .15s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out);
    background-color: rgb(var(--ui-icon-color));
    -webkit-mask: var(--button-icon)center center/calc(var(--icon-size) - .5em)no-repeat;
    mask: var(--button-icon)center center/calc(var(--icon-size) - .5em)no-repeat;
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 0;
    right: auto;
    translate: 0 -50%
}

@supports not (translate:0 -50%) {
    div[id*=page-options-bottom]>a:after {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

div[id*=page-options-bottom]>a:is(:hover, :active, :focus, :focus-within):after {
    background-color: rgb(var(--ui-icon-hover-color))
}

div[id*=page-options-bottom]>a#edit-button {
    --button-icon: var(--edit-mask)
}

div[id*=page-options-bottom]>a#pagerate-button {
    --button-icon: var(--pagerate-mask)
}

div[id*=page-options-bottom]>a#scpper-pagerate-button {
    --button-icon: var(--pagerate-mask)
}

div[id*=page-options-bottom]>a#tags-button {
    --button-icon: var(--tags-mask)
}

div[id*=page-options-bottom]>a#discuss-button {
    --button-icon: var(--discuss-mask)
}

div[id*=page-options-bottom]>a#history-button {
    --button-icon: var(--history-mask)
}

div[id*=page-options-bottom]>a#scpper-history-button {
    --button-icon: var(--history-mask)
}

div[id*=page-options-bottom]>a#files-button {
    --button-icon: var(--files-mask)
}

div[id*=page-options-bottom]>a#print-button {
    --button-icon: var(--print-mask)
}

div[id*=page-options-bottom]>a#site-tools-button {
    --button-icon: var(--site-tools-mask)
}

div[id*=page-options-bottom]>a#more-options-button {
    --button-icon: var(--more-options-mask)
}

div[id*=page-options-bottom]>a#edit-sections-button {
    --button-icon: var(--edit-sections-mask)
}

div[id*=page-options-bottom]>a#edit-append-button {
    --button-icon: var(--append-mask)
}

div[id*=page-options-bottom]>a#edit-meta-button {
    --button-icon: var(--edit-meta-mask)
}

div[id*=page-options-bottom]>a#watchers-button {
    --button-icon: var(--watchers-mask)
}

div[id*=page-options-bottom]>a#backlinks-button {
    --button-icon: var(--backlinks-mask)
}

div[id*=page-options-bottom]>a#view-source-button {
    --button-icon: var(--view-source-mask)
}

div[id*=page-options-bottom]>a#parent-page-button {
    --button-icon: var(--parent-page-mask)
}

div[id*=page-options-bottom]>a#page-block-button {
    --button-icon: var(--lock-page-mask)
}

div[id*=page-options-bottom]>a#rename-move-button {
    --button-icon: var(--rename-mask)
}

div[id*=page-options-bottom]>a#delete-button {
    --button-icon: var(--delete-mask)
}

#footer {
    --link-color: var(--footer-link-color);
    --visited-link-color: var(--footer-link-color);
    --hover-link-color: var(--footer-link-hover-color);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgb(var(--footer-bg-color));
    color: rgb(var(--footer-text-color));
    font-family: var(--UI-font);
    white-space: nowrap;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-area: footer;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0;
    padding: .25em 0;
    font-size: .75em;
    line-height: 1;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important
}

#footer .options {
    color: transparent;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .25rem 0 0;
    font-size: 0;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important
}

#footer .options {
    white-space: nowrap
}

#footer .options * {
    white-space: nowrap
}

#footer .options a {
    font-size: calc(var(--base-font-size)*.75);
    box-shadow: .0625rem 0 0 0 rgb(var(--swatch-text-secondary-color));
    -webkit-box-ordinal-group: 1;
    -webkit-order: 1;
    order: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 1em;
    padding-right: .4em;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

#footer .options a:visited {
    font-size: calc(var(--base-font-size)*.75);
    box-shadow: .0625rem 0 0 0 rgb(var(--swatch-text-secondary-color));
    -webkit-box-ordinal-group: 1;
    -webkit-order: 1;
    order: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 1em;
    padding-right: .4em;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

#footer a {
    --wght: var(--ui-wght);
    z-index: 1;
    -webkit-transition: color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    color: rgb(var(--link-color));
    font-weight: var(--wght);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: .2em;
    padding: .2em;
    line-height: 1;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
    overflow: hidden
}

#footer a:visited {
    --wght: var(--ui-wght);
    z-index: 1;
    -webkit-transition: color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    color: rgb(var(--link-color));
    font-weight: var(--wght);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: .2em;
    padding: .2em;
    line-height: 1;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
    overflow: hidden
}

#footer a:before {
    --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    content: " ";
    z-index: -1;
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    opacity: 1;
    background-color: rgb(var(--footer-link-hover-bg-color));
    pointer-events: none;
    clip-path: var(--clip-path);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}

#footer a:is(:hover, :active, :focus, :focus-within) {
    --wght: calc(var(--ui-hvr-wght));
    -webkit-transition: color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    color: rgb(var(--hover-link-color));
    font-weight: var(--wght);
    text-decoration: none
}

#footer a:is(:hover, :active, :focus, :focus-within):before {
    --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%)
}

#license-area {
    --link-color: var(--license-link-color);
    --visited-link-color: var(--license-link-color);
    --hover-link-color: var(--license-link-hover-color);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgb(var(--license-bg-color));
    color: rgb(var(--license-text-color));
    font-family: var(--UI-font);
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-area: license;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    padding: .5em;
    line-height: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative
}

#license-area a {
    --wght: calc(var(--ui-wght));
    z-index: 1;
    -webkit-transition: text-decoration .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: text-decoration .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    font-weight: var(--wght);
    -webkit-text-decoration: underline .125em rgb(var(--swatch-primary));
    text-decoration: underline .125em rgb(var(--swatch-primary));
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: .2em;
    padding: .2em;
    line-height: 1;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
    overflow: hidden
}

#license-area a:visited {
    --wght: calc(var(--ui-wght));
    z-index: 1;
    -webkit-transition: text-decoration .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: text-decoration .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    font-weight: var(--wght);
    -webkit-text-decoration: underline .125em rgb(var(--swatch-primary));
    text-decoration: underline .125em rgb(var(--swatch-primary));
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: .2em;
    padding: .2em;
    line-height: 1;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
    overflow: hidden
}

#license-area a:before {
    --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    content: " ";
    z-index: -1;
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    opacity: 1;
    background-color: rgb(var(--license-link-hover-bg-color));
    pointer-events: none;
    clip-path: var(--clip-path);
    width: 101%;
    height: 101%;
    position: absolute;
    top: 0;
    bottom: auto;
    left: -.5%;
    right: auto
}

#license-area a:is(:hover, :active, :focus, :focus-within) {
    --wght: calc(var(--ui-hvr-wght));
    -webkit-transition: color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    font-weight: var(--wght);
    text-decoration: none
}

#license-area a:is(:hover, :active, :focus, :focus-within):before {
    --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%)
}

#action-area {
    text-align: center;
    grid-area: action-area-btm;
    padding: 2em 0 1em
}

#action-area :is(h1, h2, h3, h4) {
    --wght: 700;
    color: rgb(var(--swatch-text-general));
    font-family: var(--title-font);
    font-size: 1.25em;
    font-weight: var(--wght);
    text-align: left;
    font-variant-ligatures: common-ligatures contextual discretionary-ligatures;
    border: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-height: 1em;
    margin: .5em 0 .25em;
    padding: 0;
    line-height: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#action-area :is(h1, h2, h3, h4):after {
    content: "";
    background: rgb(var(--swatch-tertiary-color));
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    height: .0625rem;
    margin: auto auto auto 1.25rem
}

#action-area h1 {
    font-size: 1.1875em
}

#action-area h2 {
    font-size: 1.125em
}

#action-area h3 {
    font-size: 1.0625em
}

#action-area h4 {
    font-size: 1em
}

@media only screen and (min-width:56.25rem) {
    #action-area h1 {
        font-size: 1.5375em
    }

    #action-area h2 {
        font-size: 1.3625em
    }

    #action-area h3 {
        font-size: 1.15em
    }

    #action-area h4 {
        font-size: 1em
    }
}

#action-area>a.btn-danger[href="javascript:;"] {
    margin-top: .5em
}

#action-area #action-area a.action-area-close {
    margin-top: .5em
}

#action-area>div:not([style*=center]):not(.page-source):first-of-type {
    border: none;
    padding-top: 0
}

#action-area a.action-area-close {
    float: right;
    --wght: var(--ui-wght);
    z-index: 2;
    -webkit-transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    border: .0625rem solid rgba(var(--swatch-primary), .05);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-bg));
    box-shadow: -.125rem 0 .25rem 0 rgba(var(--swatch-tertiary-color), .25), inset 0 -.0625rem 0 0 rgba(var(--swatch-tertiary-color), .75), 0 0 0 0 rgb(var(--ui-button-bg));
    color: rgb(var(--ui-button-txt));
    font-family: var(--UI-font);
    font-weight: var(--wght);
    will-change: border-color, box-shadow, color, background-color, font-weight, font-variation-settings;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-width: 5em;
    margin: 0;
    padding: .25em;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
    overflow: hidden;
    container-type: normal
}

@supports (font-size:0.75cqi) {
    #action-area a.action-area-close {
        font-size: calc(max(var(--min-font-size), min(.75cqi, var(--max-font-size)))*1.8)
    }
}

#action-area a.action-area-close:is(:hover, :active, :focus, :focus-within) {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-hover-bg));
    box-shadow: 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), inset 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), 0 0 0 .125rem rgb(var(--ui-button-hover-outline));
    color: rgb(var(--ui-button-hover-txt));
    font-weight: var(--wght);
    cursor: pointer;
    border-color: transparent;
    text-decoration: none
}

@supports (font-size:1cqi) {
    #action-area a.action-area-close {
        font-size: max(var(--min-font-size), min(.75cqi, var(--max-font-size)))
    }
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form):not(.data-form) {
    box-shadow: -.0625rem 0 0 0 rgba(var(--swatch-tertiary-color), .5), .0625rem 0 0 0 rgba(var(--swatch-tertiary-color), .5), 0 .0625rem 0 0 rgba(var(--swatch-tertiary-color), .5);
    font-size: var(--max-font-size);
    font-size: var(--base-font-size);
    background-color: transparent;
    grid-template-columns: repeat(6, 1fr);
    grid-template-areas: "pageid.captcha-1 captcha-1 captcha-2 captcha-2" "title-txt title-txt. . . ." "title-box title-box title-box title-box title-box title-box" "toolbar toolbar toolbar toolbar toolbar toolbar" "editbox editbox editbox editbox editbox editbox" "edit-help edit-help edit-help edit-help edit-help text-resize" "descrip descrip descrip descrip descrip descrip" "descsub descsub descsub descsub descsub descsub" "info-lock info-lock info-lock info-lock info-lock info-lock" "nonotif nonotif nonotif nonotif nonotif nonotif" "captcha-3 captcha-3 captcha-3 captcha-3 captcha-3 captcha-3" "editbuttons editbuttons editbuttons editbuttons editbuttons editbuttons";
    margin-top: 3ex;
    margin-bottom: 3ex;
    padding: 0;
    display: grid;
    position: relative
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form):not(.data-form) {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form):not(.data-form) * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form):not(.data-form)>table {
    display: contents
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form):not(.data-form)>table tbody {
    display: contents
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form):not(.data-form)>table tr {
    display: contents
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form):not(.data-form)>table:not(.form) td {
    display: contents
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) {
    max-width: var(--body-width-on-desktop)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) :not(#edit-page-textarea) {
    max-width: var(--body-width-on-desktop)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) :not(:is(input, textarea)) {
    font-family: var(--UI-font)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) div.sub {
    color: rgba(var(--swatch-menutxt-general-color), .5)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) #page_id {
    grid-area: pageid
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) #recaptcha_challenge_field {
    grid-area: captcha-1
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) #recaptcha_response_field {
    grid-area: captcha-2
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) #edit-page-captcha {
    grid-area: captcha-3
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) table.form:first-of-type tr td:first-of-type {
    --wght: calc(var(--ui-wght) + 100);
    -webkit-transition: box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), translate .2s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), translate .2s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--swatch-background));
    box-shadow: 0 0 0 0 rgb(var(--swatch-primary));
    color: rgb(var(--swatch-text-general));
    font-size: .8em;
    font-weight: var(--wght);
    text-transform: uppercase;
    will-change: box-shadow, color, background-color, translate, font-weight, font-variation-settings;
    grid-area: title-txt;
    width: max-content;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 1ex;
    margin-right: 1ex;
    padding: 0 .25em;
    position: absolute;
    top: -.75rem;
    bottom: auto;
    left: .75rem;
    right: auto;
    translate: 0
}

@supports not (translate:0 0) {
    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) table.form:first-of-type tr td:first-of-type {
        will-change: box-shadow, color, background-color, transform, font-weight, font-variation-settings;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) table.form:first-of-type tr td:last-of-type {
    box-shadow: 0 -.0625em 0 0 rgba(var(--swatch-tertiary-color), .5);
    grid-area: title-box
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) table.form:first-of-type tr td:last-of-type input {
    --wght: var(--ui-wght);
    -webkit-transition: box-shadow .2s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: box-shadow .2s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    outline: 0 solid rgb(var(--swatch-primary));
    box-shadow: 0 0 0 0 rgb(var(--swatch-primary));
    font-weight: var(--wght);
    will-change: box-shadow, background-color, font-weight, font-variation-settings;
    border: none;
    width: calc(100% - 2rem);
    margin: .5rem 1rem;
    padding: .25em;
    font-size: 1.2em !important
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) table.form:first-of-type tr td:last-of-type input:not(:placeholder-shown) {
    background-color: rgba(var(--swatch-primary-darker), .05)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) table.form:first-of-type tr td:last-of-type input:placeholder-shown {
    background-color: rgba(var(--swatch-primary-darker), .2)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) table.form:first-of-type tr td:last-of-type input:is(:focus, :focus-visible, :focus-within) {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgba(var(--swatch-secondary-color), 0);
    box-shadow: 0 0 0 .125rem rgb(var(--swatch-primary));
    font-weight: var(--wght);
    border: none
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) table.form:first-of-type tr:focus-within td:first-of-type {
    --wght: calc(var(--ui-hvr-wght) + 100);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--swatch-primary));
    box-shadow: 0 0 0 .15625rem rgb(var(--swatch-primary));
    color: rgb(var(--swatch-background));
    font-weight: var(--wght);
    translate: -.125rem -.125rem
}

@supports not (translate:-0.125rem -0.125rem) {
    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) table.form:first-of-type tr:focus-within td:first-of-type {
        -webkit-transform: translate(-.125rem, -.125rem);
        transform: translate(-.125rem, -.125rem)
    }
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) table.form:first-of-type tr:not(:only-of-type):first-of-type>td:last-of-type {
    grid-column: 1/span 5
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) table.form:first-of-type tr:not(:only-of-type):last-of-type>td:last-of-type {
    grid-column: 6/span 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 1em 0 0;
    display: grid
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) table.form:first-of-type tr:not(:only-of-type):last-of-type>td:first-of-type {
    grid-column: 6/span 1
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) #np-editor-title {
    --wght: calc(var(--ui-wght) + 100);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--swatch-background));
    box-shadow: 0 0 0 0 rgb(var(--swatch-primary));
    color: rgb(var(--swatch-text-general));
    font-size: .8em;
    font-weight: var(--wght);
    text-transform: uppercase;
    grid-area: title-txt;
    width: max-content;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 1ex;
    margin-right: 1ex;
    padding: 0 .25em;
    position: absolute;
    top: -.75rem;
    bottom: auto;
    left: .75rem;
    right: auto
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) #np-title {
    --wght: var(--ui-wght);
    -webkit-transition: box-shadow .2s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: box-shadow .2s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    outline: 0 solid rgb(var(--swatch-primary));
    box-shadow: 0 0 0 0 rgb(var(--swatch-primary));
    font-weight: var(--wght);
    will-change: box-shadow, background-color, font-weight, font-variation-settings;
    border: none;
    grid-area: title-box;
    width: calc(100% - 2rem);
    margin: .5rem 1rem;
    padding: .25em;
    font-size: 1.2em !important
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) #np-title:not(:placeholder-shown) {
    background-color: rgba(var(--swatch-primary-darker), .05)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) #np-title:placeholder-shown {
    background-color: rgba(var(--swatch-primary-darker), .2)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) #np-title:is(:focus, :focus-visible, :focus-within) {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgba(var(--swatch-secondary-color), 0);
    box-shadow: 0 0 0 .125rem rgb(var(--swatch-primary));
    font-weight: var(--wght);
    border: none
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) #page-templates {
    --wght: var(--ui-wght);
    -webkit-transition: box-shadow .2s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: box-shadow .2s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    outline: 0 solid rgb(var(--swatch-primary));
    box-shadow: inset 0 0 0 .0625rem rgba(var(--swatch-tertiary-color), .3625);
    will-change: box-shadow, background-color, font-weight, font-variation-settings;
    border: none;
    -webkit-border-radius: .25rem;
    border-radius: .25rem;
    padding: .25rem
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) #page-templates option {
    color: rgb(var(--swatch-menutxt-light-color))
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) #page-templates:is(:focus, :focus-visible, :focus-within) {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgba(var(--swatch-secondary-color), 0);
    box-shadow: 0 0 0 .125rem rgb(var(--swatch-primary));
    border: none
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel {
    --icon-size: max(1.5em, min(5.75vw, calc((var(--body-width-on-desktop) - 6em)/22)));
    grid-area: toolbar;
    grid-auto-columns: var(--icon-size);
    grid-auto-flow: row;
    grid-auto-rows: var(--icon-size);
    grid-template-areas: "header-h1 bold-txt italic-txt underline-txt strike-txt super-txt sub-txt raw-txt teletype-txt.ordered-list unordered-list increment-list decrement-list.quote-block hr-txt div-block code-block code-wizard html-block create-table" "url-txt url-wizard page-link-txt page-link-wizard image-block image-wizard.create-footnote create-toc definition-list bibliography bib-cite clear-all-fl.math-block math-inline equation-ref. . . . .";
    grid-template-columns: repeat(auto-fit, minmax(1fr, var(--icon-size)));
    background-color: rgb(var(--swatch-background));
    box-shadow: 0 -.0625rem 0 0 rgb(var(--swatch-tertiary-color));
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: .125em;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 1em;
    display: grid;
    position: relative;
    container-type: inline-size
}

@supports (font-size:1cqi) {
    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel {
        --icon-size: max(1.5em, min(3.75cqi, calc((var(--body-width-on-desktop) - 6em)/22)))
    }
}

@media only screen and (max-width:30rem),
(orientation:portrait) {
    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel {
        grid-template-areas: "header-h1 bold-txt italic-txt underline-txt strike-txt super-txt sub-txt raw-txt teletype-txt.ordered-list unordered-list increment-list decrement-list" "quote-block hr-txt div-block code-block code-wizard html-block create-table.url-txt url-wizard page-link-txt page-link-wizard image-block image-wizard" ". .create-footnote create-toc definition-list bibliography bib-cite clear-all-fl.math-block math-inline equation-ref. .";
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel ul li ul {
    z-index: 30;
    list-style: none;
    position: absolute
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div {
    display: contents
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: contents
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li {
    height: var(--icon-size);
    width: var(--icon-size);
    margin: 0;
    position: relative
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li.hseparator {
    display: none
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li>ul {
    --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    inset: 0 auto auto var(--icon-size);
    grid-auto-columns: var(--icon-size);
    grid-auto-flow: column;
    grid-template-columns: repeat(auto-fit, var(--icon-size));
    height: var(--icon-size);
    -webkit-transition: clip-path .2s var(--ease-in-out), box-shadow .1s var(--ease-in-out).25s, padding-left .1s var(--ease-in-out).25s;
    transition: clip-path .2s var(--ease-in-out), box-shadow .1s var(--ease-in-out).25s, padding-left .1s var(--ease-in-out).25s;
    background-color: rgb(var(--swatch-background));
    box-shadow: inset 0 0 0 0 rgb(var(--swatch-tertiary-color));
    pointer-events: none;
    clip-path: var(--clip-path);
    border: none;
    padding-left: 0;
    display: grid;
    overflow: hidden
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li>ul a {
    background-color: rgb(var(--editor-icon-submenu-bg))
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:is(:hover, :active, :focus-within, .sfhover)>ul {
    --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    left: var(--icon-size);
    -webkit-transition: clip-path .2s var(--ease-in-out)50ms, box-shadow .1s var(--ease-in-out), padding-left .1s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out)50ms, box-shadow .1s var(--ease-in-out), padding-left .1s var(--ease-in-out);
    box-shadow: inset .125em 0 0 0 rgb(var(--swatch-tertiary-color));
    pointer-events: all;
    padding-left: .125em
}

@supports selector(div:has(p)) {
    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-h1) {
        grid-area: header-h1
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-bold) {
        grid-area: bold-txt
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-italic) {
        grid-area: italic-txt
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-underline) {
        grid-area: underline-txt
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-strikethrough) {
        grid-area: strike-txt
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-teletype) {
        grid-area: teletype-txt
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-quote) {
        grid-area: quote-block
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-superscript) {
        grid-area: super-txt
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-subscript) {
        grid-area: sub-txt
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-raw) {
        grid-area: raw-txt
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-hr) {
        grid-area: hr-txt
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-div) {
        grid-area: div-block
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-clearfloat) {
        grid-area: clear-all-fl
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-table) {
        grid-area: create-table
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-toc) {
        grid-area: create-toc
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-code) {
        grid-area: code-block
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-codewiz) {
        grid-area: code-wizard
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-uri) {
        grid-area: url-txt
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-uriwiz) {
        grid-area: url-wizard
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-pagelink) {
        grid-area: page-link-txt
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-pagelinkwiz) {
        grid-area: page-link-wizard
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-image) {
        grid-area: image-block
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-imagewiz) {
        grid-area: image-wizard
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-html) {
        grid-area: html-block
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-numlist) {
        grid-area: ordered-list
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-bullist) {
        grid-area: unordered-list
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-incindent) {
        grid-area: increment-list
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-decindent) {
        grid-area: decrement-list
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-deflist) {
        grid-area: definition-list
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-footnote) {
        grid-area: create-footnote
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-math) {
        grid-area: math-block
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-mathinline) {
        grid-area: math-inline
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-eqref) {
        grid-area: equation-ref
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-bib) {
        grid-area: bibliography
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div>ul>li:has(.weditor-bibcite) {
        grid-area: bib-cite
    }
}

@supports not selector(:has(p)) {
    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:first-of-type>ul>li:first-of-type {
        grid-area: header-h1
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:first-of-type>ul>li:nth-of-type(2) {
        grid-area: bold-txt
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:first-of-type>ul>li:nth-of-type(3) {
        grid-area: italic-txt
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:first-of-type>ul>li:nth-of-type(4) {
        grid-area: underline-txt
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:first-of-type>ul>li:nth-of-type(5) {
        grid-area: strike-txt
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:first-of-type>ul>li:nth-of-type(6) {
        grid-area: teletype-txt
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:first-of-type>ul>li:nth-of-type(7) {
        grid-area: quote-block
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:first-of-type>ul>li:nth-of-type(8) {
        grid-area: super-txt
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:first-of-type>ul>li:nth-of-type(9) {
        grid-area: sub-txt
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:first-of-type>ul>li:nth-of-type(10) {
        grid-area: raw-txt
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:nth-of-type(2)>ul>li:first-of-type {
        grid-area: hr-txt
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:nth-of-type(2)>ul>li:nth-of-type(2) {
        grid-area: div-block
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:nth-of-type(2)>ul>li:nth-of-type(3) {
        grid-area: clear-all-fl
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:nth-of-type(2)>ul>li:nth-of-type(4) {
        grid-area: create-table
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:nth-of-type(2)>ul>li:nth-of-type(5) {
        grid-area: create-toc
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:nth-of-type(2)>ul>li:nth-of-type(7) {
        grid-area: code-block
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:nth-of-type(2)>ul>li:nth-of-type(8) {
        grid-area: code-wizard
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:nth-of-type(2)>ul>li:nth-of-type(10) {
        grid-area: url-txt
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:nth-of-type(2)>ul>li:nth-of-type(11) {
        grid-area: url-wizard
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:nth-of-type(2)>ul>li:nth-of-type(12) {
        grid-area: page-link-txt
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:nth-of-type(2)>ul>li:nth-of-type(13) {
        grid-area: page-link-wizard
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:nth-of-type(2)>ul>li:nth-of-type(15) {
        grid-area: image-block
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:nth-of-type(2)>ul>li:nth-of-type(16) {
        grid-area: image-wizard
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:nth-of-type(2)>ul>li:nth-of-type(18) {
        grid-area: html-block
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:nth-of-type(3)>ul>li:first-of-type {
        grid-area: ordered-list
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:nth-of-type(3)>ul>li:nth-of-type(2) {
        grid-area: unordered-list
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:nth-of-type(3)>ul>li:nth-of-type(3) {
        grid-area: increment-list
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:nth-of-type(3)>ul>li:nth-of-type(4) {
        grid-area: decrement-list
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:nth-of-type(3)>ul>li:nth-of-type(5) {
        grid-area: definition-list
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:nth-of-type(3)>ul>li:nth-of-type(6) {
        grid-area: create-footnote
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:nth-of-type(3)>ul>li:nth-of-type(8) {
        grid-area: math-block
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:nth-of-type(3)>ul>li:nth-of-type(9) {
        grid-area: math-inline
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:nth-of-type(3)>ul>li:nth-of-type(10) {
        grid-area: equation-ref
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:nth-of-type(3)>ul>li:nth-of-type(12) {
        grid-area: bibliography
    }

    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel div:nth-of-type(3)>ul>li:nth-of-type(13) {
        grid-area: bib-cite
    }
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel li .hseparator {
    display: none
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel li:is(:hover, :active, :focus-within)>a:before {
    background-color: rgb(var(--editor-icon-hover-color))
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel li:is(:hover, :active, :focus-within)>a:after {
    --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a {
    background-color: rgb(var(--editor-icon-bg));
    background-image: initial;
    background-position: initial;
    border: none;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    overflow: hidden
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a:before {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a:after {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a:before {
    z-index: 1;
    -webkit-transition: background-color .15s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out);
    background-color: rgb(var(--editor-icon-color));
    -webkit-mask: var(--edit-menu-mask)center center/calc(var(--icon-size)*.8)no-repeat;
    mask: var(--edit-menu-mask)center center/calc(var(--icon-size)*.8)no-repeat;
    width: 100%
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a:after {
    --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    z-index: 0;
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    opacity: 1;
    background-color: rgb(var(--editor-icon-hover-bg));
    pointer-events: none;
    clip-path: var(--clip-path);
    width: 100%;
    height: 100%
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a span {
    display: none
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-h1:before {
    --edit-menu-mask: var(--h1-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-h2:before {
    --edit-menu-mask: var(--h2-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-h3:before {
    --edit-menu-mask: var(--h3-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-h4:before {
    --edit-menu-mask: var(--h4-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-h5:before {
    --edit-menu-mask: var(--h5-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-h6:before {
    --edit-menu-mask: var(--h6-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-bold:before {
    --edit-menu-mask: var(--bold-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-italic:before {
    --edit-menu-mask: var(--italic-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-underline:before {
    --edit-menu-mask: var(--underline-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-strikethrough:before {
    --edit-menu-mask: var(--strikethrough-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-teletype:before {
    --edit-menu-mask: var(--teletype-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-quote:before {
    --edit-menu-mask: var(--quote-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-superscript:before {
    --edit-menu-mask: var(--superscript-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-subscript:before {
    --edit-menu-mask: var(--subscript-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-raw:before {
    --edit-menu-mask: var(--rawtext-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-hr:before {
    --edit-menu-mask: var(--hr-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-div:before {
    --edit-menu-mask: var(--divblock-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-clearfloat:before {
    --edit-menu-mask: var(--clearfloat-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-clearfloatleft:before {
    --edit-menu-mask: var(--clearfloatleft-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-clearfloatright:before {
    --edit-menu-mask: var(--clearfloatright-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-table:before {
    --edit-menu-mask: var(--table-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-toc:before {
    --edit-menu-mask: var(--toc-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-code:before {
    --edit-menu-mask: var(--codeblock-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-codewiz:before {
    --edit-menu-mask: var(--codewiz-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-uri:before {
    --edit-menu-mask: var(--url-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-uriwiz:before {
    --edit-menu-mask: var(--urlwiz-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-pagelink:before {
    --edit-menu-mask: var(--pagelink-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-pagelinkwiz:before {
    --edit-menu-mask: var(--pagelinkwiz-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-image:before {
    --edit-menu-mask: var(--imageblock-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-imagewiz:before {
    --edit-menu-mask: var(--imagewiz-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-html:before {
    --edit-menu-mask: var(--htmlblock-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-numlist:before {
    --edit-menu-mask: var(--ordered-list-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-bullist:before {
    --edit-menu-mask: var(--unordered-list-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-incindent:before {
    --edit-menu-mask: var(--inc-list-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-decindent:before {
    --edit-menu-mask: var(--dec-list-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-deflist:before {
    --edit-menu-mask: var(--def-list-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-footnote:before {
    --edit-menu-mask: var(--footnote-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-math:before {
    --edit-menu-mask: var(--math-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-mathinline:before {
    --edit-menu-mask: var(--inline-math-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-eqref:before {
    --edit-menu-mask: var(--eq-def-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-bib:before {
    --edit-menu-mask: var(--bib-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel a.weditor-bibcite:before {
    --edit-menu-mask: var(--bib-cite-mask)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .wd-editor-toolbar-panel+div {
    box-shadow: inset 0 -.0625rem 0 0 rgba(var(--swatch-tertiary-color), .25), inset 0 .0625rem 0 0 rgba(var(--swatch-tertiary-color), .25);
    grid-area: editbox;
    padding: .125em 0;
    position: relative
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) textarea {
    text-align: left;
    word-wrap: break-word;
    white-space: pre-wrap;
    tab-size: 4;
    border: none;
    outline: 0 solid transparent;
    padding: 1ex 1ch;
    font-size: .9em;
    line-height: 1.42;
    overflow-y: auto;
    width: 100% !important
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .edit-help-34 {
    --wght: var(--ui-wght);
    background-color: rgba(var(--swatch-tertiary-color), .05);
    font-size: .7em;
    font-weight: var(--wght);
    text-transform: capitalize;
    white-space: nowrap;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-area: edit-help;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-height: 1.125em;
    margin: 0;
    padding: .125em 0;
    line-height: 1.25;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .edit-help-34>a {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .25em;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .edit-help-34>a:after {
    --clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    content: " ";
    z-index: -1;
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    opacity: 1;
    background-color: rgb(var(--swatch-primary));
    pointer-events: none;
    clip-path: var(--clip-path);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .edit-help-34>a:first-of-type {
    margin: 0 1.5em 0 .5em
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .edit-help-34>a:nth-of-type(2):before {
    content: " | ";
    color: rgb(var(--swatch-text-tertiary-color));
    position: absolute;
    left: -1em
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .edit-help-34>a:nth-of-type(2):is(:hover, :active, :focus, :focus-within):before {
    content: " | ";
    color: rgb(var(--swatch-text-tertiary-color));
    position: absolute;
    left: -1em
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .edit-help-34>a:is(:hover, :active, :focus, :focus-within) {
    --wght: calc(var(--ui-hvr-wght));
    -webkit-transition: color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    color: rgb(var(--swatch-background));
    font-weight: var(--wght);
    text-decoration: none
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .edit-help-34>a:is(:hover, :active, :focus, :focus-within):after {
    --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .change-textarea-size {
    background-color: rgba(var(--swatch-tertiary-color), .15);
    grid-area: text-resize;
    grid-auto-flow: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: .25em;
    height: 100%;
    margin: 0;
    padding: 0;
    display: grid
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .change-textarea-size a {
    --wght: calc(var(--ui-wght) + 100);
    -webkit-transition: background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    background-color: rgba(var(--swatch-primary-darker), .4);
    box-shadow: none;
    color: rgb(var(--swatch-text-secondary-color));
    font-weight: var(--wght);
    border: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 1.125em;
    height: 1.125em;
    padding: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .change-textarea-size a:is(:hover, :active, :focus, :focus-within) {
    --wght: calc(var(--ui-hvr-wght) + 100);
    background-color: rgb(var(--swatch-primary));
    font-weight: var(--wght)
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .edit-page-bottomtable tr>td:first-of-type>div:first-of-type {
    --wght: var(--ui-hvr-wght);
    background-color: rgb(var(--swatch-background));
    box-shadow: 0 -.0625rem 0 0 rgba(var(--swatch-tertiary-color), .5);
    color: transparent;
    font-weight: var(--wght);
    grid-area: descrip;
    grid-template-rows: 1em 1fr;
    -webkit-justify-content: stretch;
    justify-content: stretch;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 1.5rem;
    padding-top: .75em;
    display: grid;
    position: relative
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .edit-page-bottomtable tr>td:first-of-type>div:first-of-type:before {
    content: var(--text-editor-desc);
    z-index: 2;
    -webkit-transition: box-shadow .2s var(--ease-in-out), background-color .15s var(--ease-in-out), color .15s var(--ease-in-out);
    transition: box-shadow .2s var(--ease-in-out), background-color .15s var(--ease-in-out), color .15s var(--ease-in-out);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--swatch-background));
    box-shadow: 0 0 0 0 rgb(var(--swatch-primary));
    color: rgb(var(--swatch-text-general));
    text-transform: uppercase;
    will-change: box-shadow, color, background-color;
    padding: .15625em;
    font-size: .8em;
    position: absolute;
    top: -1em;
    bottom: auto;
    left: 1rem;
    right: auto;
    translate: 0
}

@supports not (translate:0 0) {
    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .edit-page-bottomtable tr>td:first-of-type>div:first-of-type:before {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .edit-page-bottomtable tr>td:first-of-type>div:first-of-type br {
    display: none
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .edit-page-bottomtable tr>td:first-of-type>div:first-of-type textarea {
    --wght: var(--ui-wght);
    z-index: 1;
    -webkit-transition: box-shadow .2s var(--ease-in-out), background-color .15s var(--ease-in-out);
    transition: box-shadow .2s var(--ease-in-out), background-color .15s var(--ease-in-out);
    outline: 0 solid rgb(var(--swatch-primary));
    box-shadow: 0 0 0 0 rgb(var(--swatch-primary));
    color: rgb(var(--swatch-menutxt-general-color));
    font-weight: var(--wght);
    resize: none;
    will-change: box-shadow, background-color;
    width: calc(100% - 2rem);
    height: 100%;
    min-height: 7em;
    margin: -1.325em auto 0;
    padding: .75em .5em .5em
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .edit-page-bottomtable tr>td:first-of-type>div:first-of-type textarea:not(:placeholder-shown) {
    background-color: rgba(var(--swatch-primary-darker), .05);
    color: rgb(var(--swatch-menutxt-general-color))
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .edit-page-bottomtable tr>td:first-of-type>div:first-of-type textarea:placeholder-shown {
    background-color: rgba(var(--swatch-primary-darker), .4);
    color: rgb(var(--swatch-menutxt-general-color))
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .edit-page-bottomtable tr>td:first-of-type>div:first-of-type:focus-within:before {
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--swatch-primary));
    box-shadow: 0 0 0 .15625em rgb(var(--swatch-primary));
    color: rgb(var(--swatch-background));
    translate: 0 -.25em
}

@supports not (translate:0 -0.25em) {
    :is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .edit-page-bottomtable tr>td:first-of-type>div:first-of-type:focus-within:before {
        -webkit-transform: translateY(-.25em);
        transform: translateY(-.25em)
    }
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .edit-page-bottomtable tr>td:first-of-type>div:first-of-type:focus-within textarea {
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgba(var(--swatch-secondary-color), 0);
    box-shadow: 0 0 0 .125rem rgb(var(--swatch-primary));
    color: rgb(var(--swatch-menutxt-general-color));
    border: none
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) .edit-page-bottomtable div.sub {
    z-index: 5;
    text-align: right;
    grid-area: descsub;
    height: 1rem;
    margin: -1.5em 1rem 0 0;
    padding: 0 1.25em 0 0;
    font-size: .8em
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) #lock-info {
    text-align: center;
    border: none;
    grid-area: info-lock;
    margin: .25em auto;
    font-size: .8125em;
    line-height: 1.42
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) div.do-not-notify {
    grid-area: nonotif;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 0 1ch;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) div.do-not-notify label {
    height: 1em;
    line-height: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) div.do-not-notify label input {
    margin-right: .5em
}

:is(form#edit-page-form, form#edit-post-form, form#new-post-form, form#new-thread-form) div.buttons {
    grid-area: editbuttons;
    grid-template-columns: repeat(3, 1fr);
    gap: 1ch;
    margin: 1ch;
    display: grid
}

#action-area a[onclick*=PageRateModule] {
    --wght: var(--ui-wght);
    z-index: 2;
    -webkit-transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    border: .0625rem solid rgba(var(--swatch-primary), .05);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-bg));
    box-shadow: -.125rem 0 .25rem 0 rgba(var(--swatch-tertiary-color), .25), inset 0 -.0625rem 0 0 rgba(var(--swatch-tertiary-color), .75), 0 0 0 0 rgb(var(--ui-button-bg));
    color: rgb(var(--ui-button-txt));
    font-family: var(--UI-font);
    font-weight: var(--wght);
    will-change: border-color, box-shadow, color, background-color, font-weight, font-variation-settings;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-width: 5em;
    margin: 0;
    padding: .25em;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
    overflow: hidden;
    container-type: normal
}

@supports (font-size:0.75cqi) {
    #action-area a[onclick*=PageRateModule] {
        font-size: calc(max(var(--min-font-size), min(.75cqi, var(--max-font-size)))*1.8)
    }
}

#action-area a[onclick*=PageRateModule]:is(:hover, :active, :focus, :focus-within) {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-hover-bg));
    box-shadow: 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), inset 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), 0 0 0 .125rem rgb(var(--ui-button-hover-outline));
    color: rgb(var(--ui-button-hover-txt));
    font-weight: var(--wght);
    cursor: pointer;
    border-color: transparent;
    text-decoration: none
}

@supports (font-size:1cqi) {
    #action-area a[onclick*=PageRateModule] {
        font-size: max(var(--min-font-size), min(.75cqi, var(--max-font-size)))
    }
}

#who-rated-page-area>div {
    --wght: var(--ui-wght);
    grid-row-gap: .25em;
    font-weight: var(--wght);
    grid-template-columns: repeat(auto-fill, minmax(9.375rem, 1fr) 1em);
    grid-auto-rows: 1.5rem;
    line-height: 1;
    display: grid
}

#who-rated-page-area>div>span[style*=color] {
    --wght: 800;
    box-shadow: 0 0 0 .0625rem rgb(var(--swatch-tertiary-color));
    font-weight: var(--wght);
    text-align: left;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-self: center;
    align-self: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 1rem;
    height: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    color: rgb(var(--swatch-text-tertiary-color)) !important
}

#who-rated-page-area>div>span[style*=color]:after {
    content: "";
    padding-bottom: 100%;
    display: block
}

#who-rated-page-area br {
    display: none
}

#who-rated-page-area span.printuser {
    text-align: left;
    width: calc(100% - 1em);
    height: 100%;
    padding-left: .75em
}

#who-rated-page-area span.printuser:after {
    content: "";
    background: rgb(var(--swatch-tertiary-color));
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    height: .0625rem;
    margin: auto auto auto .25rem
}

#who-rated-page-area span.printuser a {
    --wght: 600;
    font-family: var(--UI-font);
    font-size: calc(var(--base-font-size)*(11/15));
    font-weight: var(--wght);
    white-space: nowrap
}

#who-rated-page-area span.printuser.deleted {
    --wght: 600;
    font-family: var(--UI-font);
    font-size: calc(var(--base-font-size)*(11/15));
    font-weight: var(--wght);
    white-space: nowrap
}

#page-tags-error {
    --wght: 700;
    background-color: rgb(var(--rating-module-button-negative-color));
    color: rgb(var(--swatch-background));
    font-family: var(--UI-font);
    font-weight: var(--wght)
}

form[onsubmit*=PageTagsModule] table>tbody>tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative
}

form[onsubmit*=PageTagsModule] table>tbody>tr>td {
    text-align: left;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2
}

form[onsubmit*=PageTagsModule] table>tbody>tr>td {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

form[onsubmit*=PageTagsModule] table>tbody>tr>td * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

form[onsubmit*=PageTagsModule] table>tbody>tr>td:first-child {
    --wght: calc(var(--ui-wght) + 100);
    -webkit-transition: box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), translate .2s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), translate .2s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--swatch-background));
    box-shadow: 0 0 0 0 rgb(var(--swatch-primary));
    color: rgb(var(--swatch-text-general));
    font-size: .8em;
    font-weight: var(--wght);
    text-transform: uppercase;
    will-change: box-shadow, color, background-color, translate, font-weight, font-variation-settings;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: max-content;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 1ex;
    margin-right: 1ex;
    padding: 0 .25em;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    top: -1em;
    bottom: auto;
    left: 1rem;
    right: auto;
    translate: 0
}

@supports not (translate:0) {
    form[onsubmit*=PageTagsModule] table>tbody>tr>td:first-child {
        -webkit-transition: box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), transform .2s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
        transition: box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), transform .2s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
        will-change: box-shadow, color, background-color, transform, font-weight, font-variation-settings;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

form[onsubmit*=PageTagsModule] table>tbody>tr>td:first-child:after {
    content: "↴"
}

form[onsubmit*=PageTagsModule] table>tbody>tr>td:nth-child(2) {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    display: grid
}

form[onsubmit*=PageTagsModule] table>tbody>tr>td:nth-child(2)>input {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: .5ch;
    padding-bottom: .5ch;
    padding-left: 1ex;
    padding-right: 1ex
}

form[onsubmit*=PageTagsModule] table>tbody>tr:focus-within>td:first-child {
    --wght: calc(var(--ui-hvr-wght) + 100);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--swatch-primary));
    box-shadow: 0 0 0 .15625rem rgb(var(--swatch-primary));
    color: rgb(var(--swatch-background));
    font-weight: var(--wght);
    translate: -.25em -.25em
}

@supports not (translate:-0.25em -0.25em) {
    form[onsubmit*=PageTagsModule] table>tbody>tr:focus-within>td:first-child {
        -webkit-transform: translate(-.25em, -.25em);
        transform: translate(-.25em, -.25em)
    }
}

#page-version-info {
    z-index: 1
}

#history-form-1 {
    margin-top: 1.5rem
}

#history-form-1>table>tbody {
    grid-template-columns: 1fr 8.5rem;
    display: grid
}

#history-form-1>table>tbody>tr {
    grid-template-rows: 1.5rem 1fr;
    width: 100%;
    display: grid
}

#history-form-1>table>tbody>tr:first-child>td:nth-of-type(2) {
    text-align: left;
    text-indent: -.5ch;
    grid-template-columns: repeat(3, 3rem 1fr);
    grid-auto-flow: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    display: grid
}

#history-form-1>table>tbody>tr:first-child>td:nth-of-type(2) input {
    margin-left: 50%
}

#history-form-1>table>tbody>tr:nth-child(2) {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

#history-form-1>table>tbody>tr:nth-child(2)>td:nth-of-type(2) {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#history-form-1>table>tbody>tr>td:first-of-type {
    --wght: var(--ui-hvr-wght);
    background-color: rgb(var(--swatch-primary-darkest));
    color: rgb(var(--swatch-background));
    font-size: .8em;
    font-weight: var(--wght);
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: max-content;
    height: 1.5em;
    padding: .25em;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#history-form-1>table>tbody>tr>td:nth-of-type(2) {
    box-shadow: 0 -.125rem 0 0 rgb(var(--swatch-primary-darkest));
    height: 100%;
    padding: .5em 0
}

#revision-list {
    margin-top: 3ex
}

table.page-history {
    width: 100%
}

table.page-history tr[id^=revision-row] {
    grid-template: "rev-num rev-radio rev-flags rev-actions rev-user rev-date" 2rem"rev-com rev-com rev-com rev-com rev-com rev-com" 1fr/4ch 2.5rem 4ch 8ch 1fr 1fr;
    padding: 0 0 .5em;
    display: grid
}

table.page-history tr:nth-child(n+3) {
    padding: .5em 0
}

table.page-history tr td {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
    width: 100% !important
}

table.page-history tr td:first-of-type {
    grid-area: rev-num
}

table.page-history tr td:nth-of-type(2) {
    grid-area: rev-radio
}

table.page-history tr td:nth-of-type(2) input[type=radio]:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 0;
    margin-right: .5ch
}

table.page-history tr td:nth-of-type(2) input[type=radio]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: .5ch;
    margin-right: 0
}

table.page-history tr td:nth-of-type(3) {
    grid-area: rev-flags
}

table.page-history tr td.optionstd {
    grid-area: rev-actions;
    grid-template-columns: 1fr 1fr 1fr;
    gap: .25rem;
    display: grid
}

table.page-history tr td.optionstd a {
    --wght: var(--ui-wght);
    z-index: 2;
    -webkit-transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    border: .0625rem solid rgba(var(--swatch-primary), .05);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-bg));
    box-shadow: -.125rem 0 .25rem 0 rgba(var(--swatch-tertiary-color), .25), inset 0 -.0625rem 0 0 rgba(var(--swatch-tertiary-color), .75), 0 0 0 0 rgb(var(--ui-button-bg));
    color: rgb(var(--ui-button-txt));
    font-family: var(--UI-font);
    font-weight: var(--wght);
    will-change: border-color, box-shadow, color, background-color, font-weight, font-variation-settings;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-width: 1em;
    margin: 0;
    padding: .25em;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
    overflow: hidden;
    container-type: normal
}

@supports (font-size:0.75cqi) {
    table.page-history tr td.optionstd a {
        font-size: calc(max(var(--min-font-size), min(.75cqi, var(--max-font-size)))*1.8)
    }
}

table.page-history tr td.optionstd a:is(:hover, :active, :focus, :focus-within) {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-hover-bg));
    box-shadow: 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), inset 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), 0 0 0 .125rem rgb(var(--ui-button-hover-outline));
    color: rgb(var(--ui-button-hover-txt));
    font-weight: var(--wght);
    cursor: pointer;
    border-color: transparent;
    text-decoration: none
}

@supports (font-size:1cqi) {
    table.page-history tr td.optionstd a {
        font-size: max(var(--min-font-size), min(.75cqi, var(--max-font-size)))
    }
}

table.page-history tr td:nth-of-type(5) {
    grid-area: rev-user
}

table.page-history tr td:nth-of-type(6) {
    grid-area: rev-date;
    padding: 0 !important
}

table.page-history tr td:nth-of-type(7) {
    grid-area: rev-com;
    padding: 0 1em;
    width: calc(100% - 2em) !important
}

table.page-history tr:first-of-type {
    display: none
}

table.page-history tr:nth-of-type(2) {
    padding-top: 3em
}

table.page-history tr:nth-of-type(2) td:not(:nth-of-type(7)):before {
    --wght: 600;
    background-color: rgb(var(--swatch-primary));
    color: rgb(var(--swatch-text-secondary-color));
    font-family: var(--UI-font);
    font-size: calc(var(--base-font-size)*(11/15));
    font-weight: var(--wght);
    text-transform: uppercase;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    top: calc(-100% - .5em);
    bottom: auto;
    left: 0;
    right: auto
}

table.page-history tr:nth-of-type(2) td:first-of-type:before {
    content: var(--text-pagehistory-rev)
}

table.page-history tr:nth-of-type(2) td:nth-of-type(2):before {
    content: ""
}

table.page-history tr:nth-of-type(2) td:nth-of-type(3):before {
    content: var(--text-pagehistory-flags)
}

table.page-history tr:nth-of-type(2) td:nth-of-type(4):before {
    content: var(--text-pagehistory-actions)
}

table.page-history tr:nth-of-type(2) td:nth-of-type(5):before {
    content: var(--text-pagehistory-by)
}

table.page-history tr:nth-of-type(2) td:nth-of-type(6):before {
    content: var(--text-pagehistory-date)
}

table.page-history tr:nth-of-type(odd) {
    background-color: rgba(var(--swatch-tertiary-color), .2)
}

div.inline-diff del {
    background-color: rgba(var(--rating-module-button-negative-color), .25)
}

div.inline-diff ins {
    background-color: rgba(var(--rating-module-button-plus-color), .25)
}

table.page-files {
    font-family: var(--UI-font);
    display: grid
}

table.page-files thead tr th {
    --wght: 600;
    background-color: rgb(var(--swatch-primary));
    color: rgb(var(--swatch-text-secondary-color));
    font-weight: var(--wght);
    text-transform: uppercase;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

table.page-files thead tr th {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative
}

table.page-files thead tr td {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative
}

table.page-files thead tr .options {
    grid-template-columns: repeat(auto-fit, calc(1ch + 5em));
    grid-auto-flow: column;
    gap: .5ch;
    display: grid
}

table.page-files tbody tr th {
    --wght: 600;
    background-color: rgb(var(--swatch-primary));
    color: rgb(var(--swatch-text-secondary-color));
    font-weight: var(--wght);
    text-transform: uppercase;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

table.page-files tbody tr th {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative
}

table.page-files tbody tr td {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative
}

table.page-files tbody tr .options {
    grid-template-columns: repeat(auto-fit, calc(1ch + 5em));
    grid-auto-flow: column;
    gap: .5ch;
    display: grid
}

table.page-files tbody {
    display: contents
}

table.page-files tbody tr:before {
    content: "";
    background-color: rgba(var(--swatch-primary), 0);
    pointer-events: none;
    width: 101%;
    height: 101%;
    position: absolute;
    top: 0;
    bottom: auto;
    left: -.5%;
    right: auto
}

table.page-files tbody tr td>a.btn {
    margin: 0 .5em
}

table.page-files tr {
    width: 100%;
    display: grid;
    position: relative
}

table.page-files tr[id*=file-options] {
    grid-template-columns: 0 0 0 1fr;
    margin-top: 0;
    padding: 0 0 .5em
}

table.page-files tr[id*=file-options]~tr[id*=file-row]:nth-of-type(odd) {
    background-color: transparent
}

table.page-files tr[id*=file-options]~tr[id*=file-row]:nth-of-type(2n) {
    background-color: rgba(var(--swatch-tertiary-color), .2)
}

table.page-files tr[id*=file-row]:nth-of-type(odd) {
    background-color: rgba(var(--swatch-tertiary-color), .2)
}

table.page-files tr[id*=file-row]:nth-of-type(odd)+table.page-files tr[id*=file-options] {
    background-color: rgba(var(--swatch-tertiary-color), .2)
}

table.page-files tr[id*=file-row]:nth-of-type(odd)+.highlight {
    background-color: rgba(var(--swatch-tertiary-color), .2)
}

table.page-files tr[id*=file-row]:nth-of-type(2n)+.highlight {
    background-color: transparent
}

table.page-files tr[id*=file-row] td {
    padding: 0
}

table.page-files tr[id*=file-row] td:last-of-type {
    grid-auto-flow: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: 1ch;
    display: grid
}

table.page-files tr>td>a:not(.btn) {
    --link-color: var(--swatch-text-general);
    --visited-link-color: var(--swatch-text-general);
    --wght: var(--ui-wght);
    -webkit-transition: color .15s var(--ease-in-out), font-weight .15s var(--ease-in-out), font-variation-settings .15s var(--ease-in-out), box-shadow .2s var(--ease-in-out), text-decoration .2s var(--ease-in-out);
    transition: color .15s var(--ease-in-out), font-weight .15s var(--ease-in-out), font-variation-settings .15s var(--ease-in-out), box-shadow .2s var(--ease-in-out), text-decoration .2s var(--ease-in-out);
    box-shadow: inset 0 0 0 0 rgb(var(--swatch-primary-darkest));
    font-weight: var(--wght);
    text-align: center;
    -webkit-text-decoration: underline rgb(var(--swatch-primary-darkest)).125em;
    text-decoration: underline rgb(var(--swatch-primary-darkest)).125em;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-color: transparent;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .5em;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

table.page-files tr>td>a:not(.btn):visited {
    --link-color: var(--swatch-text-general);
    --visited-link-color: var(--swatch-text-general);
    --wght: var(--ui-wght);
    -webkit-transition: color .15s var(--ease-in-out), font-weight .15s var(--ease-in-out), font-variation-settings .15s var(--ease-in-out), box-shadow .2s var(--ease-in-out), text-decoration .2s var(--ease-in-out);
    transition: color .15s var(--ease-in-out), font-weight .15s var(--ease-in-out), font-variation-settings .15s var(--ease-in-out), box-shadow .2s var(--ease-in-out), text-decoration .2s var(--ease-in-out);
    box-shadow: inset 0 0 0 0 rgb(var(--swatch-primary-darkest));
    font-weight: var(--wght);
    text-align: center;
    -webkit-text-decoration: underline rgb(var(--swatch-primary-darkest)).125em;
    text-decoration: underline rgb(var(--swatch-primary-darkest)).125em;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-color: transparent;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .5em;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

table.page-files tr>td>a:not(.btn):is(:hover, :active, :focus, :focus-within) {
    --wght: var(--ui-hvr-wght);
    box-shadow: inset 0 -5em 0 0 rgb(var(--swatch-primary));
    color: rgb(var(--swatch-text-secondary-color));
    font-weight: var(--wght);
    -webkit-text-decoration: underline rgb(var(--swatch-primary))0;
    text-decoration: underline rgb(var(--swatch-primary))0
}

table.page-files thead tr {
    grid-template-columns: 1.5fr 1.5fr 1fr 2fr;
    padding: .5em 0
}

table.page-files tr[id*=file-row] {
    grid-template-columns: 1.5fr 1.5fr 1fr 2fr;
    padding: .5em 0
}

[id*=files-] table.page-files tbody tr {
    grid-template-columns: 1.5fr 1.5fr 1fr 2fr;
    padding: .5em 0
}

[id*=files] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    flex-flow: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#odialog-container #rename-error-block+table {
    white-space: nowrap;
    grid-auto-flow: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: .5em;
    display: grid
}

#odialog-container #rename-error-block+table tbody {
    display: contents
}

#odialog-container #rename-error-block+table tbody tr {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#odialog-container #rename-error-block+table tbody tr:first-of-type td {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5ch 1ex
}

#odialog-container #rename-error-block+table tbody tr:first-of-type td:first-of-type {
    --wght: 600;
    background-color: rgb(var(--swatch-primary));
    color: rgb(var(--swatch-text-secondary-color));
    font-family: var(--UI-font);
    font-weight: var(--wght);
    text-transform: uppercase
}

#odialog-container #rename-error-block+table tbody tr:first-of-type td:last-of-type {
    border: .0625rem solid rgba(var(--swatch-border-color), .25);
    background-color: rgb(var(--swatch-secondary-color))
}

#odialog-container #rename-error-block+table tbody tr:last-of-type {
    margin-top: 2ex;
    margin-bottom: 2ex;
    position: relative
}

#odialog-container #rename-error-block+table tbody tr:last-of-type td {
    max-width: calc(100% - 2ch)
}

#odialog-container #rename-error-block+table tbody tr:last-of-type td:first-of-type {
    --wght: calc(var(--ui-wght) + 100);
    -webkit-transition: box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), translate .2s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), translate .2s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--swatch-background));
    box-shadow: 0 0 0 0 rgb(var(--swatch-primary));
    color: rgb(var(--swatch-text-general));
    font-size: .8em;
    font-weight: var(--wght);
    text-transform: uppercase;
    will-change: box-shadow, color, background-color, translate, font-weight, font-variation-settings;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: max-content;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 1ex;
    margin-right: 1ex;
    padding: 0 .25em;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    top: -1em;
    bottom: auto;
    left: .75ch;
    right: auto;
    translate: 0
}

@supports not (translate:0) {
    #odialog-container #rename-error-block+table tbody tr:last-of-type td:first-of-type {
        -webkit-transition: box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), transform .2s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
        transition: box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), transform .2s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
        will-change: box-shadow, color, background-color, transform, font-weight, font-variation-settings;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

#odialog-container #rename-error-block+table tbody tr:last-of-type td:last-of-type input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: .5ch;
    padding-bottom: .5ch;
    padding-left: 1ex;
    padding-right: 1ex
}

#odialog-container #rename-error-block+table tbody tr:last-of-type:focus-within td:first-of-type {
    --wght: calc(var(--ui-hvr-wght) + 100);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--swatch-primary));
    box-shadow: 0 0 0 .15625rem rgb(var(--swatch-primary));
    color: rgb(var(--swatch-background));
    font-weight: var(--wght);
    translate: -.25em -.25em
}

@supports not (translate:-0.25em -0.25em) {
    #odialog-container #rename-error-block+table tbody tr:last-of-type:focus-within td:first-of-type {
        -webkit-transform: translate(-.25em, -.25em);
        transform: translate(-.25em, -.25em)
    }
}

#file-upload-form table {
    display: contents
}

#file-upload-form table>* {
    display: contents
}

#file-upload-form table>*>* {
    display: contents
}

#file-upload-form table.form {
    grid-template-columns: 1fr max-content max-content 1fr;
    gap: .5em;
    display: grid
}

#file-upload-form table.form tr:not(:nth-of-type(3)) td:first-of-type {
    grid-column: 2/span 1;
    justify-self: flex-end
}

#file-upload-form table.form tr:not(:nth-of-type(3)) td:last-of-type {
    grid-column: 3/span 1
}

#file-upload-form table.form tr:first-of-type td:first-of-type {
    -webkit-align-self: center;
    align-self: center
}

#file-upload-form table.form tr:nth-of-type(3) td {
    grid-column: 2/span 2
}

#upload-userfile[type=file] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    cursor: pointer;
    margin: 0;
    padding: .5rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

#upload-userfile[type=file]::-webkit-file-upload-button {
    --wght: var(--ui-wght);
    z-index: 2;
    -webkit-transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    border: .0625rem solid rgba(var(--swatch-primary), .05);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-bg));
    box-shadow: -.125rem 0 .25rem 0 rgba(var(--swatch-tertiary-color), .25), inset 0 -.0625rem 0 0 rgba(var(--swatch-tertiary-color), .75), 0 0 0 0 rgb(var(--ui-button-bg));
    color: rgb(var(--ui-button-txt));
    font-family: var(--UI-font);
    font-weight: var(--wght);
    will-change: border-color, box-shadow, color, background-color, font-weight, font-variation-settings;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-width: 5em;
    margin: 0;
    padding: .25em;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
    overflow: hidden;
    container-type: normal
}

#upload-userfile[type=file]::file-selector-button {
    --wght: var(--ui-wght);
    z-index: 2;
    -webkit-transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    border: .0625rem solid rgba(var(--swatch-primary), .05);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-bg));
    box-shadow: -.125rem 0 .25rem 0 rgba(var(--swatch-tertiary-color), .25), inset 0 -.0625rem 0 0 rgba(var(--swatch-tertiary-color), .75), 0 0 0 0 rgb(var(--ui-button-bg));
    color: rgb(var(--ui-button-txt));
    font-family: var(--UI-font);
    font-weight: var(--wght);
    will-change: border-color, box-shadow, color, background-color, font-weight, font-variation-settings;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-width: 5em;
    margin: 0;
    padding: .25em;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
    overflow: hidden;
    container-type: normal
}

#upload-userfile[type=file]:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::-webkit-file-upload-button {
    margin-left: 0;
    margin-right: 1ch
}

#upload-userfile[type=file]:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::file-selector-button {
    margin-left: 0;
    margin-right: 1ch
}

#upload-userfile[type=file]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-webkit-file-upload-button {
    margin-left: 1ch;
    margin-right: 0
}

#upload-userfile[type=file]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::file-selector-button {
    margin-left: 1ch;
    margin-right: 0
}

@supports (font-size:0.75cqi) {
    #upload-userfile[type=file]::-webkit-file-upload-button {
        font-size: calc(max(var(--min-font-size), min(.75cqi, var(--max-font-size)))*1.8)
    }
}

#upload-userfile[type=file]::file-selector-button:is(:hover, :active, :focus, :focus-within) {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-hover-bg));
    box-shadow: 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), inset 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), 0 0 0 .125rem rgb(var(--ui-button-hover-outline));
    color: rgb(var(--ui-button-hover-txt));
    font-weight: var(--wght);
    cursor: pointer;
    border-color: transparent;
    text-decoration: none
}

@supports (font-size:1cqi) {
    #upload-userfile[type=file]::file-selector-button {
        font-size: max(var(--min-font-size), min(.75cqi, var(--max-font-size)))
    }
}

@supports (font-size:0.75cqi) {
    #upload-userfile[type=file]::file-selector-button {
        font-size: calc(max(var(--min-font-size), min(.75cqi, var(--max-font-size)))*1.8)
    }
}

#upload-userfile[type=file]::file-selector-button:is(:hover, :active, :focus, :focus-within) {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-hover-bg));
    box-shadow: 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), inset 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), 0 0 0 .125rem rgb(var(--ui-button-hover-outline));
    color: rgb(var(--ui-button-hover-txt));
    font-weight: var(--wght);
    cursor: pointer;
    border-color: transparent;
    text-decoration: none
}

@supports (font-size:1cqi) {
    #upload-userfile[type=file]::file-selector-button {
        font-size: max(var(--min-font-size), min(.75cqi, var(--max-font-size)))
    }
}

#odialog-container .content h1+div[style*="text-align: center; margin: 1em"] {
    grid-row-end: 3;
    grid-column-start: 3
}

#site-tools-box {
    margin-top: 1.5em;
    position: relative
}

#site-tools-box:after {
    content: "";
    z-index: -1;
    box-shadow: 0 -.0625rem 0 0 rgb(var(--swatch-tertiary-color));
    width: calc(100% - 6em);
    height: 100%;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}

#site-tools-box:before {
    --wght: 700;
    content: var(--text-sitetools);
    background-color: rgb(var(--swatch-background));
    color: rgb(var(--swatch-text-general));
    font-family: var(--title-font);
    font-size: 1.1875em;
    font-weight: var(--wght);
    text-align: left;
    font-variant-ligatures: common-ligatures contextual discretionary-ligatures;
    border: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: max-content;
    min-height: 1em;
    margin: -1.25em 0 .25em;
    padding: 0 .5em 0 0;
    line-height: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

@media only screen and (min-width:56.25rem) {
    #site-tools-box:before {
        font-size: 1.5375em
    }
}

#site-tools-box td {
    text-align: left
}

#site-tools-box ul.nav {
    grid-template-columns: repeat(auto-fit, minmax(5rem, 1fr));
    display: grid
}

#site-tools-box ul.nav li {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#site-tools-box ul.nav li a {
    --wght: var(--ui-wght);
    z-index: 2;
    -webkit-transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    border: .0625rem solid rgba(var(--swatch-primary), .05);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-bg));
    box-shadow: -.125rem 0 .25rem 0 rgba(var(--swatch-tertiary-color), .25), inset 0 -.0625rem 0 0 rgba(var(--swatch-tertiary-color), .75), 0 0 0 0 rgb(var(--ui-button-bg));
    color: rgb(var(--ui-button-txt));
    font-family: var(--UI-font);
    font-weight: var(--wght);
    will-change: border-color, box-shadow, color, background-color, font-weight, font-variation-settings;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-width: 5em;
    margin: 0;
    padding: .25em;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
    overflow: hidden;
    container-type: normal
}

@supports (font-size:0.75cqi) {
    #site-tools-box ul.nav li a {
        font-size: calc(max(var(--min-font-size), min(.75cqi, var(--max-font-size)))*1.8)
    }
}

#site-tools-box ul.nav li a:is(:hover, :active, :focus, :focus-within) {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-hover-bg));
    box-shadow: 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), inset 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), 0 0 0 .125rem rgb(var(--ui-button-hover-outline));
    color: rgb(var(--ui-button-hover-txt));
    font-weight: var(--wght);
    cursor: pointer;
    border-color: transparent;
    text-decoration: none
}

@supports (font-size:1cqi) {
    #site-tools-box ul.nav li a {
        font-size: max(var(--min-font-size), min(.75cqi, var(--max-font-size)))
    }
}

#site-tools-box div.wanted-pages-module {
    display: contents
}

#site-tools-box div.wanted-pages-module .pager {
    grid-column: span 2
}

#site-tools-box div.wanted-pages-module table {
    grid-column: span 2;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    display: grid
}

#site-tools-box div.wanted-pages-module table tbody {
    display: contents
}

#site-tools-box div.wanted-pages-module table tbody tr {
    display: contents
}

#site-tools-box div.wanted-pages-module table tr {
    width: 100%
}

#site-tools-box div.wanted-pages-module table tr br {
    display: none
}

#site-tools-box div.wanted-pages-module table tr:first-of-type th {
    --wght: 600;
    background-color: rgb(var(--swatch-primary));
    color: rgb(var(--swatch-text-secondary-color));
    font-weight: var(--wght);
    text-transform: uppercase;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#site-tools-box div.wanted-pages-module table tr:nth-of-type(odd) td {
    background-color: rgba(var(--swatch-tertiary-color), .1)
}

#site-tools-box div.wanted-pages-module table tr a {
    width: calc(100% - 2em);
    margin: .125rem 1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#site-tools-box div.wanted-pages-module table tr a:not(:first-of-type) {
    box-shadow: 0 -.0625rem 0 0 rgba(var(--swatch-primary), .25)
}

#site-tools-box div.wanted-pages-module table tr a:nth-of-type(2n) {
    background-color: rgba(var(--swatch-tertiary-color), .1)
}

#site-tools-box div.wanted-pages-module table.form.grid :is(td, th) {
    border: .0625rem solid rgba(var(--swatch-tertiary-color), .4);
    padding: .5em 1em
}

#st-action-area {
    grid-template-rows: 3rem 1fr;
    grid-template-columns: 50% 50%;
    grid-auto-rows: auto;
    display: grid
}

#st-action-area br {
    display: none
}

#st-action-area>h1:first-of-type {
    grid-column: span 2
}

#st-action-area>p:first-of-type {
    clear: both;
    background-color: rgb(var(--swatch-secondary-color));
    box-shadow: inset .25rem 0 0 0 rgb(var(--swatch-primary)), -.125rem 0 .25rem 0 rgba(var(--swatch-tertiary-color), .25), inset 0 -.0625rem 0 0 rgba(var(--swatch-tertiary-color), .75);
    border: none;
    grid-column: span 2;
    margin: .5em 1.25rem;
    padding: .825em 1.25em;
    display: block;
    position: relative
}

#st-action-area>span {
    width: -moz-fit-content;
    width: fit-content;
    padding: .125rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#st-action-area>span:not(:first-of-type) {
    box-shadow: 0 -.0625rem 0 0 rgba(var(--swatch-primary), .25)
}

#st-action-area>a:not([href="javascript:;"]) {
    width: -moz-fit-content;
    width: fit-content;
    padding: .125rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#st-action-area>a:not([href="javascript:;"]):not(:first-of-type) {
    box-shadow: 0 -.0625rem 0 0 rgba(var(--swatch-primary), .25)
}

#st-action-area>a:not([href="javascript:;"]) {
    text-align: right;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

#st-action-area>a:not([href="javascript:;"]) {
    --link-color: var(--swatch-text-general);
    --visited-link-color: var(--swatch-text-general);
    --wght: var(--ui-wght);
    -webkit-transition: color .15s var(--ease-in-out), font-weight .15s var(--ease-in-out), font-variation-settings .15s var(--ease-in-out), box-shadow .2s var(--ease-in-out), text-decoration .2s var(--ease-in-out);
    transition: color .15s var(--ease-in-out), font-weight .15s var(--ease-in-out), font-variation-settings .15s var(--ease-in-out), box-shadow .2s var(--ease-in-out), text-decoration .2s var(--ease-in-out);
    box-shadow: inset 0 0 0 0 rgb(var(--swatch-primary-darkest));
    font-weight: var(--wght);
    -webkit-text-decoration: underline rgb(var(--swatch-primary-darkest)).0625rem;
    text-decoration: underline rgb(var(--swatch-primary-darkest)).0625rem;
    background-color: transparent;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .5em;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#st-action-area>a:not([href="javascript:;"]):visited {
    --link-color: var(--swatch-text-general);
    --visited-link-color: var(--swatch-text-general);
    --wght: var(--ui-wght);
    -webkit-transition: color .15s var(--ease-in-out), font-weight .15s var(--ease-in-out), font-variation-settings .15s var(--ease-in-out), box-shadow .2s var(--ease-in-out), text-decoration .2s var(--ease-in-out);
    transition: color .15s var(--ease-in-out), font-weight .15s var(--ease-in-out), font-variation-settings .15s var(--ease-in-out), box-shadow .2s var(--ease-in-out), text-decoration .2s var(--ease-in-out);
    box-shadow: inset 0 0 0 0 rgb(var(--swatch-primary-darkest));
    font-weight: var(--wght);
    -webkit-text-decoration: underline rgb(var(--swatch-primary-darkest)).0625rem;
    text-decoration: underline rgb(var(--swatch-primary-darkest)).0625rem;
    background-color: transparent;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .5em;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#st-action-area>a:not([href="javascript:;"]):not(.btn):is(:hover, :active, :focus, :focus-within) {
    --wght: var(--ui-hvr-wght);
    box-shadow: inset 0 -4ch 0 0 rgb(var(--swatch-primary));
    color: rgb(var(--swatch-text-secondary-color));
    font-weight: var(--wght);
    -webkit-text-decoration: underline rgb(var(--swatch-primary))0;
    text-decoration: underline rgb(var(--swatch-primary))0
}

@supports selector(div:has(p)) {
    #st-action-area>a:not([href="javascript:;"]):has(+span) {
        justify-self: flex-end
    }

    #st-action-area>a:not([href="javascript:;"]):has(+br) {
        border: .0625rem solid rgba(var(--swatch-tertiary-color), .4);
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: auto;
        padding: .5em 1em;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: inline-flex
    }

    #st-action-area>a:not([href="javascript:;"]):has(+br):nth-of-type(3n+1) {
        background-color: rgba(var(--swatch-tertiary-color), .05)
    }

    #st-action-area>a:not([href="javascript:;"]):has(+br):nth-of-type(3n+2) {
        background-color: rgba(var(--swatch-tertiary-color), .05)
    }
}

#st-action-area>span {
    text-align: left;
    -webkit-hyphens: auto;
    hyphens: auto;
    padding-left: .125em
}

#st-action-area>span:nth-of-type(2n) {
    background-color: rgba(var(--swatch-tertiary-color), .05)
}

#st-action-area>span~a:nth-of-type(n):not([href="javascript:;"]) {
    background-color: transparent
}

#st-action-area>span[style*="color: #999"] {
    color: rgba(var(--swatch-text-tertiary-color), .8) !important
}

#action-area>div[style="padding-left:3em;"] {
    width: max-content;
    margin: 0 auto;
    padding: 1em 0 !important
}

#action-area>div[style="padding-left:3em;"]>div {
    grid-template-columns: 3rem 1fr;
    gap: 1em;
    display: grid
}

#edit-meta-newtag-form table {
    text-align: right;
    grid-template-columns: 5ch 10ch 1fr 1ch;
    gap: .5ch;
    width: 100%;
    max-width: 100%;
    display: grid
}

#edit-meta-newtag-form table tbody {
    display: contents
}

#edit-meta-newtag-form table tr {
    display: contents
}

#edit-meta-newtag-form table td:nth-of-type(2) {
    display: contents
}

#edit-meta-newtag-form table td:nth-of-type(4) {
    display: contents
}

#edit-meta-newtag-form table td {
    white-space: nowrap;
    position: relative
}

#edit-meta-newtag-form table td:before {
    color: rgb(var(--swatch-text-general));
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: auto;
    left: auto;
    right: 0
}

#edit-meta-newtag-form table td:after {
    color: rgb(var(--swatch-text-general));
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: auto;
    left: auto;
    right: 0
}

#edit-meta-newtag-form table td:first-of-type {
    color: transparent
}

#edit-meta-newtag-form table td:nth-of-type(3) {
    color: transparent
}

#edit-meta-newtag-form table td:nth-of-type(5) {
    color: transparent
}

#edit-meta-newtag-form table td:first-of-type {
    max-width: 5ch
}

#edit-meta-newtag-form table td:first-of-type:before {
    content: "<meta"
}

#edit-meta-newtag-form table td:nth-of-type(2):before {
    content: "name =\"";
    max-width: 10ch;
    position: relative
}

#edit-meta-newtag-form table td:nth-of-type(2):after {
    content: "\"";
    max-width: 2ch;
    position: relative
}

#edit-meta-newtag-form table td:first-of-type {
    grid-row: 1
}

#edit-meta-newtag-form table td:nth-of-type(2) input {
    grid-row: 1
}

#edit-meta-newtag-form table td:nth-of-type(2):before {
    grid-row: 1
}

#edit-meta-newtag-form table td:nth-of-type(2):after {
    grid-row: 1
}

#edit-meta-newtag-form table td:nth-of-type(3) {
    grid-column: 2;
    max-width: 10ch
}

#edit-meta-newtag-form table td:nth-of-type(3):before {
    content: "content =\""
}

#edit-meta-newtag-form table td:nth-of-type(4) input {
    grid-column: 3
}

#edit-meta-newtag-form table td:nth-of-type(5) {
    grid-column: 4;
    max-width: 2ch
}

#edit-meta-newtag-form table td:nth-of-type(5):before {
    content: "\""
}

#edit-meta-newtag-form table td:nth-of-type(3) {
    grid-row: 2
}

#edit-meta-newtag-form table td:nth-of-type(4) input {
    grid-row: 2
}

#edit-meta-newtag-form table td:nth-of-type(5) {
    grid-row: 2
}

#edit-meta-newtag-form table>div {
    grid-template-columns: repeat(3, 1fr);
    gap: 2em;
    margin: 0 2em;
    display: grid
}

#edit-meta-newtag-form table input[type=text] {
    text-align: left
}

#edit-meta-newtag-form>div {
    grid-auto-flow: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: .5ch;
    display: grid
}

#action-area form[onsubmit*=setParent] {
    margin-top: 2ch;
    padding-top: 0
}

#action-area form[onsubmit*=setParent] table.form {
    white-space: nowrap;
    grid-auto-flow: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: .5em;
    display: grid
}

#action-area form[onsubmit*=setParent] table.form tbody {
    display: contents
}

#action-area form[onsubmit*=setParent] table.form tbody>tr {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 2ex;
    margin-bottom: 2ex;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative
}

#action-area form[onsubmit*=setParent] table.form tbody>tr>td:first-of-type {
    --wght: calc(var(--ui-wght) + 100);
    -webkit-transition: box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), translate .2s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), translate .2s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--swatch-background));
    box-shadow: 0 0 0 0 rgb(var(--swatch-primary));
    color: rgb(var(--swatch-text-general));
    font-size: .8em;
    font-weight: var(--wght);
    text-transform: uppercase;
    will-change: box-shadow, color, background-color, translate, font-weight, font-variation-settings;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: max-content;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 1ex;
    margin-right: 1ex;
    padding: 0 .25em;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    top: -1em;
    bottom: auto;
    left: -.25em;
    right: auto;
    translate: 0
}

@supports not (translate:0) {
    #action-area form[onsubmit*=setParent] table.form tbody>tr>td:first-of-type {
        -webkit-transition: box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), transform .2s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
        transition: box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), transform .2s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
        will-change: box-shadow, color, background-color, transform, font-weight, font-variation-settings;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

#action-area form[onsubmit*=setParent] table.form tbody>tr>td:last-of-type input {
    margin-left: 0;
    margin-right: 0;
    padding-top: .5ch;
    padding-bottom: .5ch;
    padding-left: 1ex;
    padding-right: 1ex
}

#action-area form[onsubmit*=setParent] table.form tbody>tr>td .autocomplete-container {
    grid-column: 3
}

#action-area form[onsubmit*=setParent] table.form tbody>tr:focus-within>td:first-of-type {
    --wght: calc(var(--ui-hvr-wght) + 100);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--swatch-primary));
    box-shadow: 0 0 0 .15625rem rgb(var(--swatch-primary));
    color: rgb(var(--swatch-background));
    font-weight: var(--wght);
    translate: -.25em -.25em
}

@supports not (translate:-0.25em -0.25em) {
    #action-area form[onsubmit*=setParent] table.form tbody>tr:focus-within>td:first-of-type {
        -webkit-transform: translate(-.25em, -.25em);
        transform: translate(-.25em, -.25em)
    }
}

#action-area form[onsubmit*=setParent] .buttons {
    grid-auto-flow: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    gap: .5ch;
    display: grid
}

#action-area form[onsubmit*=setParent] #parent-page-name-list .yui-ac-content {
    border: .0625rem solid rgba(var(--swatch-border-color), .25);
    background-color: rgb(var(--swatch-background))
}

#action-area form[onsubmit*=setParent] #parent-page-name-list ul {
    list-style: none
}

#action-area form[onsubmit*=setParent] #parent-page-name-list ul li {
    cursor: pointer;
    padding: .25ch 0;
    position: relative;
    overflow: hidden
}

#action-area form[onsubmit*=setParent] #parent-page-name-list ul li:nth-of-type(odd) {
    background-color: rgba(var(--swatch-tertiary-color), .05)
}

#action-area form[onsubmit*=setParent] #parent-page-name-list ul li:not(:last-of-type) {
    border-bottom: .0625rem dashed rgba(var(--swatch-border-color), .25)
}

#action-area form[onsubmit*=setParent] #parent-page-name-list ul li:before {
    --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    content: " ";
    z-index: 1;
    inset: 0 auto auto calc(var(--base-font-size)*(13/15)*-1);
    width: calc(100% + (var(--base-font-size)*(13/15)));
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    opacity: 1;
    background-color: rgb(var(--swatch-primary));
    pointer-events: none;
    clip-path: var(--clip-path);
    height: 100%;
    position: absolute
}

#action-area form[onsubmit*=setParent] #parent-page-name-list ul li div {
    z-index: 2;
    -webkit-transition: background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    position: relative
}

#action-area form[onsubmit*=setParent] #parent-page-name-list ul li:is(:hover, :active, :focus-within):before {
    --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%)
}

#action-area form[onsubmit*=setParent] #parent-page-name-list ul li:is(:hover, :active, :focus-within) div {
    --wght: var(--ui-hvr-wght);
    background-color: rgba(var(--swatch-primary), .15);
    color: rgb(var(--swatch-text-secondary-color));
    font-weight: var(--wght);
    text-decoration: none
}

#action-area h1+h2 {
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 2ex;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#action-area h1+h2~ul {
    margin-left: 1.5ch;
    list-style: none
}

#action-area h1+h2~ul:not(:first-of-type) {
    border-top: .0625rem solid rgb(var(--swatch-tertiary-color));
    margin-top: 1ex;
    padding-top: 1ex
}

#action-area h1+h2~ul li {
    text-align: left;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    padding-top: .5ex;
    padding-bottom: .5ex;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative
}

#action-area h1+h2~ul li:last-of-type {
    padding-top: 0
}

#action-area h1+h2~ul li:not(:last-of-type):before {
    content: "";
    border-left: .0625rem dashed rgb(var(--swatch-border-color));
    width: .0625rem;
    height: calc(100% - 1ex);
    position: absolute;
    top: 50%;
    bottom: 0;
    left: -1.75ch;
    translate: 0 .3625ex
}

@supports not (translate:0 0.3625ex) {
    #action-area h1+h2~ul li:not(:last-of-type):before {
        -webkit-transform: translateY(.3625ex);
        transform: translateY(.3625ex)
    }
}

#action-area h1+h2~ul li:after {
    content: "•";
    color: rgb(var(--swatch-text-general));
    font-family: var(--UI-font);
    font-size: 1em;
    line-height: 1.6rem;
    display: block;
    position: absolute;
    top: 50%;
    left: calc(-2ch - .0625rem);
    translate: 0 -50%
}

@supports not (translate:0 -50%) {
    #action-area h1+h2~ul li:after {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

#action-area h1+h2~ul li a {
    --wght: var(--ui-wght);
    -webkit-transition: color .15s var(--ease-in-out), font-weight .15s var(--ease-in-out), font-variation-settings .15s var(--ease-in-out), box-shadow .2s var(--ease-in-out), text-decoration .2s var(--ease-in-out);
    transition: color .15s var(--ease-in-out), font-weight .15s var(--ease-in-out), font-variation-settings .15s var(--ease-in-out), box-shadow .2s var(--ease-in-out), text-decoration .2s var(--ease-in-out);
    box-shadow: inset 0 0 0 0 rgb(var(--swatch-primary-darkest));
    font-weight: var(--wght);
    -webkit-text-decoration: underline rgb(var(--swatch-primary-darkest)).0625rem;
    text-decoration: underline rgb(var(--swatch-primary-darkest)).0625rem;
    background-color: transparent;
    padding: .25ex .5ch;
    line-height: 1.125;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

#action-area h1+h2~ul li a:visited {
    --wght: var(--ui-wght);
    -webkit-transition: color .15s var(--ease-in-out), font-weight .15s var(--ease-in-out), font-variation-settings .15s var(--ease-in-out), box-shadow .2s var(--ease-in-out), text-decoration .2s var(--ease-in-out);
    transition: color .15s var(--ease-in-out), font-weight .15s var(--ease-in-out), font-variation-settings .15s var(--ease-in-out), box-shadow .2s var(--ease-in-out), text-decoration .2s var(--ease-in-out);
    box-shadow: inset 0 0 0 0 rgb(var(--swatch-primary-darkest));
    font-weight: var(--wght);
    -webkit-text-decoration: underline rgb(var(--swatch-primary-darkest)).0625rem;
    text-decoration: underline rgb(var(--swatch-primary-darkest)).0625rem;
    background-color: transparent;
    padding: .25ex .5ch;
    line-height: 1.125;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

#action-area h1+h2~ul li a:is(:hover, :active, :focus, :focus-within) {
    --wght: var(--ui-hvr-wght);
    box-shadow: inset 0 -4ch 0 0 rgb(var(--swatch-primary));
    color: rgb(var(--swatch-text-secondary-color));
    font-weight: var(--wght);
    -webkit-text-decoration: underline rgb(var(--swatch-primary))0;
    text-decoration: underline rgb(var(--swatch-primary))0
}

#action-area h1+p+h2~div[style="padding-left:3em;"]>div {
    text-align: left;
    grid-template-columns: 5em 1fr;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

#action-area h1+p+h2~div[style="padding-left:3em;"]>div a {
    --wght: var(--ui-wght);
    z-index: 2;
    -webkit-transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    border: .0625rem solid rgba(var(--swatch-primary), .05);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-bg));
    box-shadow: -.125rem 0 .25rem 0 rgba(var(--swatch-tertiary-color), .25), inset 0 -.0625rem 0 0 rgba(var(--swatch-tertiary-color), .75), 0 0 0 0 rgb(var(--ui-button-bg));
    color: rgb(var(--ui-button-txt));
    font-family: var(--UI-font);
    font-weight: var(--wght);
    will-change: border-color, box-shadow, color, background-color, font-weight, font-variation-settings;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-width: 5em;
    margin: 0;
    padding: .25em;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
    overflow: hidden;
    container-type: normal
}

@supports (font-size:0.75cqi) {
    #action-area h1+p+h2~div[style="padding-left:3em;"]>div a {
        font-size: calc(max(var(--min-font-size), min(.75cqi, var(--max-font-size)))*1.8)
    }
}

#action-area h1+p+h2~div[style="padding-left:3em;"]>div a:is(:hover, :active, :focus, :focus-within) {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-hover-bg));
    box-shadow: 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), inset 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), 0 0 0 .125rem rgb(var(--ui-button-hover-outline));
    color: rgb(var(--ui-button-hover-txt));
    font-weight: var(--wght);
    cursor: pointer;
    border-color: transparent;
    text-decoration: none
}

@supports (font-size:1cqi) {
    #action-area h1+p+h2~div[style="padding-left:3em;"]>div a {
        font-size: max(var(--min-font-size), min(.75cqi, var(--max-font-size)))
    }
}

#action-area p+ul[style*="list-style: none"] {
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fill, minmax(calc(var(--body-width-on-desktop)/4), 1fr));
    border: .0625rem solid rgba(var(--swatch-border-color), .05);
    background-color: rgba(var(--swatch-border-color), .05);
    gap: .0625rem;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    display: grid
}

#action-area p+ul[style*="list-style: none"] li {
    background-color: rgb(var(--swatch-background));
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-top: .5ch;
    padding-bottom: .5ch;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#action-area p+ul[style*="list-style: none"] li:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: 1ch;
    padding-right: 0
}

#action-area p+ul[style*="list-style: none"] li:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-left: 0;
    padding-right: 1ch
}

#action-area>form:nth-child(4) {
    padding-top: 0
}

#action-area>form:nth-child(4)>table:first-child>tbody:first-child>tr:first-child {
    grid-auto-flow: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: 1ch;
    margin-bottom: 0;
    font-size: 1.5em;
    display: grid
}

#action-area>form:nth-child(4)>table:first-child>tbody:first-child>tr:first-child td:last-of-type {
    display: contents
}

#action-area form[onsubmit*=RenamePage] table {
    white-space: nowrap;
    grid-auto-flow: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: .5em;
    display: grid
}

#action-area form[onsubmit*=RenamePage] table tbody {
    display: contents
}

#action-area form[onsubmit*=RenamePage] table tbody tr {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#action-area form[onsubmit*=RenamePage] table tbody tr:first-of-type td {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5ch 1ex
}

#action-area form[onsubmit*=RenamePage] table tbody tr:first-of-type td:first-of-type {
    --wght: 600;
    background-color: rgb(var(--swatch-primary));
    color: rgb(var(--swatch-text-secondary-color));
    font-family: var(--UI-font);
    font-weight: var(--wght);
    text-transform: uppercase
}

#action-area form[onsubmit*=RenamePage] table tbody tr:first-of-type td:last-of-type {
    border: .0625rem solid rgba(var(--swatch-border-color), .25);
    background-color: rgb(var(--swatch-secondary-color))
}

#action-area form[onsubmit*=RenamePage] table tbody tr:last-of-type {
    margin-top: 2ex;
    margin-bottom: 2ex;
    position: relative
}

#action-area form[onsubmit*=RenamePage] table tbody tr:last-of-type td:first-of-type {
    --wght: calc(var(--ui-wght) + 100);
    -webkit-transition: box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), translate .2s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), translate .2s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--swatch-background));
    box-shadow: 0 0 0 0 rgb(var(--swatch-primary));
    color: rgb(var(--swatch-text-general));
    font-size: .8em;
    font-weight: var(--wght);
    text-transform: uppercase;
    will-change: box-shadow, color, background-color, translate, font-weight, font-variation-settings;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: max-content;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 1ex;
    margin-right: 1ex;
    padding: 0 .25em;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    top: -1em;
    bottom: auto;
    left: 0;
    right: auto;
    translate: 0
}

@supports not (translate:0) {
    #action-area form[onsubmit*=RenamePage] table tbody tr:last-of-type td:first-of-type {
        -webkit-transition: box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), transform .2s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
        transition: box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), transform .2s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
        will-change: box-shadow, color, background-color, transform, font-weight, font-variation-settings;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

#action-area form[onsubmit*=RenamePage] table tbody tr:last-of-type td:last-of-type input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
    padding-top: .5ch;
    padding-bottom: .5ch;
    padding-left: 1ex;
    padding-right: 1ex
}

#action-area form[onsubmit*=RenamePage] table tbody tr:last-of-type:focus-within td:first-of-type {
    --wght: calc(var(--ui-hvr-wght) + 100);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--swatch-primary));
    box-shadow: 0 0 0 .15625rem rgb(var(--swatch-primary));
    color: rgb(var(--swatch-background));
    font-weight: var(--wght);
    translate: -.25em -.25em
}

@supports not (translate:-0.25em -0.25em) {
    #action-area form[onsubmit*=RenamePage] table tbody tr:last-of-type:focus-within td:first-of-type {
        -webkit-transform: translate(-.25em, -.25em);
        transform: translate(-.25em, -.25em)
    }
}

@supports selector(div:has(p)) {
    #action-area:has(form[onsubmit*=setParent], #who-rated-page-area, form[onsubmit*=PageTagsModule], table.page-files, #edit-meta-addbutton, ul[style="list-style: none"], #page-block-checkbox, #rename-option-rename, #rename-option-delete) p:not(:has(a[id*=backlinks], a[onclick*=showWho], a.btn)) {
        --wght: var(--ui-wght);
        background-color: rgb(var(--swatch-secondary-color));
        box-shadow: inset .25rem 0 0 0 rgb(var(--swatch-primary)), -.125rem 0 .25rem 0 rgba(var(--swatch-tertiary-color), .25), inset 0 -.0625rem 0 0 rgba(var(--swatch-tertiary-color), .75);
        width: max-content;
        max-width: calc(100% - 2.5rem);
        margin-top: .5em;
        margin-bottom: .5em;
        margin-left: auto;
        margin-right: auto;
        padding: .825em 1.25em;
        display: block
    }

    #action-area:has(form[onsubmit*=setParent], #who-rated-page-area, form[onsubmit*=PageTagsModule], table.page-files, #edit-meta-addbutton, ul[style="list-style: none"], #page-block-checkbox, #rename-option-rename, #rename-option-delete) p:not(:has(a[id*=backlinks], a[onclick*=showWho], a.btn)):not(:is(:only-of-type, :last-of-type)) {
        margin-bottom: 0
    }

    #action-area:has(form[onsubmit*=setParent], #who-rated-page-area, form[onsubmit*=PageTagsModule], table.page-files, #edit-meta-addbutton, ul[style="list-style: none"], #page-block-checkbox, #rename-option-rename, #rename-option-delete) p:not(:has(a[id*=backlinks], a[onclick*=showWho], a.btn)):first-of-type {
        margin-top: 1.5ch
    }

    #action-area:has(form[onsubmit*=setParent], #who-rated-page-area, form[onsubmit*=PageTagsModule], table.page-files, #edit-meta-addbutton, ul[style="list-style: none"], #page-block-checkbox, #rename-option-rename, #rename-option-delete) p:not(:has(a[id*=backlinks], a[onclick*=showWho], a.btn))+div[style*=": center"] {
        margin-top: 1.5ch
    }
}

#action-area>a+h1+p+table.form {
    grid-auto-flow: row;
    width: max-content;
    margin: 0 auto;
    display: grid
}

#action-area>a+h1+p+table.form tbody {
    display: contents
}

#action-area>a+h1+p+table.form tr {
    display: contents
}

#action-area>a+h1+p+table.form tr td {
    padding: .5ch 1ex
}

#action-area>a+h1+p+table.form tr td:first-of-type {
    --wght: 600;
    background-color: rgb(var(--swatch-primary));
    color: rgb(var(--swatch-text-secondary-color));
    font-family: var(--UI-font);
    font-weight: var(--wght);
    text-transform: uppercase
}

#action-area>a+h1+p+table.form tr td:last-of-type {
    text-align: left;
    grid-template-columns: 1fr 2em max-content 1fr;
    grid-auto-rows: 2em;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    column-gap: .125rem;
    display: grid
}

#action-area>a+h1+p+table.form tr td:last-of-type input[type=radio] {
    grid-column-start: 2;
    justify-self: center;
    overflow: visible
}

#action-area>a+h1+p+table.form tr td:last-of-type input[type=radio] :first-of-type {
    grid-row-start: 1
}

#action-area>a+h1+p+table.form tr td:last-of-type input[type=radio] :last-of-type {
    grid-row-start: 2
}

#action-area #rename-backlinks-box table.form {
    grid-template-columns: 1fr max-content max-content 1fr;
    grid-auto-flow: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 auto;
    display: grid
}

#action-area #rename-backlinks-box table.form tbody {
    display: contents
}

#action-area #rename-backlinks-box table.form tr:not(:last-of-type) {
    display: contents
}

#action-area #rename-backlinks-box table.form tr>* {
    padding: .5ch 1ex
}

#action-area #rename-backlinks-box table.form tr:not(:last-of-type)>:first-child {
    text-align: left;
    grid-column: 2
}

#action-area #rename-backlinks-box table.form tr:not(:last-of-type)>:first-child a {
    --link-color: var(--swatch-text-general);
    --visited-link-color: var(--swatch-text-general);
    --wght: var(--ui-wght);
    -webkit-transition: color .15s var(--ease-in-out), font-weight .15s var(--ease-in-out), font-variation-settings .15s var(--ease-in-out), box-shadow .2s var(--ease-in-out), text-decoration .2s var(--ease-in-out);
    transition: color .15s var(--ease-in-out), font-weight .15s var(--ease-in-out), font-variation-settings .15s var(--ease-in-out), box-shadow .2s var(--ease-in-out), text-decoration .2s var(--ease-in-out);
    box-shadow: inset 0 0 0 0 rgb(var(--swatch-primary-darkest));
    font-weight: var(--wght);
    -webkit-text-decoration: underline rgb(var(--swatch-primary-darkest)).0625rem;
    text-decoration: underline rgb(var(--swatch-primary-darkest)).0625rem;
    background-color: transparent;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .5em;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

#action-area #rename-backlinks-box table.form tr:not(:last-of-type)>:first-child a:visited {
    --link-color: var(--swatch-text-general);
    --visited-link-color: var(--swatch-text-general);
    --wght: var(--ui-wght);
    -webkit-transition: color .15s var(--ease-in-out), font-weight .15s var(--ease-in-out), font-variation-settings .15s var(--ease-in-out), box-shadow .2s var(--ease-in-out), text-decoration .2s var(--ease-in-out);
    transition: color .15s var(--ease-in-out), font-weight .15s var(--ease-in-out), font-variation-settings .15s var(--ease-in-out), box-shadow .2s var(--ease-in-out), text-decoration .2s var(--ease-in-out);
    box-shadow: inset 0 0 0 0 rgb(var(--swatch-primary-darkest));
    font-weight: var(--wght);
    -webkit-text-decoration: underline rgb(var(--swatch-primary-darkest)).0625rem;
    text-decoration: underline rgb(var(--swatch-primary-darkest)).0625rem;
    background-color: transparent;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .5em;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

#action-area #rename-backlinks-box table.form tr:not(:last-of-type)>:first-child a:is(:hover, :active, :focus, :focus-within) {
    --wght: var(--ui-hvr-wght);
    box-shadow: inset 0 -4ch 0 0 rgb(var(--swatch-primary));
    color: rgb(var(--swatch-text-secondary-color));
    font-weight: var(--wght);
    -webkit-text-decoration: underline rgb(var(--swatch-primary))0;
    text-decoration: underline rgb(var(--swatch-primary))0
}

#action-area #rename-backlinks-box table.form tr:not(:last-of-type)>:last-child {
    grid-column: 3
}

#action-area #rename-backlinks-box table.form tr th {
    --wght: 600;
    background-color: rgb(var(--swatch-primary));
    color: rgb(var(--swatch-text-secondary-color));
    font-family: var(--UI-font);
    font-weight: var(--wght);
    text-transform: uppercase
}

#action-area #rename-backlinks-box table.form tr:last-of-type {
    color: transparent;
    grid-column: 2/span 2
}

#action-area #rename-backlinks-box table.form tr:last-of-type a {
    --wght: var(--ui-wght);
    z-index: 2;
    -webkit-transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    border: .0625rem solid rgba(var(--swatch-primary), .05);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-bg));
    box-shadow: -.125rem 0 .25rem 0 rgba(var(--swatch-tertiary-color), .25), inset 0 -.0625rem 0 0 rgba(var(--swatch-tertiary-color), .75), 0 0 0 0 rgb(var(--ui-button-bg));
    color: rgb(var(--ui-button-txt));
    font-family: var(--UI-font);
    font-weight: var(--wght);
    will-change: border-color, box-shadow, color, background-color, font-weight, font-variation-settings;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-width: 5em;
    margin: 0;
    padding: .25em;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
    overflow: hidden;
    container-type: normal
}

@supports (font-size:0.75cqi) {
    #action-area #rename-backlinks-box table.form tr:last-of-type a {
        font-size: calc(max(var(--min-font-size), min(.75cqi, var(--max-font-size)))*1.8)
    }
}

#action-area #rename-backlinks-box table.form tr:last-of-type a:is(:hover, :active, :focus, :focus-within) {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-hover-bg));
    box-shadow: 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), inset 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), 0 0 0 .125rem rgb(var(--ui-button-hover-outline));
    color: rgb(var(--ui-button-hover-txt));
    font-weight: var(--wght);
    cursor: pointer;
    border-color: transparent;
    text-decoration: none
}

@supports (font-size:1cqi) {
    #action-area #rename-backlinks-box table.form tr:last-of-type a {
        font-size: max(var(--min-font-size), min(.75cqi, var(--max-font-size)))
    }
}

.page-source {
    text-align: left;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    margin: 1em 0 0
}

div#odialog-shader.odialog-shader {
    z-index: 40;
    opacity: 1;
    background-color: rgba(var(--swatch-alternate-color), .5);
    pointer-events: none;
    width: 100%;
    height: 100%;
    display: block;
    position: fixed;
    top: 0;
    bottom: auto;
    left: auto;
    right: 0
}

div.odialog-shader-iframe {
    opacity: 1;
    filter: opacity(0)
}

#odialog-container {
    z-index: 50;
    position: absolute;
    top: 0
}

#odialog-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#odialog-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#odialog-container div.owindow {
    background-color: rgb(var(--modal-bg));
    box-shadow: inset 0 0 0 .125rem rgba(var(--swatch-alternate-color), .25), .5rem .25rem 1rem 0 rgba(var(--swatch-alternate-color), .25);
    color: rgb(var(--modal-body-text));
    border: none;
    width: 60vw;
    display: grid;
    position: fixed;
    translate: -50% -50%;
    top: 50% !important;
    bottom: auto !important;
    left: 50% !important;
    right: auto !important
}

@supports not (translate:-50% -50%) {
    #odialog-container div.owindow {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

#odialog-container div.owindow.owait .content {
    text-align: center;
    background-image: none;
    padding: .5em .5em 2em
}

#odialog-container div.owindow.owait .content:after {
    content: " ";
    border-top: .3rem solid rgb(var(--modal-header-stripe));
    border-right: .3rem solid transparent;
    border-bottom: .3rem solid rgb(var(--modal-header-stripe));
    border-left: .3rem solid transparent;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    margin: .6rem auto -.9rem;
    -webkit-animation: 1.2s linear infinite bhl-loading;
    animation: 1.2s linear infinite bhl-loading;
    display: block
}

#odialog-container div.owindow.osuccess {
    padding: .5em
}

#odialog-container div.owindow.osuccess .content {
    text-align: center
}

#odialog-container div.owindow>div.modal-body>img[style*="padding: 2px 8px;"]:first-child {
    box-shadow: 0 0 0 .25rem rgb(var(--swatch-primary-darkest));
    grid-area: 1/1;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: 1em 0 .25em .25rem;
    background-color: transparent !important;
    padding: 0 !important
}

#odialog-container div.owindow>div.modal-body>img[style*="padding: 2px 8px;"]:first-child+h1 {
    grid-area: 1/1/auto/span 2;
    -webkit-align-self: center;
    align-self: center;
    width: calc(100% - 7.5rem);
    margin-left: 7.5rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

#odialog-container div.owindow>div.modal-body>img[style*="padding: 2px 8px;"]:first-child~table {
    grid-column: 1/span 2;
    grid-template-columns: 1fr 1fr;
    margin-top: .25rem;
    display: grid
}

#odialog-container div.owindow>div.modal-body>img[style*="padding: 2px 8px;"]:first-child~table :is(tbody, tr) {
    display: contents
}

#odialog-container div.owindow>div.modal-body>img[style*="padding: 2px 8px;"]:first-child~table td.active {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#odialog-container div.owindow>div.modal-body>img[style*="padding: 2px 8px;"]:first-child~table td.active:after {
    content: "";
    border-bottom: thin solid rgb(var(--swatch-primary));
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    margin: auto 1em
}

#odialog-container div.owindow>div.modal-body>img[style*="padding: 2px 8px;"]:first-child~table+div {
    text-align: center;
    grid-area: 3/span 2;
    grid-template-rows: min-content;
    grid-template-columns: repeat(3, 1fr);
    justify-self: flex-end;
    display: grid
}

#odialog-container div.owindow>div.modal-body>img[style*="padding: 2px 8px;"]:first-child~table+div>div {
    grid-area: 2/3;
    margin-top: .5em
}

#odialog-container div.owindow>div.modal-body>img[style*="padding: 2px 8px;"]:first-child~table+div>div>a {
    background-color: rgba(var(--swatch-primary), .125);
    width: 100%
}

#odialog-container .modal-header {
    --wght: 800;
    background-color: rgb(var(--modal-header-bg));
    background-image: linear-gradient(125deg, rgba(var(--modal-header-stripe), .75)25%, transparent 25%, transparent 50%, rgba(var(--modal-header-stripe), .75)50%, rgba(var(--modal-header-stripe), .75)75%, transparent 75%, transparent 100%);
    color: rgb(var(--modal-header-txt));
    font-family: var(--header-font);
    font-size: 1.5em;
    font-weight: var(--wght);
    text-transform: uppercase;
    background-size: 3rem 4.35rem;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
    margin: 0;
    padding: 1.5ex 1.25rem;
    line-height: 1ex;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#odialog-container .title {
    --wght: 800;
    background-color: rgb(var(--modal-header-bg));
    background-image: linear-gradient(125deg, rgba(var(--modal-header-stripe), .75)25%, transparent 25%, transparent 50%, rgba(var(--modal-header-stripe), .75)50%, rgba(var(--modal-header-stripe), .75)75%, transparent 75%, transparent 100%);
    color: rgb(var(--modal-header-txt));
    font-family: var(--header-font);
    font-size: 1.5em;
    font-weight: var(--wght);
    text-transform: uppercase;
    background-size: 3rem 4.35rem;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
    margin: 0;
    padding: 1.5ex 1.25rem;
    line-height: 1ex;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#odialog-container .modal-body {
    margin: 0 1rem;
    padding: 0;
    display: grid
}

#odialog-container .modal-body :is(h1, h2, h3, h4, h5) {
    box-shadow: 0 .0625rem 0 0 rgba(var(--modal-header-stripe), .2);
    color: rgb(var(--modal-body-header-txt));
    grid-column: 1;
    width: max-content;
    margin: .25em .25em .5em;
    padding-bottom: .5em
}

#odialog-container .modal-body :is(h1, h2, h3, h4, h5):first-child {
    grid-row: 1
}

#odialog-container .modal-body p {
    grid-column-start: 1;
    width: 100%;
    margin: 1em 1rem 0 0
}

#odialog-container .modal-body h1+p {
    margin-top: 0
}

#odialog-container .modal-body>h1~table {
    grid-column: 1/span 2;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: .5fr;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    row-gap: .5ex;
    height: max-content;
    margin-top: .25rem;
    line-height: 1.25;
    display: grid
}

#odialog-container .modal-body>h1~table :is(tbody, tr) {
    display: contents
}

#odialog-container .modal-body>h1~table td:first-of-type {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#odialog-container .modal-body>h1~table td:first-of-type:after {
    content: "";
    border-bottom: thin solid rgb(var(--swatch-primary));
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    margin: auto 1em
}

#odialog-container .modal-body>h1~table+div {
    text-align: center;
    grid-column: span 2;
    grid-template-rows: min-content;
    grid-template-columns: repeat(3, 1fr);
    justify-self: flex-end;
    display: grid
}

#odialog-container .modal-body>h1~table+div>div {
    grid-area: 2/3;
    margin-top: .5em
}

#odialog-container .modal-body>h1~table+div>div>a {
    background-color: rgba(var(--swatch-primary), .125);
    width: 100%
}

#odialog-container .modal-body>p+table.form {
    grid-column: 1;
    grid-auto-flow: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    gap: 1ch;
    margin: 1rem 0;
    display: grid
}

#odialog-container .modal-body>p+table.form tbody {
    display: contents
}

#odialog-container .modal-body>p+table.form tr {
    display: contents
}

#odialog-container .modal-body>p+table.form>tbody>tr>td:nth-child(2) {
    text-indent: -1.5ch;
    grid-auto-flow: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: 2ch;
    display: grid
}

#odialog-container .modal-body>p+table.form>tbody>tr>td:nth-child(2)>span.image-wizard-source-attached {
    display: contents
}

#odialog-container .content {
    margin: 0 1rem;
    padding: 0;
    display: grid
}

#odialog-container .content :is(h1, h2, h3, h4, h5) {
    box-shadow: 0 .0625rem 0 0 rgba(var(--modal-header-stripe), .2);
    color: rgb(var(--modal-body-header-txt));
    grid-column: 1;
    width: max-content;
    margin: .25em .25em .5em;
    padding-bottom: .5em
}

#odialog-container .content :is(h1, h2, h3, h4, h5):first-child {
    grid-row: 1
}

#odialog-container .content p {
    grid-column-start: 1;
    width: 100%;
    margin: 1em 1rem 0 0
}

#odialog-container .content h1+p {
    margin-top: 0
}

#odialog-container .content>h1~table {
    grid-column: 1/span 2;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: .5fr;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    row-gap: .5ex;
    height: max-content;
    margin-top: .25rem;
    line-height: 1.25;
    display: grid
}

#odialog-container .content>h1~table :is(tbody, tr) {
    display: contents
}

#odialog-container .content>h1~table td:first-of-type {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#odialog-container .content>h1~table td:first-of-type:after {
    content: "";
    border-bottom: thin solid rgb(var(--swatch-primary));
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    margin: auto 1em
}

#odialog-container .content>h1~table+div {
    text-align: center;
    grid-column: span 2;
    grid-template-rows: min-content;
    grid-template-columns: repeat(3, 1fr);
    justify-self: flex-end;
    display: grid
}

#odialog-container .content>h1~table+div>div {
    grid-area: 2/3;
    margin-top: .5em
}

#odialog-container .content>h1~table+div>div>a {
    background-color: rgba(var(--swatch-primary), .125);
    width: 100%
}

#odialog-container .content>p+table.form {
    grid-column: 1;
    grid-auto-flow: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    gap: 1ch;
    margin: 1rem 0;
    display: grid
}

#odialog-container .content>p+table.form tbody {
    display: contents
}

#odialog-container .content>p+table.form tr {
    display: contents
}

#odialog-container .content>p+table.form>tbody>tr>td:nth-child(2) {
    text-indent: -1.5ch;
    grid-auto-flow: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: 2ch;
    display: grid
}

#odialog-container .content>p+table.form>tbody>tr>td:nth-child(2)>span.image-wizard-source-attached {
    display: contents
}

#odialog-container #ohandle-1+.content {
    grid-template-rows: repeat(3, min-content);
    grid-template-columns: 1fr
}

#odialog-container #ohandle-1+.content [id*=flag-page-options]:not([style*="display: none"]) {
    font-family: var(--UI-font);
    grid-column: 1;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    grid-row-end: -1;
    column-gap: 1ch;
    display: grid !important
}

#odialog-container #ohandle-1+.content [id*=flag-page-options]:not([style*="display: none"])>* {
    color: rgb(var(--swatch-background)) !important;
    border: none !important;
    margin: 0 !important;
    padding: .25em !important
}

#odialog-container #ohandle-1+.content [id*=flag-page-options]:not([style*="display: none"]) :not([style*="color: #CCC"]) {
    --wght: 700;
    font-weight: var(--wght)
}

#odialog-container #ohandle-1+.content [id*=flag-page-options]:not([style*="display: none"]) [style*="color: #4B4"] {
    background-color: rgb(var(--rating-module-button-plus-color))
}

#odialog-container #ohandle-1+.content [id*=flag-page-options]:not([style*="display: none"]) [style*="color: #B44"] {
    background-color: rgb(var(--rating-module-button-negative-color))
}

#odialog-container #ohandle-1+.content [id*=flag-page-options]:not([style*="display: none"]) [style*="color: #CCC"] {
    background-color: rgb(var(--rating-module-button-cancel-color))
}

#odialog-container #ohandle-1+.content a[href*="feedback.wikidot.com"] {
    --wght: var(--ui-wght);
    z-index: 2;
    -webkit-transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    border: .0625rem solid rgba(var(--swatch-primary), .05);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-bg));
    box-shadow: -.125rem 0 .25rem 0 rgba(var(--swatch-tertiary-color), .25), inset 0 -.0625rem 0 0 rgba(var(--swatch-tertiary-color), .75), 0 0 0 0 rgb(var(--ui-button-bg));
    color: rgb(var(--ui-button-txt));
    font-family: var(--UI-font);
    font-weight: var(--wght);
    will-change: border-color, box-shadow, color, background-color, font-weight, font-variation-settings;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-width: 10em;
    margin: 0;
    padding: .25em;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
    overflow: hidden;
    container-type: normal
}

@supports (font-size:0.75cqi) {
    #odialog-container #ohandle-1+.content a[href*="feedback.wikidot.com"] {
        font-size: calc(max(var(--min-font-size), min(.75cqi, var(--max-font-size)))*1.8)
    }
}

#odialog-container #ohandle-1+.content a[href*="feedback.wikidot.com"]:is(:hover, :active, :focus, :focus-within) {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-hover-bg));
    box-shadow: 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), inset 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), 0 0 0 .125rem rgb(var(--ui-button-hover-outline));
    color: rgb(var(--ui-button-hover-txt));
    font-weight: var(--wght);
    cursor: pointer;
    border-color: transparent;
    text-decoration: none
}

@supports (font-size:1cqi) {
    #odialog-container #ohandle-1+.content a[href*="feedback.wikidot.com"] {
        font-size: max(var(--min-font-size), min(.75cqi, var(--max-font-size)))
    }
}

#odialog-container .button-bar {
    box-shadow: 0 -.0625rem 0 0 rgba(var(--modal-header-stripe), .2);
    width: 100%;
    margin: 1rem 0 1em;
    padding: 1rem 1rem 0 0
}

#odialog-container .button-bar.button-bar {
    text-align: right
}

#odialog-container .modal-footer {
    box-shadow: 0 -.0625rem 0 0 rgba(var(--modal-header-stripe), .2);
    width: 100%;
    margin: 1rem 0 1em;
    padding: 1rem 1rem 0 0
}

#odialog-container .modal-footer.button-bar {
    text-align: right
}

#odialog-container .title.modal-header :not(:is(.page-rate-widget-box, #search-top-box-form))>a.btn {
    background-color: rgb(var(--ui-button-bg));
    color: rgb(var(--ui-button-txt));
    text-decoration: none
}

#odialog-container .title.modal-header :not(:is(.page-rate-widget-box, #search-top-box-form))>a.btn:not(:last-of-type) {
    margin-right: .5em
}

#odialog-container .title.modal-header :not(:is(.page-rate-widget-box, #search-top-box-form))>a.btn:is(:hover, :active, :focus, :focus-within) {
    background-color: rgb(var(--ui-button-hover-bg));
    color: rgb(var(--ui-button-hover-txt))
}

#odialog-container .owindow :not(:is(.page-rate-widget-box, #search-top-box-form))>a.btn {
    background-color: rgb(var(--ui-button-bg));
    color: rgb(var(--ui-button-txt));
    text-decoration: none
}

#odialog-container .owindow :not(:is(.page-rate-widget-box, #search-top-box-form))>a.btn:not(:last-of-type) {
    margin-right: .5em
}

#odialog-container .owindow :not(:is(.page-rate-widget-box, #search-top-box-form))>a.btn:is(:hover, :active, :focus, :focus-within) {
    background-color: rgb(var(--ui-button-hover-bg));
    color: rgb(var(--ui-button-hover-txt))
}

#odialog-container span.printuser img.small {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

#odialog-container span.printuser.deleted img {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

#odialog-container [id*=wd-ed-imagewizard-by] {
    grid-column: 1
}

#odialog-container [id*=wd-ed-imagewizard-by]+* {
    grid-column: 1
}

#odialog-container [id*=wd-ed-imagewizard-by]~table.form {
    grid-template-columns: max-content 1fr;
    grid-auto-flow: row;
    gap: 1ch;
    display: grid
}

#odialog-container [id*=wd-ed-imagewizard-by]~table.form tbody {
    display: contents
}

#odialog-container [id*=wd-ed-imagewizard-by]~table.form tr {
    display: contents
}

#odialog-container [id*=wd-ed-imagewizard-by]~table.form select {
    text-indent: .5ch
}

#odialog-container #wd-ed-imagewizard-byfile:not([style*=none]) {
    grid-column-gap: 1ch;
    grid-auto-flow: column;
    display: grid !important
}

#odialog-container #wd-ed-imagewizard-byfile:not([style*=none]) select {
    text-indent: .5ch
}

#odialog-container #wd-ed-imagewizard-byfile:not([style*=none]) option {
    text-indent: 1ch
}

#odialog-container #wd-ed-imagewizard-byfile:not([style*=none]) #wd-ed-imagewizard-byfile-list {
    display: contents
}

#odialog-container #wd-ed-imagewizard-byfile:not([style*=none]) #wd-ed-imagewizard-byfile-list p {
    grid-column-start: 1
}

#odialog-container #wd-ed-imagewizard-byfile:not([style*=none]) #wd-ed-imagewizard-byfile-list table:first-of-type {
    grid-column-start: 1
}

#odialog-container #wd-ed-imagewizard-byfile:not([style*=none]) #wd-ed-imagewizard-byfile-list table:first-of-type {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#odialog-container #wd-ed-imagewizard-byfile:not([style*=none]) #wd-ed-imagewizard-byfile-list table:first-of-type tbody {
    display: contents
}

#odialog-container #wd-ed-imagewizard-byfile:not([style*=none]) #wd-ed-imagewizard-byfile-list table:first-of-type tr {
    display: contents
}

#odialog-container #wd-ed-imagewizard-byfile:not([style*=none]) #wd-ed-imagewizard-byfile-list table:first-of-type td:nth-of-type(2) {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#odialog-container #wd-ed-imagewizard-byfile:not([style*=none]) #wd-ed-imagewizard-byfile-list table:first-of-type td:nth-of-type(2) {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2
}

#odialog-container #wd-ed-imagewizard-byfile:not([style*=none]) #wd-ed-imagewizard-byfile-list table:first-of-type td:nth-of-type(2) select {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2
}

#odialog-container #wd-ed-imagewizard-byfile:not([style*=none]) #wd-ed-imagewizard-byfile-list table.form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    flex-flow: column;
    grid-row: 1/span 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#odialog-container #wd-ed-imagewizard-byfile:not([style*=none]) #wd-ed-imagewizard-byfile-list table.form tbody {
    display: contents
}

#odialog-container #wd-ed-imagewizard-byfile:not([style*=none]) #wd-ed-imagewizard-byfile-list table.form tr {
    display: contents
}

#odialog-container #edit-page-textarea {
    min-height: calc(var(--body-width-on-desktop)/2);
    min-width: 100%;
    padding: .75em 1em
}

#odialog-container #edit-page-textarea:focus {
    outline: 0 solid transparent
}

#odialog-container div[class*=autocomplete] {
    width: 100%
}

@-webkit-keyframes bhl-loading {
    0% {
        rotate: none
    }

    to {
        rotate: 360deg
    }
}

@keyframes bhl-loading {
    0% {
        rotate: none
    }

    to {
        rotate: 360deg
    }
}

@supports not (rotate:0) {
    @-webkit-keyframes bhl-loading {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    @keyframes bhl-loading {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }
}

.forum-thread-box .description-block {
    --box-shadow-1: rgba(var(--swatch-menubg-black-color), .15);
    --box-shadow-2: rgba(var(--swatch-menubg-black-color), .8);
    --box-shadow-3: rgba(var(--swatch-menubg-color), .25);
    --box-shadow-4: rgba(var(--swatch-menubg-black-color), .1);
    box-shadow: 0 .0625rem .3125rem var(--box-shadow-1), inset 0 .0625rem 0 var(--box-shadow-2), inset 0 .625rem .3125rem var(--box-shadow-3), inset 0 -.9375rem 1.875rem var(--box-shadow-4);
    -webkit-border-radius: .625rem;
    border-radius: .625rem;
    padding: .5em 1em
}

.forum-thread-box div.new-post {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.forum-thread-box div.options {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.forum-thread-box div.new-post {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.forum-thread-box div.new-post a {
    --wght: 700;
    -webkit-transition: background-color .15s var(--ease-in-out), color .15s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out), color .15s var(--ease-in-out);
    border: .0625rem solid rgb(var(--swatch-primary-darker));
    background-color: rgba(var(--swatch-secondary-color), .25);
    color: rgb(var(--swatch-primary-darkest));
    font-weight: var(--wght);
    letter-spacing: .016em;
    -webkit-border-radius: .25rem;
    border-radius: .25rem;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: .1rem;
    padding: .25em;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.forum-thread-box div.new-post a:is(:hover, :active, :focus) {
    background-color: rgb(var(--swatch-alternate-color));
    color: rgb(var(--swatch-primary-darker));
    text-decoration: none
}

.forum-thread-box div.options {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.forum-thread-box div.options a {
    --wght: 700;
    -webkit-transition: background-color .15s var(--ease-in-out), color .15s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out), color .15s var(--ease-in-out);
    border: .0625rem solid rgb(var(--swatch-primary-darker));
    background-color: rgba(var(--swatch-secondary-color), .25);
    color: rgb(var(--swatch-primary-darkest));
    font-weight: var(--wght);
    letter-spacing: .016em;
    -webkit-border-radius: .25rem;
    border-radius: .25rem;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: .1rem;
    padding: .25em;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.forum-thread-box div.options a:is(:hover, :active, :focus) {
    background-color: rgb(var(--swatch-alternate-color));
    color: rgb(var(--swatch-primary-darker));
    text-decoration: none
}

.thread-container .post .long {
    border: .0625rem solid rgba(var(--gray-monochrome), .25);
    -webkit-border-radius: .3125rem;
    border-radius: .3125rem;
    padding: .5em
}

.thread-container .post .long .content {
    padding: 0 1em
}

.thread-container .post .head {
    --box-shadow: rgba(var(--swatch-menubg-black-color), .15);
    background: linear-gradient(to bottom, rgba(var(--swatch-primary), .25), rgba(var(--swatch-secondary-color), .25));
    box-shadow: inset .125rem .1875rem .375rem var(--box-shadow);
    background-blend-mode: screen;
    -webkit-border-radius: .3125rem .3125rem 0 0;
    border-radius: .3125rem .3125rem 0 0;
    padding: .5em 1em
}

.thread-container .post .head .title {
    --wght: 700;
    font-family: var(--title-font);
    font-size: 1.2em;
    font-weight: var(--wght);
    letter-spacing: .05em
}

.signature,
.hidden {
    display: none
}

@media only screen and (max-width:56.25rem) {
    #content-wrap {
        min-height: calc(100vh - var(--final-header-height-on-mobile));
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
        grid-template-areas: "content content content";
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        margin: calc(var(--topbar-height-on-mobile) - .125rem)auto 0 !important
    }

    #action-area-top {
        width: 100%
    }

    #page-content {
        min-height: calc(100vh - var(--final-header-height-on-mobile))
    }

    table.page-history tr[id^=revision-row] {
        grid-template-areas: "rev-num rev-radio rev-flags rev-actions rev-date rev-date" "rev-com rev-com rev-com rev-com rev-com rev-user"
    }

    table.page-history tr:nth-of-type(2) td:nth-of-type(5):before {
        display: none
    }

    #footer {
        -webkit-align-self: auto;
        align-self: auto;
        width: auto
    }

    .license-area {
        font-size: .8em
    }

    .page-history tbody tr td:last-child {
        width: 35%;
        font-size: 1.5rem
    }

    #odialog-container div.owindow {
        min-width: 80%;
        max-width: 99%
    }

    #odialog-container div.owindow>div.modal-body>img[style*="padding: 2px 8px;"] {
        width: 3.25rem
    }

    #odialog-container div.owindow>div.modal-body>img[style*="padding: 2px 8px;"]+h1 {
        width: calc(100% - 5rem);
        margin-left: 4.25rem
    }

    #odialog-container div.owindow>div.modal-body>img[style*="padding: 2px 8px;"]~table {
        grid-template-columns: 1fr
    }

    #odialog-container .modal-body .table {
        float: left
    }

    #odialog-container .modal-body .table~div {
        float: left
    }

    #odialog-container .button-bar {
        float: right
    }

    #odialog-hovertips>div[id*=hovertip] {
        display: none !important
    }
}

#footer-bar {
    font-family: var(--UI-font);
    text-align: center;
    width: 100%
}

#footer-bar h2 {
    --wght: 700;
    font-family: var(--title-font);
    font-size: 1.5em;
    font-weight: var(--wght);
    font-variant-ligatures: common-ligatures contextual discretionary-ligatures;
    margin: .5em 0 1em;
    padding: 0;
    line-height: 1;
    container-type: normal
}

#footer-bar .units {
    grid-template-columns: repeat(auto-fit, minmax(5rem, 10vw));
    grid-auto-flow: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    gap: 1em;
    display: grid
}

#footer-bar .units .unit {
    width: 100%;
    height: min-content
}

#footer-bar .units .unit .inner>a {
    aspect-ratio: 1;
    width: 100%;
    margin-bottom: 1ex;
    display: block
}

#footer-bar .units .unit .inner>a img {
    object-fit: fill;
    width: 100%
}

#footer-bar .units .unit .inner .desc {
    font-size: max(var(--min-font-size), min(.75cqi, var(--max-font-size)))
}

div.wd-adunit {
    grid-area: action-area-btm-end/span 6
}

:root:where(:lang(cs)) {
    --text-editor-desc: "Krátký popis změn:";
    --text-pagehistory-flags: "změny";
    --text-pagehistory-actions: "akce";
    --text-pagehistory-by: "od";
    --text-pagehistory-date: "datum";
    --text-sitetools: "Nástroje stránky"
}

:where(:lang(cs)) #page-options-container div[id*=page-options-bottom]:not(:is(.page-rate-widget-box, #search-top-box-form))>a.btn {
    --button-padding: calc(var(--icon-size)/4)calc(var(--icon-size)/8);
    white-space: normal;
    height: auto;
    line-height: 1
}

:where(:lang(cs)) div#page-options-bottom-2:not(:is(.page-rate-widget-box, #search-top-box-form))>a.btn {
    -webkit-flex-basis: 6rem;
    flex-basis: 6rem
}

:root:where(:lang(fr)) {
    --text-tags: "étiquettes↴";
    --text-editor-desc: "Courte Description des Modifications:";
    --text-pagehistory-rev: "rév.";
    --text-pagehistory-flags: "drapeaux";
    --text-pagehistory-by: "par";
    --text-sitetools: "Outils du Site"
}

:where(:lang(fr)) #main-content .page-tags:before {
    text-transform: uppercase
}

:root:where(:lang(de)) {
    --text-editor-desc: "Kurze Beschreibung der Änderungen:";
    --text-pagehistory-flags: "markierungen";
    --text-pagehistory-actions: "aktionen";
    --text-pagehistory-by: "durch";
    --text-pagehistory-date: "datum";
    --text-sitetools: "Site-Werkzeuge"
}

:where(:lang(de)) #page-options-container div[id*=page-options-bottom]:not(:is(.page-rate-widget-box, #search-top-box-form))>a.btn {
    --button-padding: calc(var(--icon-size)/4)calc(var(--icon-size)/8);
    flex-basis: max-content;
    white-space: normal;
    height: auto;
    line-height: 1
}

:where(:lang(de)) div#page-options-bottom-2:not(:is(.page-rate-widget-box, #search-top-box-form))>a.btn {
    -webkit-flex-basis: 6rem;
    flex-basis: 6rem
}

:root:where(:lang(el)) {
    --text-tags: "ΕΤΙΚΈΤΕΣ↴";
    --text-editor-desc: "Σύντομη περιγραφή των αλλαγών:";
    --text-pagehistory-rev: "ανα.";
    --text-pagehistory-flags: "σημαίες";
    --text-pagehistory-actions: "δράσεις";
    --text-pagehistory-by: "του";
    --text-pagehistory-date: "ημερομηνία";
    --text-sitetools: "Εργαλεία Ιστοσελίδας"
}

:root:where(:lang(it)) {
    --text-tags: "TAG↴";
    --text-editor-desc: "Breve descrizione delle modifiche:";
    --text-pagehistory-flags: "segnalazioni";
    --text-pagehistory-actions: "azioni";
    --text-pagehistory-by: "da";
    --text-pagehistory-date: "data";
    --text-sitetools: "Strumenti del Sito"
}

:where(:lang(it)) #page-options-container div[id*=page-options-bottom]:not(:is(.page-rate-widget-box, #search-top-box-form))>a.btn {
    --button-padding: calc(var(--icon-size)/4)calc(var(--icon-size)/8);
    white-space: normal;
    height: auto;
    line-height: 1
}

:where(:lang(it)) div#page-options-bottom-2:not(:is(.page-rate-widget-box, #search-top-box-form))>a.btn {
    -webkit-flex-basis: 6rem;
    flex-basis: 6rem
}

:root:where(:lang(ja)) {
    --text-tags: "タグ↴";
    --text-editor-desc: "変更の要旨";
    --text-pagehistory-flags: "フラグ";
    --text-pagehistory-actions: "アクション";
    --text-pagehistory-by: "編集者";
    --text-pagehistory-date: "日付";
    --text-sitetools: "サイトツール"
}

:root:where(:lang(ko)) {
    --text-tags: "태그↴";
    --text-editor-desc: "수정에 대한 짤막한 설명";
    --text-pagehistory-rev: "수정";
    --text-pagehistory-flags: "유형";
    --text-pagehistory-actions: "활동";
    --text-pagehistory-by: "편집자";
    --text-pagehistory-date: "날짜";
    --text-sitetools: "사이트 도구"
}

:root:where(:lang(pl)) {
    --text-tags: "TAGS↴";
    --text-editor-desc: "Krótki Opis Zmian:";
    --text-pagehistory-rev: "wersja";
    --text-pagehistory-flags: "flagi";
    --text-pagehistory-actions: "opcje";
    --text-pagehistory-by: "przez";
    --text-pagehistory-date: "Data";
    --text-sitetools: "Narzędzia Witryny"
}

:where(:lang(pl)) #page-options-container div[id*=page-options-bottom]:not(:is(.page-rate-widget-box, #search-top-box-form))>a.btn {
    --button-padding: calc(var(--icon-size)/4)calc(var(--icon-size)/8);
    white-space: normal;
    height: auto;
    line-height: 1
}

:where(:lang(pl)) div#page-options-bottom-2:not(:is(.page-rate-widget-box, #search-top-box-form))>a.btn {
    -webkit-flex-basis: 6rem;
    flex-basis: 6rem
}

:root:where(:lang(pt-br)) {
    --text-editor-desc: "Resumo das Mudanças:";
    --text-pagehistory-rev: "Revisão";
    --text-pagehistory-flags: "Marcações";
    --text-pagehistory-actions: "Ações";
    --text-pagehistory-by: "Por";
    --text-pagehistory-date: "Data";
    --text-sitetools: "Ferramentas do Site"
}

:where(:lang(pt-br)) #page-options-container div[id*=page-options-bottom]:not(:is(.page-rate-widget-box, #search-top-box-form))>a.btn {
    --button-padding: calc(var(--icon-size)/4)calc(var(--icon-size)/8);
    white-space: normal;
    height: auto;
    line-height: 1
}

:where(:lang(pt-br)) div#page-options-bottom-2:not(:is(.page-rate-widget-box, #search-top-box-form))>a.btn {
    -webkit-flex-basis: 6rem;
    flex-basis: 6rem
}

:where(:lang(ru)) #page-options-container div[id*=page-options-bottom]:not(:is(.page-rate-widget-box, #search-top-box-form))>a.btn {
    --button-padding: calc(var(--icon-size)/4)calc(var(--icon-size)/8);
    white-space: normal;
    -webkit-flex-basis: 6rem;
    flex-basis: 6rem;
    height: auto;
    line-height: 1
}

:root:where(:lang(cn)) {
    --text-editor-desc: "简要修改说明";
    --text-pagehistory-rev: "版本";
    --text-pagehistory-flags: "标记";
    --text-pagehistory-actions: "操作";
    --text-pagehistory-by: "更新者";
    --text-pagehistory-date: "日期";
    --text-sitetools: "网站工具"
}

:root:where(:lang(es)) {
    --text-tags: "Etiquetas↴";
    --text-editor-desc: "Breve descripción de los cambios:";
    --text-pagehistory-flags: "marcas";
    --text-pagehistory-actions: "acciones";
    --text-pagehistory-by: "por";
    --text-pagehistory-date: "fecha";
    --text-sitetools: "Herramientas del Sitio"
}

:where(:lang(es)) #page-options-container div[id*=page-options-bottom]:not(:is(.page-rate-widget-box, #search-top-box-form))>a.btn {
    --button-padding: calc(var(--icon-size)/4)calc(var(--icon-size)/8);
    white-space: normal;
    -webkit-flex-basis: 6rem;
    flex-basis: 6rem;
    height: auto;
    line-height: 1
}

:where(:lang(th)) #page-content .page-rate-widget-box .rate-points {
    background-color: transparent !important
}

:root:where(:lang(zh)) {
    --text-tags: "標籤↴";
    --text-editor-desc: "本次編輯的簡要說明";
    --text-pagehistory-rev: "修訂版本";
    --text-pagehistory-flags: "標記";
    --text-pagehistory-actions: "動作";
    --text-pagehistory-by: "由";
    --text-pagehistory-date: "日期";
    --text-sitetools: "網站工具"
}

:root:where(:lang(uk)) {
    --text-tags: "Теґи↴"
}

:where(:lang(uk)) #page-options-container div[id*=page-options-bottom]:not(:is(.page-rate-widget-box, #search-top-box-form))>a.btn {
    --button-padding: calc(var(--icon-size)/4)calc(var(--icon-size)/8);
    white-space: normal;
    -webkit-flex-basis: 6rem;
    flex-basis: 6rem;
    height: auto;
    line-height: 1
}

@media only screen and (min-width:56.25rem) {
    :where(:lang(uk)) #container {
        width: 99%
    }

    :where(:lang(uk)) #content-wrap {
        grid-template-areas: "side-bar content";
        grid-template-columns: var(--sidebar-width-on-desktop)1fr;
        margin: 0 !important;
        padding: 0 !important
    }
}

:root:where(:lang(vi)) {
    --text-tags: "TAG↴";
    --text-editor-desc: "Tóm tắt thay đổi:";
    --text-pagehistory-rev: "stt.";
    --text-pagehistory-flags: "nhãn";
    --text-pagehistory-actions: "t.chọn";
    --text-pagehistory-by: "bởi";
    --text-pagehistory-date: "ngày";
    --text-sitetools: "Công Cụ Trang"
}

#side-bar {
    z-index: 9;
    width: var(--sidebar-width-on-desktop);
    -webkit-transition: background-color .15s var(--ease-in-out), scrollbar-color .15s var(--ease-in-out), border-color .15s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out), scrollbar-color .15s var(--ease-in-out), border-color .15s var(--ease-in-out);
    border: none rgba(var(--swatch-tertiary-color), .4);
    background-color: rgb(var(--sidebar-bg-color));
    color: rgb(var(--sidebar-links-text));
    font-family: var(--UI-font, var(--header-font));
    direction: rtl;
    scrollbar-width: thin;
    overscroll-behavior: contain;
    scrollbar-color: rgba(var(--swatch-primary-darker), .1)rgba(var(--swatch-tertiary-color), .05);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    grid-area: side-bar;
    justify-self: start;
    height: 100vh;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: sticky;
    top: 0;
    overflow-x: hidden;
    overflow-y: auto
}

@supports ((-moz-appearance:none)) and (background-attachment:local) and (not (-moz-osx-font-smoothing:auto)) {
    #side-bar {
        padding: 0 0 0 .5rem
    }
}

#side-bar:is(:hover, :active, :focus-within) {
    scrollbar-color: rgb(var(--swatch-primary-darker))rgb(var(--swatch-menubg-color));
    border-color: rgb(var(--swatch-primary-darker))
}

#side-bar::-webkit-scrollbar-track {
    background-color: rgba(var(--swatch-secondary-color), .8)
}

#side-bar::-webkit-scrollbar {
    border-right-style: inset;
    border-right-width: .5rem;
    border-color: inherit;
    background-color: rgba(var(--swatch-menubg-color), 0);
    width: .5rem
}

#side-bar::-webkit-scrollbar-thumb {
    border-right-style: inset;
    border-right-width: .5rem;
    border-color: inherit;
    background-color: rgba(var(--swatch-menubg-color), 0);
    width: .5rem
}

#side-bar::-webkit-scrollbar-corner {
    border-right-style: inset;
    border-right-width: .5rem;
    border-color: inherit;
    background-color: rgba(var(--swatch-menubg-color), 0);
    width: .5rem
}

#side-bar div[style*=\#f0fff6] {
    background-color: rgba(var(--swatch-primary-darker), .25) !important
}

#side-bar div[style*=\#e7e5e8] {
    background-color: rgba(var(--swatch-primary-darkest), .3) !important
}

#side-bar div[style*=\#fff0f0] {
    background-color: rgb(var(--sidebar-resources-bg-color)) !important
}

#side-bar .side-block.resources {
    background-color: rgb(var(--sidebar-resources-bg-color)) !important
}

#side-bar div[style*=\#e5e5ff] {
    margin: .5rem .5rem 0 0;
    background-color: rgb(var(--sidebar-media-bg-color)) !important;
    padding: .5rem !important
}

#side-bar .side-block.media {
    margin: .5rem .5rem 0 0;
    background-color: rgb(var(--sidebar-media-bg-color)) !important;
    padding: .5rem !important
}

#side-bar .side-block {
    background: rgb(var(--sideblock-bg-color));
    direction: ltr;
    border: 0;
    margin: .5rem .5rem 0 0
}

#interwiki .side-block {
    background: rgb(var(--sideblock-bg-color));
    direction: ltr;
    border: 0;
    margin: .5rem .5rem 0 0
}

#interwiki .side-block {
    grid-template-rows: repeat(auto-fit, minmax(1.3125rem, 1fr));
    display: grid
}

#side-bar .side-block.media a {
    -webkit-transition: background-color .15s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out);
    background-color: rgb(var(--social-color));
    -webkit-mask: var(--social-logo-mask)center center/contain no-repeat;
    mask: var(--social-logo-mask)center center/contain no-repeat;
    position: relative
}

#side-bar .side-block.media a:before {
    --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    content: " ";
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    background-color: rgb(var(--social-icon-hover-color));
    pointer-events: none;
    clip-path: var(--clip-path);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

#side-bar .side-block.media a[href*=tiktok]:after {
    --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    content: " ";
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    background-color: rgb(var(--social-icon-hover-color));
    pointer-events: none;
    clip-path: var(--clip-path);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

#side-bar .side-block.media a:is(:hover, :active, :focus-within):before {
    --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%)
}

#side-bar .side-block.media a img {
    opacity: 0;
    width: 1.6875rem;
    height: 1.6875rem
}

#side-bar .side-block.media a[href*=facebook] {
    --social-logo-mask: var(--facebook-mask);
    --social-color: var(--facebook-icon-color)
}

#side-bar .side-block.media a[href*=twitter] {
    --social-logo-mask: var(--twitter-mask);
    --social-color: var(--twitter-icon-color)
}

#side-bar .side-block.media a[href*=reddit] {
    --social-logo-mask: var(--reddit-mask);
    --social-color: var(--reddit-icon-color)
}

#side-bar .side-block.media a[href*=instagram] {
    --social-logo-mask: var(--instagram-mask);
    --social-color: var(--instagram-icon-color);
    background-image: var(--instagram-icon-gradient);
    background-size: contain
}

#side-bar .side-block.media a[href*=twitch] {
    --social-logo-mask: var(--twitch-mask);
    --social-color: var(--twitch-icon-color)
}

#side-bar .side-block.media a[href*=tiktok] {
    --social-logo-mask: var(--tiktok-mask);
    --social-color: var(--tiktok-icon-color);
    background-image: var(--tiktok-icon-gradient);
    background-size: contain
}

#side-bar .side-block.media a[href*=tiktok]:after {
    --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%);
    background-color: rgb(var(--social-color));
    -webkit-mask: var(--social-logo-mask)0 0/90% no-repeat;
    mask: var(--social-logo-mask)0 0/90% no-repeat;
    top: .125rem;
    bottom: auto;
    left: .125rem;
    right: auto
}

#side-bar .side-block.media a[href*=tiktok]:is(:hover, :active, :focus-within):after {
    --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
}

#side-bar .side-block.media a[href*=discord] {
    --social-logo-mask: var(--discord-mask);
    --social-color: var(--discord-icon-color)
}

#side-bar .side-block[style*=background-color] {
    background-color: rgba(var(--dark-accent), .15) !important
}

.side-block .side-block {
    grid-template-rows: repeat(auto-fit, minmax(1.3125rem, 1fr));
    display: grid
}

.side-block div[style*=center] {
    grid-template-rows: repeat(auto-fit, minmax(1.3125rem, 1fr));
    display: grid
}

.side-block div[style*=center]>div {
    grid-template-rows: repeat(auto-fit, minmax(1.3125rem, 1fr));
    display: grid
}

.side-block div[style*=center] {
    grid-auto-flow: column;
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly;
    width: 100%
}

.side-block div[style*=center]>div {
    grid-auto-flow: column;
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly;
    width: 100%
}

.side-block .side-area {
    padding: .625rem
}

:is(#side-bar, #interwiki) .heading {
    background-color: rgb(var(--sideblock-heading-bg-color));
    box-shadow: 0 .0625rem 0 0 rgb(var(--sideblock-heading-border-color));
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    min-height: 1.5rem;
    margin: 0 0 .25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

@supports ((-moz-appearance:none)) and (background-attachment:local) and (not (-moz-osx-font-smoothing:auto)) {
    :is(#side-bar, #interwiki) .heading {
        padding-left: 0
    }
}

:is(#side-bar, #interwiki) .heading p {
    --wght: calc(var(--ui-wght) + 300);
    color: rgb(var(--sideblock-heading-text-color));
    font-family: var(--title-font);
    font-size: calc(var(--base-font-size)*(13/15));
    font-weight: var(--wght);
    letter-spacing: .016em;
    text-indent: .25rem;
    text-transform: uppercase;
    cursor: default;
    margin: 0;
    line-height: 1.15
}

:is(#side-bar, #interwiki) div.menu-item {
    box-shadow: inset 0 calc(var(--sidebar-internal-border-thickness)*-1)0 0 rgb(var(--sidebar-border-color));
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 1.5rem;
    min-height: 1.5rem;
    margin: 0;
    padding: 0;
    font-size: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

:is(#side-bar, #interwiki) div.menu-item>p {
    box-shadow: inset 0 calc(var(--sidebar-internal-border-thickness)*-1)0 0 rgb(var(--sidebar-border-color));
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 1.5rem;
    min-height: 1.5rem;
    margin: 0;
    padding: 0;
    font-size: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

:is(#side-bar, #interwiki) div.menu-item.small {
    box-shadow: inset 0 calc(var(--sidebar-internal-border-thickness)*-1)0 0 rgb(var(--sidebar-border-color));
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 1.5rem;
    min-height: 1.5rem;
    margin: 0;
    padding: 0;
    font-size: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

:is(#side-bar, #interwiki) div.menu-item.small>p {
    box-shadow: inset 0 calc(var(--sidebar-internal-border-thickness)*-1)0 0 rgb(var(--sidebar-border-color));
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 1.5rem;
    min-height: 1.5rem;
    margin: 0;
    padding: 0;
    font-size: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

:is(#side-bar, #interwiki) div.menu-item p:before {
    display: none
}

:is(#side-bar, #interwiki) div.menu-item p:after {
    display: none
}

:is(#side-bar, #interwiki) div.menu-item>span {
    display: none
}

:is(#side-bar, #interwiki) div.menu-item>span>p :is(:is(#side-bar, #interwiki) div.menu-item>span) {
    display: none
}

:is(#side-bar, #interwiki) div.menu-item>span:first-of-type {
    padding: 0 0 0 calc(var(--base-font-size)*(21/15))
}

:is(#side-bar, #interwiki) div.menu-item .text {
    --wght: var(--ui-wght);
    -webkit-transition: background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    background-clip: padding-box;
    background-color: rgb(var(--sidebar-links-bg-color));
    color: rgb(var(--sidebar-links-text));
    font-size: calc(var(--base-font-size)*(13/15));
    font-weight: var(--wght);
    letter-spacing: .04em;
    cursor: default;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    height: 1.5rem;
    margin: 0;
    padding: 0 .6em;
    line-height: 1.5;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

:is(#side-bar, #interwiki) div.menu-item .sub-text {
    color: rgb(var(--sidebar-subtext-color));
    font-size: calc(var(--base-font-size)*(11/15));
    text-align: left;
    min-width: 35%;
    padding-left: 1em;
    padding-right: 3em;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

:is(#side-bar, #interwiki) div.menu-item a {
    --wght: var(--ui-wght);
    z-index: 2;
    padding: 0 0 0 calc(var(--base-font-size)*(13/15));
    -webkit-transition: background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    background-clip: padding-box;
    background-color: rgb(var(--sidebar-links-bg-color));
    font-size: calc(var(--base-font-size)*(13/15));
    font-weight: var(--wght);
    letter-spacing: .04em;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    height: 1.5rem;
    margin: 0;
    line-height: 1.73333;
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
    overflow: hidden
}

:is(#side-bar, #interwiki) div.menu-item a {
    color: rgb(var(--sidebar-links-text))
}

:is(#side-bar, #interwiki) div.menu-item a:visited {
    color: rgb(var(--sidebar-links-text))
}

:is(#side-bar, #interwiki) div.menu-item a:only-child {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

:is(#side-bar, #interwiki) div.menu-item a:before {
    --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    content: " ";
    z-index: -1;
    inset: 0 auto auto calc(var(--base-font-size)*(13/15)*-1);
    width: calc(100% + (var(--base-font-size)*(13/15)));
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    opacity: 1;
    background-color: rgb(var(--sidebar-links-hover-bg-color));
    pointer-events: none;
    clip-path: var(--clip-path);
    height: 100%;
    position: absolute
}

:is(#side-bar, #interwiki) div.menu-item a:is(:hover, :active, :focus-within):before {
    --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%)
}

:is(#side-bar, #interwiki) div.menu-item a[href=\/]+a[href="/forum:start"]:last-child {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0
}

:is(#side-bar, #interwiki) div.menu-item:first-of-type a[href=\/] {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0
}

:is(#side-bar, #interwiki) div.menu-item:nth-of-type(2) a[href="/forum:start"] {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0
}

:is(#side-bar, #interwiki) div.menu-item.small a {
    font-size: calc(var(--base-font-size)*(11/15));
    height: 1.25rem
}

:is(#side-bar, #interwiki) div.menu-item.small a {
    --wght: var(--ui-wght);
    -webkit-transition: background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    background-clip: padding-box;
    background-color: rgb(var(--sidebar-links-bg-color));
    color: rgb(var(--sidebar-links-text));
    font-size: calc(var(--base-font-size)*(13/15));
    font-weight: var(--wght);
    letter-spacing: .04em;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    height: 1.5rem;
    margin: 0;
    line-height: 1.73333;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

:is(#side-bar, #interwiki) div.menu-item.small a:visited {
    --wght: var(--ui-wght);
    -webkit-transition: background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    background-clip: padding-box;
    background-color: rgb(var(--sidebar-links-bg-color));
    color: rgb(var(--sidebar-links-text));
    font-size: calc(var(--base-font-size)*(13/15));
    font-weight: var(--wght);
    letter-spacing: .04em;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    height: 1.5rem;
    margin: 0;
    line-height: 1.73333;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

:is(#side-bar, #interwiki) div.menu-item a {
    --wght: var(--ui-wght);
    -webkit-transition: background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    background-clip: padding-box;
    background-color: rgb(var(--sidebar-links-bg-color));
    color: rgb(var(--sidebar-links-text));
    font-size: calc(var(--base-font-size)*(13/15));
    font-weight: var(--wght);
    letter-spacing: .04em;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    height: 1.5rem;
    margin: 0;
    line-height: 1.73333;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

:is(#side-bar, #interwiki) div.menu-item a:visited {
    --wght: var(--ui-wght);
    -webkit-transition: background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    background-clip: padding-box;
    background-color: rgb(var(--sidebar-links-bg-color));
    color: rgb(var(--sidebar-links-text));
    font-size: calc(var(--base-font-size)*(13/15));
    font-weight: var(--wght);
    letter-spacing: .04em;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    height: 1.5rem;
    margin: 0;
    line-height: 1.73333;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

:is(#side-bar, #interwiki) div.menu-item a:is(:hover, :active, :focus) {
    --wght: var(--ui-hvr-wght);
    background-color: rgba(var(--sidebar-links-hover-bg-color), .15);
    color: rgb(var(--sidebar-links-hover-text-color));
    font-weight: var(--wght);
    text-decoration: none
}

:is(#side-bar, #interwiki) div.menu-item.small a {
    --wght: var(--ui-wght);
    -webkit-transition: background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    background-clip: padding-box;
    background-color: rgb(var(--sidebar-links-bg-color));
    color: rgb(var(--sidebar-links-text));
    font-size: calc(var(--base-font-size)*(13/15));
    font-weight: var(--wght);
    letter-spacing: .04em;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    height: 1.5rem;
    margin: 0;
    line-height: 1.73333;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

:is(#side-bar, #interwiki) div.menu-item.small a:visited {
    --wght: var(--ui-wght);
    -webkit-transition: background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    background-clip: padding-box;
    background-color: rgb(var(--sidebar-links-bg-color));
    color: rgb(var(--sidebar-links-text));
    font-size: calc(var(--base-font-size)*(13/15));
    font-weight: var(--wght);
    letter-spacing: .04em;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    height: 1.5rem;
    margin: 0;
    line-height: 1.73333;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

:is(#side-bar, #interwiki) div.menu-item.small a:is(:hover, :active, :focus) {
    --wght: var(--ui-hvr-wght);
    background-color: rgba(var(--sidebar-links-hover-bg-color), .15);
    color: rgb(var(--sidebar-links-hover-text-color));
    font-weight: var(--wght);
    text-decoration: none
}

:is(#side-bar, #interwiki) div.menu-item.scp-series a {
    text-indent: 0;
    white-space: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: auto;
    padding: 0 .25em
}

:is(#side-bar, #interwiki) div.menu-item.scp-series a:before {
    width: 250%
}

:is(#side-bar, #interwiki) div.menu-item.scp-tales a {
    text-indent: 0;
    white-space: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: auto;
    padding: 0 .25em
}

:is(#side-bar, #interwiki) div.menu-item.scp-tales a:before {
    width: 250%
}

:is(#side-bar, #interwiki) div.menu-item.small a:not([href*=shortest]) {
    text-indent: 0;
    white-space: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: auto;
    padding: 0 .25em
}

:is(#side-bar, #interwiki) div.menu-item.small a:not([href*=shortest]):before {
    width: 250%
}

:is(#side-bar, #interwiki) div.menu-item a[href*=scp-series] {
    text-indent: 0;
    white-space: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: auto;
    padding: 0 .25em
}

:is(#side-bar, #interwiki) div.menu-item a[href*=scp-series]:before {
    width: 250%
}

:is(#side-bar, #interwiki) div.menu-item>:last-child {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2
}

:is(#side-bar, #interwiki) div.menu-item>div:not(:is(:nth-child(2), .collapsible-block)) {
    border-left: .125rem solid rgb(var(--sidebar-border-color))
}

:is(#side-bar, #interwiki) div.menu-item img {
    display: none
}

:is(#side-bar, #interwiki) div.menu-item br {
    display: none
}

:is(#side-bar, #interwiki) ul {
    padding: 0 .25rem;
    list-style-type: none
}

:is(#side-bar, #interwiki) .close-menu {
    display: none
}

:is(#side-bar, #interwiki) div.menu-item:empty {
    display: none
}

#interwiki div.menu-item a {
    font-family: var(--UI-font, var(--header-font));
    font-size: calc(var(--base-font-size)*(13/15))
}

#___gcse_0>div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    width: 100%;
    height: 2rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

#___gcse_0>div>form {
    margin: 0
}

#___gcse_0>div>form>table>tbody>tr>td.gsc-search-button>button {
    -webkit-transition: background-color .1s var(--ease-in-out);
    transition: background-color .1s var(--ease-in-out);
    background-color: rgba(var(--swatch-primary-darkest), 0);
    color: rgb(var(--swatch-text-secondary-color));
    line-height: 1.85
}

#___gcse_0>div>form>table>tbody>tr>td.gsc-search-button>button:is(:hover, :active, :focus) {
    background-color: rgba(var(--sidebar-bg-color), .15);
    text-decoration: none
}

#___gcse_0>div>form>table>tbody>tr>td.gsc-search-button:focus-within>button {
    background-color: rgba(var(--sidebar-bg-color), .15);
    text-decoration: none
}

#side-bar div.scpnet-interwiki-wrapper:not(:is(:lang(cn), .interwiki-stylable)) {
    position: relative
}

#side-bar div.scpnet-interwiki-wrapper:not(:is(:lang(cn), .interwiki-stylable)) {
    max-width: var(--sidebar-width-on-desktop)
}

#side-bar div.scpnet-interwiki-wrapper:not(:is(:lang(cn), .interwiki-stylable)) * {
    max-width: var(--sidebar-width-on-desktop)
}

#side-bar div.scpnet-interwiki-wrapper:not(:is(:lang(cn), .interwiki-stylable)) div.list-pages-item {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#side-bar div.scpnet-interwiki-wrapper:not(:is(:lang(cn), .interwiki-stylable)) p {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
    overflow: hidden
}

#side-bar div.scpnet-interwiki-wrapper:not(:is(:lang(cn), .interwiki-stylable)) iframe.scpnet-interwiki-frame {
    width: 90%;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

@supports (mix-blend-mode:hue) {

    #side-bar .scpnet-interwiki-wrapper:not(:is(:lang(cn), .interwiki-stylable)):before,
    #side-bar .scpnet-interwiki-wrapper:not(:is(:lang(cn), .interwiki-stylable)) p:before,
    #side-bar .scpnet-interwiki-wrapper:not(:is(:lang(cn), .interwiki-stylable)) p:after {
        content: "";
        pointer-events: none;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: auto;
        left: 0;
        right: auto
    }

    #side-bar .scpnet-interwiki-wrapper:not(:is(:lang(cn), .interwiki-stylable)):before {
        z-index: 3;
        background-color: rgb(var(--swatch-menubg-color));
        mix-blend-mode: darken
    }

    #side-bar .scpnet-interwiki-wrapper:not(:is(:lang(cn), .interwiki-stylable)) p:before {
        z-index: 2;
        background-color: rgb(var(--swatch-primary));
        mix-blend-mode: color
    }

    #side-bar .scpnet-interwiki-wrapper:not(:is(:lang(cn), .interwiki-stylable)) p:after {
        z-index: 1;
        -webkit-transition: background-color .5s var(--ease-in-out);
        transition: background-color .5s var(--ease-in-out);
        background-color: rgb(var(--swatch-menubg-color));
        mix-blend-mode: overlay
    }
}

#side-bar div.interwiki-stylable {
    width: auto;
    margin: 0
}

#side-bar div.interwiki-stylable p {
    margin: 0
}

#side-bar div.collapsible-block {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    width: 100%;
    position: relative
}

#side-bar div.collapsible-block a.collapsible-block-link {
    -webkit-transition: color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    color: rgb(var(--sidebar-collapsible-link-color));
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}

#side-bar div.collapsible-block a.collapsible-block-link:after {
    content: "";
    -webkit-transition: background-color .15s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out);
    -webkit-mask: var(--down-arrow-mask)50% 50%/1em no-repeat;
    mask: var(--down-arrow-mask)50% 50%/1em no-repeat;
    width: 2rem;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: auto;
    left: auto;
    right: 0
}

#side-bar div.collapsible-block a.collapsible-block-link:is(:hover, :active, :focus) {
    --wght: calc(var(--ui-hvr-wght) + 300);
    font-weight: var(--wght);
    text-decoration: none
}

#side-bar div.collapsible-block div.collapsible-block-folded {
    --wght: calc(var(--ui-wght) + 300);
    box-shadow: 0 .0625rem 0 0 rgb(var(--sideblock-heading-border-color));
    font-family: var(--title-font);
    font-size: calc(var(--base-font-size)*(11/15));
    font-weight: var(--wght);
    letter-spacing: .016em;
    text-indent: .25rem;
    text-transform: uppercase;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    height: 1.5rem;
    min-height: 1.5rem;
    margin: 0;
    line-height: 1.15;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative
}

#side-bar div.collapsible-block div.collapsible-block-unfolded-link {
    --wght: calc(var(--ui-wght) + 300);
    box-shadow: 0 .0625rem 0 0 rgb(var(--sideblock-heading-border-color));
    font-family: var(--title-font);
    font-size: calc(var(--base-font-size)*(11/15));
    font-weight: var(--wght);
    letter-spacing: .016em;
    text-indent: .25rem;
    text-transform: uppercase;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    height: 1.5rem;
    min-height: 1.5rem;
    margin: 0;
    line-height: 1.15;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative
}

#side-bar div.collapsible-block div.collapsible-block-folded>a.collapsible-block-link {
    background: rgb(var(--sidebar-collapsible-fld-link-bg));
    color: rgb(var(--sidebar-collapsible-fld-link-color))
}

#side-bar div.collapsible-block div.collapsible-block-folded>a.collapsible-block-link:after {
    background: rgb(var(--sidebar-collapsible-fld-arrow-color))
}

#side-bar div.collapsible-block div.collapsible-block-folded>a.collapsible-block-link:is(:hover, :active) {
    background: rgb(var(--sidebar-collapsible-fld-link-hover-bg));
    color: rgb(var(--sidebar-collapsible-fld-link-hover-color))
}

#side-bar div.collapsible-block div.collapsible-block-folded>a.collapsible-block-link:is(:hover, :active):after {
    background: rgb(var(--sidebar-collapsible-fld-arrow-hover-color))
}

#side-bar div.collapsible-block div.collapsible-block-folded:focus-within>a.collapsible-block-link {
    background: rgb(var(--sidebar-collapsible-fld-link-hover-bg));
    color: rgb(var(--sidebar-collapsible-fld-link-hover-color))
}

#side-bar div.collapsible-block div.collapsible-block-folded:focus-within>a.collapsible-block-link:after {
    background: rgb(var(--sidebar-collapsible-fld-arrow-hover-color))
}

#side-bar div.collapsible-block div.collapsible-block-unfolded-link {
    border-bottom: .125rem solid rgb(var(--sidebar-border-color))
}

#side-bar div.collapsible-block div.collapsible-block-unfolded-link>a.collapsible-block-link {
    background: rgb(var(--sidebar-collapsible-ufld-link-bg));
    color: rgb(var(--sidebar-collapsible-ufld-link-color))
}

#side-bar div.collapsible-block div.collapsible-block-unfolded-link>a.collapsible-block-link:after {
    background: rgb(var(--sidebar-collapsible-ufld-arrow-color));
    rotate: 180deg
}

@supports not (rotate:180deg) {
    #side-bar div.collapsible-block div.collapsible-block-unfolded-link>a.collapsible-block-link:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

#side-bar div.collapsible-block div.collapsible-block-unfolded-link>a.collapsible-block-link:is(:hover, :active) {
    background: rgb(var(--sidebar-collapsible-ufld-link-hover-bg));
    color: rgb(var(--sidebar-collapsible-ufld-link-hover-color))
}

#side-bar div.collapsible-block div.collapsible-block-unfolded-link>a.collapsible-block-link:is(:hover, :active):after {
    background: rgb(var(--sidebar-collapsible-ufld-arrow-hover-color))
}

#side-bar div.collapsible-block div.collapsible-block-unfolded-link:focus-within>a.collapsible-block-link {
    background: rgb(var(--sidebar-collapsible-ufld-link-hover-bg));
    color: rgb(var(--sidebar-collapsible-ufld-link-hover-color))
}

#side-bar div.collapsible-block div.collapsible-block-unfolded-link:focus-within>a.collapsible-block-link:after {
    background: rgb(var(--sidebar-collapsible-ufld-arrow-hover-color))
}

#side-bar div.collapsible-block div.collapsible-block-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 2rem solid rgb(var(--sidebar-border-color));
    background-color: rgb(var(--sidebar-collapsible-body-bg))
}

#side-bar div.collapsible-block div.collapsible-block-content .menu-item:last-of-type {
    border-bottom: none
}

#side-bar div.collapsible-block div.collapsible-block-content .menu-item a:before {
    background-color: rgb(var(--sidebar-collapsible-link-hover-bg))
}

#side-bar div.collapsible-block div.collapsible-block-content .menu-item a {
    color: rgb(var(--sidebar-collapsible-link-color))
}

#side-bar div.collapsible-block div.collapsible-block-content .menu-item a:visited {
    color: rgb(var(--sidebar-collapsible-link-color))
}

#side-bar div.collapsible-block div.collapsible-block-content .menu-item a:is(:hover, :active, :focus-within) {
    color: rgb(var(--sidebar-collapsible-link-hover-color))
}

#side-bar div.collapsible-block div.collapsible-block-content br {
    display: none
}

#side-bar div.menu-item.expandable {
    max-width: calc(100% - (var(--base-font-size)*(13/15)))
}

#side-bar div.menu-item.expandable+.collapsible-block {
    background: 0 0
}

#side-bar div.menu-item.expandable+.collapsible-block .collapsible-block-folded {
    min-height: 0
}

#side-bar div.menu-item.expandable+.collapsible-block .collapsible-block-unfolded-link {
    min-height: 0
}

#side-bar div.menu-item.expandable+.collapsible-block .collapsible-block-content .menu-item p {
    font-size: calc(var(--base-font-size)*(11/15));
    height: 1.25rem;
    min-height: 1.25rem;
    padding: 0
}

#side-bar div.menu-item.expandable+.collapsible-block .collapsible-block-content .menu-item a {
    font-size: calc(var(--base-font-size)*(11/15));
    padding: 0
}

#side-bar div.menu-item.expandable+.collapsible-block a.collapsible-block-link {
    top: calc((1.5rem - var(--sidebar-internal-border-thickness))*-1);
    height: calc(1.5rem - (var(--sidebar-internal-border-thickness)*5));
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding-right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#side-bar div.menu-item.expandable+.collapsible-block a.collapsible-block-link:before {
    text-shadow: none;
    -webkit-box-pack: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    top: 0;
    bottom: auto;
    left: auto;
    right: 0
}

#side-bar div.menu-item.expandable+.collapsible-block a.collapsible-block-link:after {
    display: none
}

#side-bar div.menu-item.expandable+.collapsible-block a.collapsible-block-link:is(:hover, :active, :focus-within) {
    background-color: transparent
}

#side-bar div.side-block.yellow {
    background-color: rgba(255, 255, 229, .15)
}

#side-bar div.side-block.green {
    background-color: rgba(229, 255, 229, .15)
}

#side-bar div.side-block:not(:lang(en))>.collapsible-block .collapsible-block-folded {
    background: 0 0 !important
}

@media only screen and (max-width:56.25rem) {
    #side-bar {
        z-index: 10;
        inset: 0 auto auto calc(var(--sidebar-width-on-mobile)*-1 - 1rem);
        width: var(--sidebar-width-on-mobile);
        max-width: calc(80vw + (var(--base-font-size)*.5));
        -webkit-transition: left .5s var(--ease-in-out).1s;
        transition: left .5s var(--ease-in-out).1s;
        direction: initial;
        height: 100%;
        padding-left: .25em;
        display: block;
        position: fixed;
        overflow-y: auto
    }

    #side-bar:after {
        content: "";
        background-color: rgba(var(--swatch-menubg-black-color), .2);
        width: 0;
        height: 100%;
        position: absolute;
        top: 0
    }

    #side-bar .side-block {
        direction: initial;
        margin-top: .25rem
    }

    #side-bar div.menu-item a:first-of-type {
        padding: 0 calc((var(--base-font-size)*(14/15))*.5)
    }

    #side-bar .heading p {
        letter-spacing: .1em;
        font-size: .75em
    }

    #side-bar .side-block>.collapsible-block .collapsible-block-link {
        letter-spacing: .1em;
        font-size: .75em
    }

    #side-bar>div[style="background-color: #e5e5ff;"]>div.menu-item>div {
        grid-template-columns: repeat(3, 1fr)
    }

    :is(#skrollr-body, #side-bar) .close-menu {
        visibility: hidden;
        z-index: -1;
        margin-left: var(--scrollbar-width);
        padding-right: var(--sidebar-width-on-mobile);
        -webkit-transition: all .5s var(--ease-in-out).1s;
        transition: all .5s var(--ease-in-out).1s;
        opacity: 0;
        background: rgba(var(--swatch-menubg-black-color), .3).0625rem .0625rem repeat;
        pointer-events: none;
        width: 100%;
        height: 100%;
        display: block;
        position: fixed;
        top: 0;
        bottom: auto;
        left: 0;
        right: auto
    }

    #skrollr-body:target #side-bar,
    #side-bar:target {
        --box-shadow: rgb(var(--swatch-text-secondary-color));
        z-index: 10;
        width: var(--sidebar-width-on-mobile);
        max-width: calc(80vw + (var(--base-font-size)*.5));
        box-shadow: inset 0 0 0 -.0625rem var(--box-shadow);
        margin: 0;
        display: block;
        left: 0;
        overflow-x: hidden
    }

    :is(#skrollr-body, #side-bar):target+#main-content {
        left: 0
    }

    :is(#skrollr-body, #side-bar):target .close-menu {
        visibility: visible;
        z-index: -1;
        width: calc(100% - var(--sidebar-width-on-mobile));
        margin-left: var(--sidebar-width-on-mobile);
        opacity: 1;
        background: rgba(var(--swatch-menubg-black-color), .3).0625rem .0625rem repeat;
        pointer-events: auto;
        height: 100%;
        padding-right: 0;
        display: block;
        position: fixed;
        top: 0;
        bottom: auto;
        left: 0;
        right: auto
    }

    #side-bar div.scpnet-interwiki-wrapper:not(:lang(cn)) {
        max-width: var(--sidebar-width-on-mobile);
        margin-left: 0
    }

    #side-bar div.scpnet-interwiki-wrapper:not(:lang(cn)) * {
        max-width: var(--sidebar-width-on-mobile);
        margin-left: 0
    }
}

:where(:lang(cs)) #side-bar div.menu-item:first-of-type a[href="http://www.scp-wiki.net/"] {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0
}

:where(:lang(cs)) #side-bar div.menu-item {
    height: auto
}

:where(:lang(cs)) #side-bar .side-block.blue {
    margin: .5rem .5rem 0 0;
    background-color: rgb(var(--sidebar-media-bg-color)) !important;
    padding: .5rem !important
}

:where(:lang(cs)) #side-bar .side-block.blue a {
    -webkit-transition: background-color .15s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out);
    background-color: rgb(var(--social-color));
    -webkit-mask: var(--social-logo-mask)center center/contain no-repeat;
    mask: var(--social-logo-mask)center center/contain no-repeat;
    position: relative
}

:where(:lang(cs)) #side-bar .side-block.blue a:before {
    --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    content: " ";
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    background-color: rgb(var(--social-icon-hover-color));
    pointer-events: none;
    clip-path: var(--clip-path);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

:where(:lang(cs)) #side-bar .side-block.blue a:is(:hover, :active, :focus, :focus-within):before {
    --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%)
}

:where(:lang(cs)) #side-bar .side-block.blue a img {
    opacity: 0;
    width: 1.6875rem;
    height: 1.6875rem
}

:where(:lang(cs)) #side-bar .side-block.blue a[href*=facebook] {
    --social-logo-mask: var(--facebook-mask);
    --social-color: var(--facebook-icon-color)
}

:where(:lang(cs)) #side-bar .side-block.blue a[href*=instagram] {
    --social-logo-mask: var(--instagram-mask);
    --social-color: var(--instagram-icon-color);
    background-image: var(--instagram-icon-gradient);
    background-size: contain
}

:where(:lang(cs)) #side-bar .side-block.blue a[href*=discord] {
    --social-logo-mask: var(--discord-mask);
    --social-color: var(--discord-icon-color)
}

:where(:lang(cs)) #side-bar .side-block.blue a[href*=github] {
    --social-logo-mask: var(--github-mask);
    --social-color: var(--github-icon-color)
}

:where(:lang(fr)) #side-bar .side-block.media {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    column-gap: .5rem;
    margin: .5rem .5rem 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    background-color: rgb(var(--sidebar-media-bg-color)) !important;
    padding: .5rem !important
}

:where(:lang(fr)) #side-bar .side-block.media div.heading {
    -webkit-box-flex: 2;
    -webkit-flex: 2 0 100%;
    flex: 2 0 100%;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    padding-left: 0
}

:where(:lang(fr)) #side-bar .side-block.media div.menu-item {
    box-shadow: unset;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1.6875rem;
    flex: 0 1.6875rem;
    width: 1.6875rem;
    margin-top: .5rem
}

:where(:lang(fr)) #side-bar .side-block.media div.menu-item p {
    display: contents
}

:where(:lang(fr)) #side-bar .side-block.media div.menu-item a {
    -webkit-transition: background-color .15s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out);
    background-color: rgb(var(--social-color));
    -webkit-mask: var(--social-logo-mask)center center/contain no-repeat;
    mask: var(--social-logo-mask)center center/contain no-repeat;
    color: transparent;
    margin: 0;
    padding: 0;
    font-size: 0;
    position: relative
}

:where(:lang(fr)) #side-bar .side-block.media div.menu-item a:before {
    --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    content: " ";
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    background-color: rgb(var(--social-icon-hover-color));
    pointer-events: none;
    clip-path: var(--clip-path);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}

:where(:lang(fr)) #side-bar .side-block.media div.menu-item a:is(:hover, :active, :focus, :focus-within):before {
    --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%)
}

:where(:lang(de)) #side-bar :not(.scpnet-interwiki-wrapper) {
    height: auto
}

:where(:lang(de)) #side-bar div.side-block {
    grid-auto-rows: minmax(0, auto);
    grid-template-rows: unset;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    display: grid
}

:where(:lang(de)) #side-bar div.side-block>div.menu-item.expandable>p>a:only-of-type {
    -webkit-clip-path: polygon(-15% 0, 100% 0, calc(100% - 1em) 100%, 0 100%);
    clip-path: polygon(-15% 0, 100% 0, calc(100% - 1em) 100%, 0 100%)
}

:where(:lang(de)) #side-bar div.side-block>div.menu-item.expandable>p>span {
    padding-right: 0
}

:where(:lang(de)) #side-bar div.side-block>div.menu-item.expandable:is(:hover, :active, :focus, :focus-within)>p>span {
    padding-right: 1.25em
}

:where(:lang(de)) #side-bar div.side-block.svg-icons {
    margin: .5rem .5rem .5rem 0;
    background-color: rgb(var(--sidebar-media-bg-color)) !important;
    padding: .5rem !important
}

:where(:lang(de)) #side-bar div.side-block.svg-icons>p {
    grid-template-rows: repeat(auto-fit, minmax(1.3125rem, 1fr));
    grid-auto-flow: column;
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly;
    width: 100%;
    display: grid
}

:where(:lang(de)) #side-bar div.side-block.svg-icons a {
    -webkit-transition: background-color .15s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out);
    background-color: rgb(var(--social-color));
    background-image: unset;
    -webkit-mask: var(--social-logo-mask)center center/contain no-repeat;
    mask: var(--social-logo-mask)center center/contain no-repeat;
    position: relative
}

:where(:lang(de)) #side-bar div.side-block.svg-icons a:before {
    --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    content: " ";
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    background-color: rgb(var(--social-icon-hover-color));
    pointer-events: none;
    clip-path: var(--clip-path);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}

:where(:lang(de)) #side-bar div.side-block.svg-icons a:is(:hover, :active, :focus, :focus-within):before {
    --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%)
}

:where(:lang(de)) #side-bar div.side-block.svg-icons a img {
    opacity: 0;
    width: 1.6875rem;
    height: 1.6875rem
}

:where(:lang(de)) #side-bar div.side-block.svg-icons a[href*=chat] {
    --social-logo-mask: var(--discord-mask);
    --social-color: var(--discord-icon-color)
}

:where(:lang(de)) #side-bar div.side-block.svg-icons a[href*=youtube] {
    --social-logo-mask: var(--youtube-mask);
    --social-color: var(--youtube-icon-color)
}

:where(:lang(de)) #side-bar div.side-block.svg-icons a[href*=facebook] {
    --social-logo-mask: var(--facebook-mask);
    --social-color: var(--facebook-icon-color)
}

:where(:lang(de)) #side-bar div.side-block.svg-icons a[href*=twitter] {
    --social-logo-mask: var(--twitter-mask);
    --social-color: var(--twitter-icon-color)
}

:where(:lang(de)) #side-bar div.side-block.svg-icons a[href*=deviantart] {
    --social-logo-mask: var(--deviantart-mask);
    --social-color: var(--deviantart-icon-color)
}

:where(:lang(de)) #side-bar div.side-block.svg-icons a[href*=instagram] {
    --social-logo-mask: var(--instagram-mask);
    --social-color: var(--instagram-icon-color);
    background-image: var(--instagram-icon-gradient);
    background-size: contain
}

:where(:lang(de)) #side-bar div.side-block.svg-icons a[href*=reddit] {
    --social-logo-mask: var(--reddit-mask);
    --social-color: var(--reddit-icon-color)
}

:where(:lang(de)) #side-bar div.side-block.svg-icons a[href*=sandbox] {
    --social-logo-mask: var(--sandbox-mask);
    --social-color: var(--sandbox-icon-color)
}

:where(:lang(de)) #side-bar:not(.svg-icons) div.menu-item {
    grid-template-columns: 50% 50%;
    display: grid
}

:where(:lang(de)) #side-bar .side-links.svg-icons a {
    width: 1.25rem;
    height: 1.25rem
}

:where(:lang(de)) #side-bar div.side-bar-container {
    display: contents
}

:where(:lang(de)) #side-bar div.menu-item p {
    display: contents
}

:where(:lang(de)) #side-bar div.menu-item a {
    grid-row: 1
}

:where(:lang(de)) #side-bar div.menu-item a:only-of-type {
    grid-area: 1/1/auto/span 2;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

:where(:lang(de)) #side-bar div.menu-item a:only-of-type:is(:hover, :active, :focus, :focus-within)~span {
    --wght: var(--ui-hvr-wght);
    border-color: rgba(var(--sidebar-links-hover-text-color), .15);
    color: rgb(var(--sidebar-links-hover-text-color))
}

:where(:lang(de)) #side-bar div.menu-item span {
    z-index: 2;
    -webkit-transition: padding-right .15s var(--ease-in-out), border-color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: padding-right .15s var(--ease-in-out), border-color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    grid-area: 1/2;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding-right: 1em
}

:where(:lang(de)) #side-bar .collapsible-block+.collapsible-block {
    margin-top: -1.5rem;
    margin-bottom: .5rem
}

:where(:lang(de)) #side-bar .collapsible-block+.collapsible-block a.collapsible-block-link:before {
    display: none
}

:where(:lang(de)) #side-bar .menu-item.expandable+.collapsible-block {
    min-height: 1.5rem;
    display: grid
}

:where(:lang(de)) #side-bar .menu-item.expandable+.collapsible-block+.menu-item.expandable {
    margin-top: -1.5rem
}

:where(:lang(de)) #side-bar .menu-item.expandable+.collapsible-block>div.collapsible-block-folded {
    box-shadow: unset;
    margin-top: -1.5rem
}

:where(:lang(de)) #side-bar .menu-item.expandable+.collapsible-block>div.collapsible-block-unfolded {
    margin-bottom: 1.5rem
}

:where(:lang(de)) #side-bar .menu-item.expandable+.collapsible-block>div {
    background-color: transparent;
    min-height: 1.5rem
}

:where(:lang(de)) #side-bar .menu-item.expandable+.collapsible-block>div a {
    background-color: transparent;
    min-height: 1.5rem
}

:where(:lang(de)) #side-bar .menu-item.expandable+.collapsible-block>div a {
    width: 100%;
    max-height: 1.5rem
}

:where(:lang(de)) #side-bar .menu-item.expandable+.collapsible-block>div a:before {
    filter: unset
}

:where(:lang(de)) #side-bar .menu-item.expandable+.collapsible-block .collapsible-block-link {
    top: unset
}

:where(:lang(de)) #side-bar .menu-item.expandable+.collapsible-block .collapsible-block-link:before {
    --text-shadow-color: var(--swatch-primary-darkest);
    content: "+";
    background-image: unset;
    color: rgb(var(--sidebar-bg-color));
    -webkit-text-fill-color: rgb(var(--sidebar-bg-color));
    -webkit-text-stroke: .0625rem rgb(var(--text-shadow-color));
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: grid
}

@supports not (-webkit-text-stroke:initial) {
    :where(:lang(de)) #side-bar .menu-item.expandable+.collapsible-block .collapsible-block-link:before {
        text-shadow: rgb(var(--text-outline-color)).0625rem 0 0, rgb(var(--text-outline-color)).0338rem .0526rem 0, rgb(var(--text-outline-color))-.026rem .0568rem 0, rgb(var(--text-outline-color))-.0619rem .0088rem 0, rgb(var(--text-outline-color))-.0409rem -.0473rem 0, rgb(var(--text-outline-color)).0177rem -.0599rem 0, rgb(var(--text-outline-color)).06rem -.0175rem 0
    }
}

:where(:lang(de)) #side-bar .menu-item.expandable:hover+div.collapsible-block a.collapsible-block-link:before {
    --text-outline-color: rgb(var(--sidebar-bg-color))
}

:where(:lang(de)) #side-bar .menu-item.expandable .menu-item {
    border-left: none;
    margin: 0;
    padding: 0
}

:where(:lang(de)) #side-bar .menu-item.expandable .collapsible-block-content .menu-item a {
    width: calc(100% - var(--base-font-size));
    margin: 0 0 0 calc(var(--base-font-size)*(1/3));
    padding: 0 0 0 calc(var(--base-font-size)*(2/3));
    border-left: .0625rem dashed rgb(var(--swatch-primary-darkest));
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

:where(:lang(de)) #side-bar .colmod-link-top a:first-child:before {
    --text-shadow-color: var(--swatch-primary-darkest);
    content: "+";
    background-image: unset;
    color: rgb(var(--sidebar-bg-color));
    -webkit-text-fill-color: rgb(var(--sidebar-bg-color));
    -webkit-text-stroke: .0625rem rgb(var(--text-shadow-color));
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: grid
}

@supports not (-webkit-text-stroke:initial) {
    :where(:lang(de)) #side-bar .colmod-link-top a:first-child:before {
        text-shadow: rgb(var(--text-outline-color)).0625rem 0 0, rgb(var(--text-outline-color)).0338rem .0526rem 0, rgb(var(--text-outline-color))-.026rem .0568rem 0, rgb(var(--text-outline-color))-.0619rem .0088rem 0, rgb(var(--text-outline-color))-.0409rem -.0473rem 0, rgb(var(--text-outline-color)).0177rem -.0599rem 0, rgb(var(--text-outline-color)).06rem -.0175rem 0
    }
}

:where(:lang(de)) #side-bar .collapsible-block-content {
    border-right: var(--base-font-size)solid rgb(var(--sidebar-border-color))
}

:where(:lang(de)) #side-bar .collapsible-block-content div.menu-item {
    max-width: 100%
}

:where(:lang(it)) #side-bar {
    --telegram-icon-color: 0, 136, 204
}

:where(:lang(it)) div.side-bar-container {
    display: contents
}

:where(:lang(it)) div.menu-item {
    height: auto
}

:where(:lang(it)) .side-block.green+div {
    display: contents
}

:where(:lang(it)) .side-block.media {
    width: var(--sidebar-width-on-mobile);
    direction: ltr;
    grid-auto-flow: column;
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly;
    -webkit-align-self: center;
    align-self: center;
    background-color: rgb(var(--sidebar-media-bg-color)) !important;
    padding: .5em !important
}

:where(:lang(it)) .side-block.media br {
    display: none
}

:where(:lang(it)) .side-block.media a {
    -webkit-transition: background-color .15s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out);
    background-color: rgb(var(--social-color));
    -webkit-mask: var(--social-logo-mask)center center/contain no-repeat;
    mask: var(--social-logo-mask)center center/contain no-repeat;
    position: relative
}

:where(:lang(it)) .side-block.media a:before {
    --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    content: " ";
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    background-color: rgb(var(--social-icon-hover-color));
    pointer-events: none;
    clip-path: var(--clip-path);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

:where(:lang(it)) .side-block.media a:is(:hover, :active, :focus, :focus-within):before {
    --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%)
}

:where(:lang(it)) .side-block.media a img {
    opacity: 0;
    width: 1.6875rem;
    height: 1.6875rem
}

:where(:lang(it)) .side-block.media a[href*=facebook] {
    --social-logo-mask: var(--facebook-mask);
    --social-color: var(--facebook-icon-color)
}

:where(:lang(it)) .side-block.media a[href*=twitter] {
    --social-logo-mask: var(--twitter-mask);
    --social-color: var(--twitter-icon-color)
}

:where(:lang(it)) .side-block.media a[href*=instagram] {
    --social-logo-mask: var(--instagram-mask);
    --social-color: var(--instagram-icon-color);
    background-image: var(--instagram-icon-gradient);
    background-size: contain
}

:where(:lang(it)) .side-block.media a[href*=chat] {
    --social-logo-mask: var(--discord-mask);
    --social-color: var(--discord-icon-color)
}

:where(:lang(it)) .side-block.media a[href*=reddit] {
    --social-logo-mask: var(--reddit-mask);
    --social-color: var(--reddit-icon-color)
}

:where(:lang(it)) .side-block.media a[href*=t\.me] {
    --social-logo-mask: var(--telegram-mask);
    --social-color: var(--telegram-icon-color)
}

:where(:lang(ja)) #side-bar hr {
    margin-bottom: 0
}

:where(:lang(ja)) #side-bar div.side-block:not(.sns) div.menu-item {
    grid-template-columns: 50% 50%;
    display: grid
}

:where(:lang(ja)) #side-bar div.side-block.sns {
    width: var(--sidebar-width-on-mobile);
    direction: ltr;
    grid-auto-flow: column;
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly;
    margin: .5rem .5rem 0 0;
    background-color: rgb(var(--sidebar-media-bg-color)) !important;
    padding: .5em !important
}

:where(:lang(ja)) #side-bar div.side-block.sns>div {
    display: contents !important
}

:where(:lang(ja)) #side-bar div.side-block.sns>div>div {
    display: contents !important
}

:where(:lang(ja)) #side-bar div.side-block.sns a {
    -webkit-transition: background-color .15s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out);
    background-color: rgb(var(--social-color));
    -webkit-mask: var(--social-logo-mask)center center/contain no-repeat;
    mask: var(--social-logo-mask)center center/contain no-repeat;
    border: none;
    width: 1.6875rem;
    height: 1.6875rem;
    margin: 0;
    padding: 0;
    position: relative
}

:where(:lang(ja)) #side-bar div.side-block.sns a:before {
    --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    content: " ";
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    background-color: rgb(var(--social-icon-hover-color));
    pointer-events: none;
    clip-path: var(--clip-path);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}

:where(:lang(ja)) #side-bar div.side-block.sns a:is(:hover, :active, :focus, :focus-within):before {
    --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%)
}

:where(:lang(ja)) #side-bar div.side-block.sns a img {
    opacity: 0;
    width: 1.6875rem;
    height: 1.6875rem
}

:where(:lang(ja)) #side-bar div.side-block.sns a [href*=discord] {
    --social-logo-mask: var(--discord-mask);
    --social-color: var(--discord-icon-color)
}

:where(:lang(ja)) #side-bar div.side-block.sns a [href*=twitter] {
    --social-logo-mask: var(--twitter-mask);
    --social-color: var(--twitter-icon-color)
}

:where(:lang(ja)) #side-bar div.side-block[style*=fff0f0] div.menu-item:last-of-type {
    grid-template-columns: repeat(3, 33.3333%)
}

:where(:lang(ja)) #side-bar div.side-block[style*=fff0f0] div.menu-item:last-of-type a {
    grid-row: 1
}

:where(:lang(ja)) #side-bar div.menu-item a:only-of-type {
    grid-area: 1/1/auto/span 2;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

:where(:lang(ja)) #side-bar div.menu-item a:only-of-type:is(:hover, :active, :focus, :focus-within)~span {
    --wght: var(--ui-hvr-wght);
    border-color: rgba(var(--sidebar-links-hover-text-color), .15);
    color: rgb(var(--sidebar-links-hover-text-color))
}

:where(:lang(ja)) #side-bar div.menu-item span {
    z-index: 2;
    -webkit-transition: border-color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: border-color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    grid-area: 1/2
}

:where(:lang(ja)) #side-bar div.menu-item span[style*=line-through] {
    display: contents
}

:where(:lang(ja)) #side-bar div.menu-item span[style*=line-through] a {
    text-decoration: line-through
}

:where(:lang(ja)) #side-bar div.menu-item a[href*=sandbox2] {
    text-indent: 1em
}

:where(:lang(ja)) #side-bar div.menu-item a[href*=sandbox2]:after {
    content: "|";
    -webkit-transition: color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    color: rgba(var(--sidebar-links-text), .25);
    position: absolute;
    left: 0
}

:where(:lang(ja)) #side-bar div.menu-item a[href*=sandbox2]:is(:hover, :active, :focus, :focus-within):after {
    color: rgba(var(--sidebar-links-hover-text), .25)
}

:where(:lang(ja)) #side-bar div.menu-item span[style*=line-through] a {
    text-indent: 1em
}

:where(:lang(ja)) #side-bar div.menu-item span[style*=line-through] a:after {
    content: "|";
    -webkit-transition: color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    color: rgba(var(--sidebar-links-text), .25);
    position: absolute;
    left: 0
}

:where(:lang(ja)) #side-bar div.menu-item span[style*=line-through] a:is(:hover, :active, :focus, :focus-within):after {
    color: rgba(var(--sidebar-links-hover-text), .25)
}

:where(:lang(ja)) #side-bar div.scpnet-interwiki-wrapper {
    margin-top: 1em
}

:where(:lang(ko)) #side-bar {
    --youtube-icon-color: 255, 0, 0;
    --naver-icon-color: 25, 206, 96
}

:where(:lang(ko)) #side-bar .side-block[style*=E5E5FF] {
    width: var(--sidebar-width-on-mobile);
    grid-auto-flow: column;
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly;
    margin: .5rem .5rem 0 0;
    background-color: rgb(var(--sidebar-media-bg-color)) !important;
    padding: .5em !important
}

:where(:lang(ko)) #side-bar .side-block[style*=E5E5FF]+div+div {
    grid-auto-flow: row;
    margin-top: 1rem
}

:where(:lang(ko)) #side-bar .side-block[style*=E5E5FF]>div {
    display: contents
}

:where(:lang(ko)) #side-bar .side-block[style*=E5E5FF] a {
    -webkit-transition: background-color .15s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out);
    background-color: rgb(var(--social-color));
    -webkit-mask: var(--social-logo-mask)center center/contain no-repeat;
    mask: var(--social-logo-mask)center center/contain no-repeat;
    position: relative
}

:where(:lang(ko)) #side-bar .side-block[style*=E5E5FF] a:before {
    --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    content: " ";
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    background-color: rgb(var(--social-icon-hover-color));
    pointer-events: none;
    clip-path: var(--clip-path);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

:where(:lang(ko)) #side-bar .side-block[style*=E5E5FF] a:is(:hover, :active, :focus, :focus-within):before {
    --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%)
}

:where(:lang(ko)) #side-bar .side-block[style*=E5E5FF] a img {
    opacity: 0;
    width: 1.6875rem;
    height: 1.6875rem
}

:where(:lang(ko)) #side-bar .side-block[style*=E5E5FF] a[href*=wikidot] {
    --social-logo-mask: var(--discord-mask);
    --social-color: var(--discord-icon-color)
}

:where(:lang(ko)) #side-bar .side-block[style*=E5E5FF] a[href*=twitter] {
    --social-logo-mask: var(--twitter-mask);
    --social-color: var(--twitter-icon-color)
}

:where(:lang(ko)) #side-bar .side-block[style*=E5E5FF] a[href*=youtube] {
    --social-logo-mask: var(--youtube-mask);
    --social-color: var(--youtube-icon-color)
}

:where(:lang(ko)) #side-bar .side-block[style*=E5E5FF] a[href*=naver] {
    --social-logo-mask: var(--naver-mask);
    --social-color: var(--naver-icon-color)
}

:where(:lang(pl)) #side-bar div.menu-item a[href*=scp-series]:only-of-type {
    padding: 0 0 0 calc(var(--base-font-size)*(14/15));
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

:where(:lang(pl)) #side-bar .side-block.media a[href*=chat] {
    --social-logo-mask: var(--discord-mask);
    --social-color: var(--discord-icon-color)
}

:where(:lang(pt-br)) #side-bar div.menu-item a[href*=series] {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

:where(:lang(pt-br)) #side-bar div.side-block[style*=\#e7e5e8]+div[style*=center] {
    display: contents
}

:where(:lang(pt-br)) #side-bar div.side-block.side-links {
    width: var(--sidebar-width-on-mobile);
    grid-auto-flow: column;
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly;
    margin: .5rem .5rem 0 0;
    background-color: rgb(var(--sidebar-media-bg-color)) !important;
    padding: .5em !important
}

:where(:lang(pt-br)) #side-bar div.side-block.side-links a {
    -webkit-transition: background-color .15s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out);
    background-color: rgb(var(--social-color));
    -webkit-mask: var(--social-logo-mask)center center/contain no-repeat;
    mask: var(--social-logo-mask)center center/contain no-repeat;
    position: relative
}

:where(:lang(pt-br)) #side-bar div.side-block.side-links a:before {
    --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    content: " ";
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    background-color: rgb(var(--social-icon-hover-color));
    pointer-events: none;
    clip-path: var(--clip-path);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

:where(:lang(pt-br)) #side-bar div.side-block.side-links a:is(:hover, :active, :focus, :focus-within):before {
    --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%)
}

:where(:lang(pt-br)) #side-bar div.side-block.side-links a img {
    opacity: 0;
    width: 1.6875rem;
    height: 1.6875rem
}

:where(:lang(pt-br)) #side-bar div.side-block.media a[href*=twitter] {
    --social-logo-mask: var(--twitter-mask);
    --social-color: var(--twitter-icon-color)
}

:where(:lang(pt-br)) #side-bar div.side-block.media a[href*=chat] {
    --social-logo-mask: var(--discord-mask);
    --social-color: var(--discord-icon-color)
}

:where(:lang(pt-br)) #side-bar div.side-block.media a[href*=youtube] {
    --social-logo-mask: var(--youtube-mask);
    --social-color: var(--youtube-icon-color)
}

:where(:lang(pt-br)) #side-bar div.side-block.media a[href*=scpsandboxbr] {
    --social-logo-mask: var(--sandbox-mask);
    --social-color: var(--sandbox-icon-color)
}

:where(:lang(pt-br)) #side-bar div.side-block span[style*=font-size] {
    display: contents
}

:where(:lang(pt-br)) #side-bar div.side-block span[style*=font-size] a {
    font-size: calc(var(--base-font-size)*.8)
}

:where(:lang(ru)) #side-bar #u-become-member {
    padding: inherit;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    background-color: rgb(var(--sideblock-bg-color));
    box-shadow: 0 .25rem rgb(var(--swatch-primary-darkest));
    direction: ltr;
    border: 0;
    grid-template-rows: repeat(auto-fit, minmax(1.3125rem, 1fr));
    -webkit-justify-content: stretch;
    justify-content: stretch;
    margin: .5rem .5rem 0 0;
    display: grid
}

:where(:lang(ru)) #side-bar #u-become-member div.menu-item a {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    min-width: 100%;
    padding: 0
}

:where(:lang(ru)) #side-bar hr {
    margin-bottom: 0
}

:where(:lang(ru)) #side-bar div.side-block:not(.sns) div.menu-item {
    grid-template-columns: 50% 50%;
    display: grid
}

:where(:lang(ru)) #side-bar div.menu-item a:only-of-type {
    grid-area: 1/1/auto/span 2;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

:where(:lang(ru)) #side-bar div.menu-item a:only-of-type:is(:hover, :active, :focus, :focus-within)~span {
    --wght: var(--ui-hvr-wght);
    border-color: rgba(var(--sidebar-links-hover-text-color), .15);
    color: rgb(var(--sidebar-links-hover-text-color))
}

:where(:lang(ru)) #side-bar div.menu-item a[href=\/news] {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0
}

:where(:lang(ru)) #side-bar div.menu-item a[href*=scp-series] {
    padding: 0 0 0 calc(var(--base-font-size)*(14/15))
}

:where(:lang(ru)) #side-bar div.menu-item a[href*=scp-series]+span {
    padding: 0 0 0 calc(var(--base-font-size)/2);
    pointer-events: none
}

:where(:lang(ru)) #side-bar div.menu-item a[href*=scp-list]+span {
    padding: 0 0 0 calc(var(--base-font-size)/2);
    pointer-events: none
}

:where(:lang(ru)) #side-bar div.menu-item span {
    z-index: 2;
    -webkit-transition: border-color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: border-color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    grid-area: 1/2
}

:where(:lang(ru)) #side-bar>hr+.side-block {
    grid-template-rows: unset
}

:where(:lang(ru)) #side-bar>hr+.side-block h5 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

:where(:lang(ru)) #side-bar>hr+.side-block .collapsible-block-content {
    text-align: center;
    border-right: 0 solid transparent
}

:where(:lang(ru)) #side-bar>hr+.side-block>div:last-of-type {
    padding: 0 0 0 calc(var(--base-font-size)*(14/15))
}

:where(:lang(cn)) #side-bar {
    --bilibili-icon-color: 0, 161, 214;
    grid-template-columns: 5rem 1fr;
    display: grid
}

:where(:lang(cn)) #side-bar .heading:not(:first-child) {
    margin: 0
}

:where(:lang(cn)) #side-bar div[style*=\#f0f0f0] {
    background-color: transparent !important
}

:where(:lang(cn)) #side-bar div[style*=\#f0f0f0] div[style*=center] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

:where(:lang(cn)) #side-bar div[style*=\#f0f0f0] div[style*=center] img {
    margin: 0 !important
}

:where(:lang(cn)) #side-bar div.side-block {
    grid-column: span 2
}

:where(:lang(cn)) #side-bar div.side-block.media {
    -webkit-flex-basis: 3.6875rem;
    flex-basis: 3.6875rem;
    grid-column: 1/span 1
}

:where(:lang(cn)) #side-bar div.side-block.media+div[style*=\#f0f0f0] {
    flex-basis: calc(var(--sidebar-width-on-desktop) - 3.6875rem);
    grid-column: 2/span 1
}

:where(:lang(cn)) #side-bar div.side-block.media+div[style*=\#f0f0f0]>div {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row
}

:where(:lang(cn)) #side-bar div.side-block.media+div[style*=\#f0f0f0]>div a {
    padding: .5em
}

:where(:lang(cn)) #side-bar div.side-block.media div.menu-item {
    display: contents
}

:where(:lang(cn)) #side-bar div.side-block.media .heading {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-left: 0
}

:where(:lang(cn)) #side-bar div.side-block.media .heading div {
    border: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

:where(:lang(cn)) #side-bar div.side-block.media a {
    -webkit-transition: background-color .15s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out);
    background-color: rgb(var(--social-color));
    font-size: var(--base-font-size);
    -webkit-mask: var(--social-logo-mask)center center/contain no-repeat;
    mask: var(--social-logo-mask)center center/contain no-repeat;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 1.6875rem;
    height: 1.6875rem;
    margin: 0;
    padding: 0;
    line-height: 1;
    position: relative
}

:where(:lang(cn)) #side-bar div.side-block.media a:visited {
    -webkit-transition: background-color .15s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out);
    background-color: rgb(var(--social-color));
    font-size: var(--base-font-size);
    -webkit-mask: var(--social-logo-mask)center center/contain no-repeat;
    mask: var(--social-logo-mask)center center/contain no-repeat;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 1.6875rem;
    height: 1.6875rem;
    margin: 0;
    padding: 0;
    line-height: 1;
    position: relative
}

:where(:lang(cn)) #side-bar div.side-block.media a:before {
    --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    content: " ";
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    background-color: rgb(var(--social-icon-hover-color));
    pointer-events: none;
    clip-path: var(--clip-path);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}

:where(:lang(cn)) #side-bar div.side-block.media a:is(:hover, :active, :focus, :focus-within):before {
    --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%)
}

:where(:lang(cn)) #side-bar div.side-block.media a img {
    opacity: 0;
    width: 1.6875rem;
    height: 1.6875rem
}

:where(:lang(cn)) #side-bar div.side-block.media a[href*=bilibili] {
    --social-logo-mask: var(--bilibili-mask);
    --social-color: var(--bilibili-icon-color)
}

:where(:lang(es)) #side-bar .side-block .media {
    margin: .5rem .5rem 0 0;
    background-color: rgb(var(--sidebar-media-bg-color)) !important;
    padding: .5rem !important
}

:where(:lang(es)) #side-bar .side-block .media>div {
    box-shadow: unset;
    grid-auto-flow: column;
    width: 100%;
    -webkit-justify-content: space-evenly !important;
    justify-content: space-evenly !important;
    display: grid !important
}

:where(:lang(es)) #side-bar .side-block .media>div>div {
    display: contents
}

:where(:lang(es)) #side-bar .side-block .media a {
    -webkit-transition: background-color .15s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out);
    background-color: rgb(var(--social-color));
    font-size: var(--base-font-size);
    -webkit-mask: var(--social-logo-mask)center center/contain no-repeat;
    mask: var(--social-logo-mask)center center/contain no-repeat;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 1.6875rem;
    height: 1.6875rem;
    margin: 0;
    padding: 0;
    line-height: 1;
    position: relative
}

:where(:lang(es)) #side-bar .side-block .media a:before {
    --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    content: " ";
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    background-color: rgb(var(--social-icon-hover-color));
    pointer-events: none;
    clip-path: var(--clip-path);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

:where(:lang(es)) #side-bar .side-block .media a:is(:hover, :active, :focus, :focus-within):before {
    --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%)
}

:where(:lang(es)) #side-bar .side-block .media a img {
    opacity: 0;
    width: 1.6875rem;
    height: 1.6875rem
}

:where(:lang(es)) #side-bar .side-block .media a[href*=facebook] {
    --social-logo-mask: var(--facebook-mask);
    --social-color: var(--facebook-icon-color)
}

:where(:lang(es)) #side-bar .side-block .media a[href*=twitter] {
    --social-logo-mask: var(--twitter-mask);
    --social-color: var(--twitter-icon-color)
}

:where(:lang(es)) #side-bar .side-block .media a[href*=chat] {
    --social-logo-mask: var(--discord-mask);
    --social-color: var(--discord-icon-color)
}

:where(:lang(es)) #side-bar .side-block .media a[href*=instagram] {
    --social-logo-mask: var(--instagram-mask);
    --social-color: var(--instagram-icon-color);
    background-image: var(--instagram-icon-gradient);
    background-size: contain
}

:where(:lang(es)) #side-bar .side-block[style*=fff0f0]+.side-block>div:first-child a {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0
}

:where(:lang(es)) #side-bar .side-block[style*=fff0f0]+.side-block>div:nth-child(3) a {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0
}

:where(:lang(th)) #side-bar br {
    display: none
}

:where(:lang(th)) #side-bar div.menu-item {
    height: auto
}

:where(:lang(th)) #side-bar div.menu-item a {
    font-weight: 400
}

:where(:lang(th)) #side-bar div.menu-item input.text {
    font-family: var(--body-font);
    cursor: text;
    background-color: rgba(var(--swatch-tertiary-color), .25) !important;
    height: 2rem !important
}

:where(:lang(th)) #side-bar .side-block div.new-page-box form {
    padding: 0;
    display: grid
}

:where(:lang(th)) #side-bar .side-block div.new-page-box input.button {
    font-family: var(--header-font);
    font-size: calc(var(--base-font-size)*1.1);
    justify-self: center;
    width: 100%;
    padding: 0 .25rem;
    margin: 0 !important
}

:where(:lang(th)) #side-bar .side-block div.new-page-box input.text {
    font-family: var(--header-font);
    font-size: calc(var(--base-font-size)*1.1);
    justify-self: center;
    width: 100%;
    padding: 0 .25rem;
    margin: 0 !important
}

:where(:lang(th)) #side-bar .side-block div.new-page-box input.button {
    box-shadow: 0 0 0 .125rem rgb(var(--swatch-primary));
    cursor: pointer;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0 .25rem;
    margin-top: .5rem !important
}

:where(:lang(th)) #side-bar .side-block:nth-child(3) {
    grid-template-columns: repeat(6, 1fr);
    padding: 0 .5rem
}

:where(:lang(th)) #side-bar .side-block:nth-child(3)>div {
    display: contents
}

:where(:lang(th)) #side-bar .side-block:nth-child(3)>div>:not(:is(script, br)) {
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .25rem 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

:where(:lang(th)) #side-bar .side-block:nth-child(3) :first-child {
    grid-column: span 6
}

:where(:lang(th)) #side-bar .side-block:nth-child(3) :nth-child(3) {
    grid-column: span 6
}

:where(:lang(th)) #side-bar .side-block:nth-child(3) :nth-child(5) {
    grid-column: span 6
}

:where(:lang(th)) #side-bar .side-block:nth-child(3) :nth-child(7) {
    grid-column: span 4;
    justify-self: flex-end
}

:where(:lang(th)) #side-bar .side-block:nth-child(3) :nth-child(8) {
    grid-column: span 2;
    justify-self: flex-start
}

:where(:lang(th)) #side-bar .side-block:nth-child(3) a:nth-child(n+10) {
    -webkit-transition: background-color .15s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out);
    background-color: rgb(var(--social-color));
    font-size: var(--base-font-size);
    -webkit-mask: var(--social-logo-mask)center center/contain no-repeat;
    mask: var(--social-logo-mask)center center/contain no-repeat;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 1.6875rem;
    height: 1.6875rem;
    margin: 0;
    padding: 0;
    line-height: 1;
    position: relative
}

:where(:lang(th)) #side-bar .side-block:nth-child(3) a:nth-child(n+10):before {
    --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    content: " ";
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    background-color: rgb(var(--social-icon-hover-color));
    pointer-events: none;
    clip-path: var(--clip-path);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}

:where(:lang(th)) #side-bar .side-block:nth-child(3) a:nth-child(n+10):is(:hover, :active, :focus, :focus-within):before {
    --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%)
}

:where(:lang(th)) #side-bar .side-block:nth-child(3) a:nth-child(n+10) img {
    opacity: 0;
    width: 1.6875rem;
    height: 1.6875rem
}

:where(:lang(th)) #side-bar .side-block:nth-child(3) a:nth-child(n+10)[href*=facebook] {
    --social-logo-mask: var(--facebook-mask);
    --social-color: var(--facebook-icon-color)
}

:where(:lang(th)) #side-bar .side-block:nth-child(3) a:nth-child(n+10)[href*=twitter] {
    --social-logo-mask: var(--twitter-mask);
    --social-color: var(--twitter-icon-color)
}

:where(:lang(th)) #side-bar .side-block:nth-child(3) a:nth-child(n+10)[href*=chat] {
    --social-logo-mask: var(--discord-mask);
    --social-color: var(--discord-icon-color)
}

:where(:lang(th)) #side-bar .side-block:nth-child(3) a:nth-child(n+10)[href*=deviantart] {
    --social-logo-mask: var(--deviantart-mask);
    --social-color: var(--deviantart-icon-color)
}

:where(:lang(th)) #side-bar .side-block:nth-child(3) a:nth-child(n+10)[href*=steam] {
    --social-logo-mask: var(--steam-mask);
    --social-color: var(--steam-icon-color)
}

:where(:lang(th)) #side-bar .side-block:nth-child(3) a:nth-child(n+10)[href*=sandbox] {
    --social-logo-mask: var(--sandbox-mask);
    --social-color: var(--sandbox-icon-color)
}

:where(:lang(th)) #side-bar .side-block:nth-child(4) {
    grid-template-rows: 1.5rem 1.5rem 1fr;
    gap: .25em
}

:where(:lang(th)) #side-bar .side-block:nth-child(4) a {
    --wght: var(--ui-wght);
    padding: 0 0 0 calc(var(--base-font-size)*(14/15));
    -webkit-transition: background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    background-clip: padding-box;
    background-color: rgb(var(--sidebar-links-bg-color));
    color: rgb(var(--sidebar-links-text));
    font-size: calc(var(--base-font-size)*(14/15));
    font-weight: var(--wght);
    letter-spacing: .04em;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    height: 1.5rem;
    margin: 0;
    line-height: 1.5;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative
}

:where(:lang(th)) #side-bar .side-block:nth-child(4) a:visited {
    --wght: var(--ui-wght);
    padding: 0 0 0 calc(var(--base-font-size)*(14/15));
    -webkit-transition: background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    background-clip: padding-box;
    background-color: rgb(var(--sidebar-links-bg-color));
    color: rgb(var(--sidebar-links-text));
    font-size: calc(var(--base-font-size)*(14/15));
    font-weight: var(--wght);
    letter-spacing: .04em;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    height: 1.5rem;
    margin: 0;
    line-height: 1.5;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative
}

:where(:lang(th)) #side-bar .side-block:nth-child(4) a:first-of-type:before {
    --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    content: " ";
    z-index: -1;
    inset: 0 auto auto calc(var(--base-font-size)*(14/15)*-1);
    width: calc(100% + (var(--base-font-size)*(14/15)));
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    opacity: 1;
    background-color: rgb(var(--sidebar-links-hover-bg-color));
    pointer-events: none;
    clip-path: var(--clip-path);
    height: 100%;
    position: absolute
}

:where(:lang(th)) #side-bar .side-block:nth-child(4) a:first-of-type:is(:hover, :active, :focus, :focus-within) {
    --wght: var(--ui-hvr-wght);
    background-color: rgba(var(--sidebar-links-hover-bg-color), .15);
    color: rgb(var(--sidebar-links-hover-text-color));
    font-weight: var(--wght);
    text-decoration: none
}

:where(:lang(th)) #side-bar .side-block:nth-child(4) a:first-of-type:is(:hover, :active, :focus, :focus-within):before {
    --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%)
}

:where(:lang(th)) #side-bar .side-block:nth-child(4) p {
    margin-right: 0;
    display: grid
}

:where(:lang(th)) #side-bar .side-block:nth-child(4) p iframe {
    justify-self: center;
    width: 100%
}

:where(:lang(zh)) #side-bar {
    --plurk-icon-color: 255, 87, 77
}

:where(:lang(zh)) #side-bar .menu-item {
    height: auto
}

:where(:lang(zh)) #side-bar .side-block.social-media-list {
    grid-auto-flow: column;
    margin: .5rem .5rem 0 0;
    background-color: rgb(var(--sidebar-media-bg-color)) !important;
    -webkit-justify-content: space-evenly !important;
    justify-content: space-evenly !important;
    padding: .5rem !important;
    display: grid !important
}

:where(:lang(zh)) #side-bar .side-block.social-media-list>div {
    display: contents !important
}

:where(:lang(zh)) #side-bar .side-block.social-media-list a {
    -webkit-transition: background-color .15s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out);
    background-color: rgb(var(--social-color));
    -webkit-mask: var(--social-logo-mask)center center/contain no-repeat;
    mask: var(--social-logo-mask)center center/contain no-repeat;
    width: 1.6875rem;
    height: 1.6875rem;
    position: relative
}

:where(:lang(zh)) #side-bar .side-block.social-media-list a:before {
    --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    content: " ";
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    background-color: rgb(var(--social-icon-hover-color));
    pointer-events: none;
    clip-path: var(--clip-path);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

:where(:lang(zh)) #side-bar .side-block.social-media-list a:is(:hover, :active, :focus, :focus-within):before {
    --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%)
}

:where(:lang(zh)) #side-bar .side-block.social-media-list a img {
    opacity: 0;
    width: 1.6875rem;
    height: 1.6875rem
}

:where(:lang(zh)) #side-bar .side-block.social-media-list a[href*=chat] {
    --social-logo-mask: var(--discord-mask);
    --social-color: var(--discord-icon-color)
}

:where(:lang(zh)) #side-bar .side-block.social-media-list a[href*=plurk] {
    --social-logo-mask: var(--plurk-mask);
    --social-color: var(--plurk-icon-color)
}

:where(:lang(zh)) #side-bar .side-block.social-media-list a[href*=twitter] {
    --social-logo-mask: var(--twitter-mask);
    --social-color: var(--twitter-icon-color)
}

:where(:lang(zh)) #side-bar .side-block.social-media-list a[href*=instagram] {
    --social-logo-mask: var(--instagram-mask);
    --social-color: var(--instagram-icon-color);
    background-image: var(--instagram-icon-gradient);
    background-size: contain
}

:where(:lang(uk)) #side-bar {
    --telegram-icon-color: 0, 136, 204
}

:where(:lang(uk)) #side-bar>* {
    direction: ltr
}

:where(:lang(uk)) #side-bar hr {
    margin-bottom: 0
}

:where(:lang(uk)) #side-bar>hr+.side-block {
    grid-template-rows: unset
}

:where(:lang(uk)) #side-bar .side-block .side-links {
    width: var(--sidebar-width-on-mobile);
    grid-auto-flow: column;
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly;
    margin: .5rem .5rem 0 0;
    background-color: rgb(var(--sidebar-media-bg-color)) !important;
    padding: .5em !important
}

:where(:lang(uk)) #side-bar .side-block .side-links>div {
    display: contents
}

:where(:lang(uk)) #side-bar .side-block .side-links a {
    -webkit-transition: background-color .15s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out);
    background-color: rgb(var(--social-color));
    -webkit-mask: var(--social-logo-mask)center center/contain no-repeat;
    mask: var(--social-logo-mask)center center/contain no-repeat;
    position: relative
}

:where(:lang(uk)) #side-bar .side-block .side-links a:before {
    --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    content: " ";
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    background-color: rgb(var(--social-icon-hover-color));
    pointer-events: none;
    clip-path: var(--clip-path);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

:where(:lang(uk)) #side-bar .side-block .side-links a:is(:hover, :active, :focus, :focus-within):before {
    --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%)
}

:where(:lang(uk)) #side-bar .side-block .side-links a img {
    opacity: 0;
    width: 1.6875rem;
    height: 1.6875rem
}

:where(:lang(uk)) #side-bar .side-block .side-links a[href*=twitter] {
    --social-logo-mask: var(--twitter-mask);
    --social-color: var(--twitter-icon-color)
}

:where(:lang(uk)) #side-bar .side-block .side-links a[href*=discord] {
    --social-logo-mask: var(--discord-mask);
    --social-color: var(--discord-icon-color)
}

:where(:lang(uk)) #side-bar .side-block .side-links a[href*=t\.me] {
    --social-logo-mask: var(--telegram-mask);
    --social-color: var(--telegram-icon-color)
}

:where(:lang(uk)) #side-bar .side-block:not(.side-links) div.menu-item {
    grid-template-columns: 50% 50%;
    display: grid
}

:where(:lang(uk)) #side-bar .side-block div.menu-item a:only-of-type {
    grid-area: 1/1/auto/span 2;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

:where(:lang(uk)) #side-bar .side-block div.menu-item a[href=\/news] {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0
}

:where(:lang(uk)) #side-bar .side-block div.menu-item a[href=\/faq] {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0
}

:where(:lang(uk)) #side-bar .side-block div.menu-item a[href*=scp-series] {
    padding: 0 0 0 calc(var(--base-font-size)*(14/15))
}

:where(:lang(uk)) #side-bar .side-block div.menu-item a[href*=scp-series]+span {
    padding: 0 0 0 calc(var(--base-font-size)/2);
    pointer-events: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

:where(:lang(uk)) #side-bar .side-block div.menu-item a[href*=scp-list]+span {
    padding: 0 0 0 calc(var(--base-font-size)/2);
    pointer-events: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

:where(:lang(uk)) #side-bar .side-block div.menu-item a:only-of-type:is(:hover, :active, :focus, :focus-within)~span {
    --wght: var(--ui-hvr-wght);
    border-color: rgba(var(--sidebar-links-hover-text-color), .15);
    color: rgb(var(--sidebar-links-hover-text-color))
}

:where(:lang(uk)) #side-bar .side-block div.menu-item span {
    z-index: 2;
    -webkit-transition: border-color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: border-color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    grid-area: 1/2
}

:where(:lang(uk)) #side-bar div.menu-item a[href*=system\:recent-changes] {
    grid-area: 1/2
}

:where(:lang(uk)) #side-bar>h3 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: .5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

:where(:lang(uk)) #side-bar>h2 {
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: .5rem;
    font-size: 1.25em;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

:where(:lang(uk)) #side-bar div.pages-tag-cloud-box {
    text-align: center;
    overflow: visible
}

:where(:lang(uk)) #side-bar>div[style*="80%"]>* {
    padding: 0 0 0 calc(var(--base-font-size)*(14/15))
}

:where(:lang(uk)) #side-bar>div[style*="15px"] {
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    gap: .5rem;
    display: grid
}

:where(:lang(uk)) #side-bar>div[style*="15px"] br {
    display: none
}

:where(:lang(vi)) #side-bar img[src*=LK22yZY\.png] {
    color: transparent;
    pointer-events: none
}

:where(:lang(vi)) #side-bar .side-block.media a {
    width: 1.6875rem
}

:where(:lang(vi)) #side-bar .side-block.media a[href*=youtube] {
    --social-logo-mask: var(--youtube-mask);
    --social-color: var(--youtube-icon-color)
}

:where(:lang(vi)) #side-bar div.collapsible-block a.collapsible-block-link:after {
    display: none
}

body {
    background-image: var(--gradient-header), var(--gradient-topmenu), var(--gradient-background);
    background-repeat: repeat-x;
    background-size: var(--header-background-image-size), 100% var(--final-header-height-on-desktop), 100% var(--background-gradient-distance)
}

#interwiki body {
    background-image: none
}

div#container-wrap {
    background-image: var(--diagonal-stripes);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% var(--header-height-on-desktop)
}

#header,
#top-bar {
    --wght: var(--ui-wght);
    max-width: var(--header-width-on-desktop, 61.25rem);
    font-weight: var(--wght);
    margin: 0 auto
}

#header {
    --search-width: calc(var(--base-font-size)*15);
    --search-height: calc(var(--base-font-size)*(27/15));
    --account-height: var(--search-height);
    --topbar-height: var(--topbar-height-on-desktop);
    z-index: 10;
    height: var(--final-header-height-on-desktop);
    background-clip: border-box;
    background-image: var(--logo-image);
    background-position: .75rem 1.1875rem;
    background-repeat: no-repeat;
    background-size: auto calc(var(--header-height-on-desktop) - 2rem);
    grid-area: header;
    width: 90vw;
    position: relative
}

#header :is(h1, h2) {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;
    margin: 0;
    position: absolute
}

#header h1 {
    max-height: var(--header-height-on-desktop);
    height: 100%;
    position: absolute
}

#header h1 a {
    --wght: 900;
    z-index: 10;
    margin-top: calc(((var(--header-height-on-desktop)/2)) - .85em);
    margin-left: calc(var(--header-height-on-desktop) - .75rem);
    color: rgb(var(--swatch-headerh1-color));
    font-family: var(--header-font);
    font-size: var(--header-h1-font-size);
    font-weight: var(--wght);
    text-shadow: none;
    padding: 1.875rem 0 0;
    line-height: 0;
    text-decoration: none;
    display: block
}

#header h1 a:before {
    --text-shadow: rgb(var(--swatch-text-dark));
    content: var(--header-title, "SCP Foundation");
    color: rgb(var(--swatch-headerh1-color));
    text-shadow: none
}

#header h1 a>span {
    height: calc(var(--header-height-on-desktop) - var(--topbar-height));
    color: transparent;
    pointer-events: none;
    width: calc(100% - 2rem);
    display: inline-table;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}

#header h2 {
    pointer-events: none
}

#header h2 span {
    --wght: 500;
    margin-top: calc(((var(--header-height-on-desktop)/2) + (var(--header-h1-font-size)/2) - var(--header-h2-font-size) + .675em));
    margin-left: calc(var(--header-height-on-desktop) - .5rem);
    color: transparent;
    font-family: var(--title-font);
    font-size: var(--header-h2-font-size);
    font-weight: var(--wght);
    text-shadow: none;
    line-height: 1;
    display: block
}

#header h2 span:before {
    content: var(--header-subtitle, "SECURE, CONTAIN, PROTECT");
    color: rgb(var(--swatch-headerh2-color));
    text-shadow: none
}

#header-extra-div-1,
#header-extra-div-2 {
    display: none
}

#search-top-box-input,
#navi-bar,
#navi-bar-shadow {
    display: inline-block
}

#search-top-box {
    width: var(--search-height);
    height: var(--search-height);
    -webkit-transition: box-shadow .15s var(--ease-in-out);
    transition: box-shadow .15s var(--ease-in-out);
    will-change: box-shadow;
    box-shadow: 0 0 0 0 rgb(var(--search-focus-outline-color));
    color: transparent;
    font-size: calc(var(--base-font-size)*(13/15));
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    top: 1.5em;
    bottom: auto;
    left: auto;
    right: calc(3% - .25em);
    translate: 0 -50%
}

@supports not (translate:0 -50%) {
    #search-top-box {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

#search-top-box:after {
    width: var(--search-height);
    height: var(--search-height);
    -webkit-transition: background-color .15s var(--ease-in-out), clip-path .15s var(--ease-in-out), box-shadow .15s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out), clip-path .15s var(--ease-in-out), box-shadow .15s var(--ease-in-out);
    will-change: background-color, clip-path;
    cursor: pointer;
    border: none
}

#search-top-box input[type=submit] {
    width: var(--search-height);
    height: var(--search-height);
    -webkit-transition: background-color .15s var(--ease-in-out), clip-path .15s var(--ease-in-out), box-shadow .15s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out), clip-path .15s var(--ease-in-out), box-shadow .15s var(--ease-in-out);
    will-change: background-color, clip-path;
    cursor: pointer;
    border: none
}

#search-top-box:after {
    --clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    content: " ";
    z-index: -1;
    clip-path: var(--clip-path);
    background-color: rgba(var(--search-icon-focus-bg-color), 0);
    pointer-events: none;
    position: absolute;
    top: 0;
    bottom: auto;
    left: auto;
    right: 0
}

#search-top-box input[type=submit] {
    background-color: rgb(var(--search-icon-color));
    color: transparent;
    -webkit-mask: var(--search-icon-mask).375rem .3125rem/calc((var(--search-height) + .25rem)/2)calc((var(--search-height) + .25rem)/2)no-repeat;
    mask: var(--search-icon-mask).375rem .3125rem/calc((var(--search-height) + .25rem)/2)calc((var(--search-height) + .25rem)/2)no-repeat
}

#search-top-box:is(:hover, :active) {
    box-shadow: 0 0 0 .125rem rgb(var(--search-focus-outline-color))
}

#search-top-box:is(:hover, :active):after {
    --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    background-color: rgb(var(--search-icon-focus-bg-color))
}

#search-top-box:is(:hover, :active) input[type=submit] {
    background-color: rgb(var(--search-icon-hover-color))
}

#search-top-box,
#search-top-box * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

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

#login-status {
    --wght: var(--ui-wght);
    z-index: 11;
    inset: 1.5em calc(3% + var(--search-height) - .25em)auto auto;
    -webkit-transition: opacity .2s var(--ease-in-out);
    transition: opacity .2s var(--ease-in-out);
    color: rgb(var(--login-line-divider-color));
    font-family: var(--UI-font);
    font-size: .9em;
    font-weight: var(--wght);
    white-space: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 2em;
    margin: 0 0 0 .5em;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    translate: 0 -50%
}

@supports not (translate:0 -50%) {
    #login-status {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

#login-status span.printuser {
    --wght: var(--ui-wght);
    color: rgb(var(--login-username-color));
    font-weight: var(--wght);
    margin-right: .5ch
}

#login-status span.printuser a:first-of-type:not(:last-of-type) {
    margin-right: .5ch
}

#login-status a [href*=account\/messages] {
    color: rgb(var(--login-myaccount-color))
}

#login-status a#my-account {
    --wght: var(--ui-wght);
    -webkit-transition: box-shadow .2s var(--ease-in-out), text-decoration .2s var(--ease-in-out);
    transition: box-shadow .2s var(--ease-in-out), text-decoration .2s var(--ease-in-out);
    box-shadow: inset 0 0 0 0 rgb(var(--login-myaccount-hover-bg-color));
    color: rgb(var(--login-myaccount-color));
    font-weight: var(--wght);
    -webkit-text-decoration: underline rgb(var(--login-myaccount-underline-color)).125em;
    text-decoration: underline rgb(var(--login-myaccount-underline-color)).125em;
    background-color: transparent;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .5em;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#login-status a#my-account:is(:hover, :active, :focus, :focus-within) {
    --wght: var(--ui-hvr-wght);
    box-shadow: inset 0 -2em 0 0 rgb(var(--login-myaccount-hover-bg-color));
    color: rgb(var(--login-myaccount-hover-color));
    font-weight: var(--wght);
    -webkit-text-decoration: underline rgb(var(--login-myaccount-underline-color))0;
    text-decoration: underline rgb(var(--login-myaccount-underline-color))0
}

#login-status #account-topbutton {
    width: var(--account-height);
    height: var(--account-height);
    color: transparent;
    background-color: transparent;
    margin: 0;
    padding: 0;
    position: relative
}

@media only screen and (min-width:56.25rem) {
    #login-status #account-topbutton:before {
        --clip-path: polygon(30% 35%, 70% 35%, 50% 60%, 50% 60%);
        content: " ";
        -webkit-transition: clip-path .1s var(--ease-in-out);
        transition: clip-path .1s var(--ease-in-out);
        background-color: rgb(var(--login-arrow-color));
        clip-path: var(--clip-path);
        width: 100%;
        height: 100%;
        position: absolute
    }
}

#login-status:not(:is(.page-rate-widget-box, #search-top-box-form))>a:is(.login-status-create-account, .login-status-sign-in) {
    background-color: rgb(var(--ui-button-bg));
    color: rgb(var(--ui-button-txt));
    margin: 0 1em;
    text-decoration: none
}

#login-status:not(:is(.page-rate-widget-box, #search-top-box-form))>a:is(.login-status-create-account, .login-status-sign-in):is(:hover, :active, :focus, :focus-within) {
    background-color: rgb(var(--ui-button-hover-bg));
    color: rgb(var(--ui-button-hover-txt))
}

#login-status #account-options {
    z-index: 12;
    -webkit-transition: opacity .15s var(--ease-in-out);
    transition: opacity .15s var(--ease-in-out);
    opacity: 0;
    background-color: rgb(99 17 123);
    background-image: var(--login-dropdown-bg-image);
    pointer-events: none;
    width: 10em;
    margin: .25em 0 0;
    padding: 0;
    position: absolute;
    top: 1.5rem;
    bottom: auto;
    left: auto;
    right: 0;
    overflow: hidden;
    display: block !important
}

#login-status #account-options * {
    margin: 0;
    padding: 0
}

#login-status #account-options ul {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 2em;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .85em;
    display: grid
}

#login-status #account-options ul li {
    position: relative
}

#login-status #account-options ul li {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#login-status #account-options ul li a {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#login-status #account-options ul li>a:before {
    --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    content: " ";
    z-index: -1;
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    background-color: rgb(var(--login-dropdown-bg-hover-color));
    pointer-events: none;
    clip-path: var(--clip-path);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

#login-status #account-options ul li>a {
    color: rgb(var(--login-dropdown-text-color))
}

#login-status #account-options ul li>a:visited {
    color: rgb(var(--login-dropdown-text-color))
}

#login-status #account-options ul li>a[href*=\/messages] {
    width: 100%;
    height: 100%;
    min-height: 100%;
    font-size: 0;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}

#login-status #account-options ul li>a[href*=\/messages]:after {
    content: var(--text-messages);
    font-size: calc(var(--base-font-size)*(11/15));
    pointer-events: none;
    position: absolute;
    left: 50%;
    translate: -50%
}

@supports not (translate:-50% 0) {
    #login-status #account-options ul li>a[href*=\/messages]:after {
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
}

#login-status #account-options ul li>a:is(:hover, :active, :focus-within):before {
    --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%)
}

#login-status #account-options ul li>a:is(:hover, :active) {
    --wght: var(--ui-hvr-wght);
    color: rgb(var(--login-dropdown-text-hover-color));
    font-weight: var(--wght);
    text-decoration: none
}

#login-status #account-options ul li:focus-within>a:is(:hover, :active) {
    --wght: var(--ui-hvr-wght);
    color: rgb(var(--login-dropdown-text-hover-color));
    font-weight: var(--wght);
    text-decoration: none
}

#login-status #account-options a {
    --box-shadow: rgb(var(--login-dropdown-border-color));
    --wght: var(--ui-wght);
    -webkit-transition: color .15s var(--ease-in-out), font-weight .15s var(--ease-in-out), font-variation-settings .15s var(--ease-in-out);
    transition: color .15s var(--ease-in-out), font-weight .15s var(--ease-in-out), font-variation-settings .15s var(--ease-in-out);
    box-shadow: inset 0 0 0 .0625rem var(--login-dropdown-border-color);
    font-weight: var(--wght);
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    height: 100%;
    max-height: 2em;
    padding: 0 .25em;
    position: relative
}

#login-status #account-topbutton:is(:focus, :active)+#account-options {
    opacity: 1;
    pointer-events: all
}

#login-status #account-options:focus-within {
    opacity: 1;
    pointer-events: all
}

@media (pointer:coarse) {
    #login-status #account-topbutton:hover+#account-options {
        opacity: 1;
        pointer-events: all
    }

    #login-status #account-options:hover {
        opacity: 1;
        pointer-events: all
    }
}

@supports ((-webkit-hyphens:none)) {
    #login-status #account-topbutton:hover+#account-options {
        opacity: 1;
        pointer-events: all
    }

    #login-status #account-options:hover {
        opacity: 1;
        pointer-events: all
    }
}

#header div.mobile-top-bar {
    z-index: 9999;
    filter: unset;
    display: none;
    position: relative;
    bottom: 0;
    left: 1rem
}

#header div#top-bar {
    --wght: var(--ui-wght);
    z-index: 50;
    height: var(--topbar-height-on-desktop);
    margin: var(--header-height-on-desktop)0 1.75rem 0;
    font-family: var(--UI-font, var(--header-font));
    font-size: calc(var(--base-font-size)*(13/15));
    font-weight: var(--wght);
    -webkit-box-lines: single;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    padding: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: static
}

#header div[class*=top-bar]>ul {
    z-index: 20;
    max-width: var(--header-width-on-desktop);
    letter-spacing: .0625rem;
    text-align: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
    flex-flow: row;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    width: 90vw;
    height: 100%;
    margin: 0;
    padding: 0;
    line-height: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#header div[class*=top-bar]>ul li:is(:hover, :active, :focus-within) {
    background-color: rgba(var(--dark-accent), .05)
}

#header div[class*=top-bar]>ul>li {
    -webkit-transition: background-color .15s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out);
    list-style: outside none none;
    cursor: pointer;
    -webkit-box-flex: 2;
    -webkit-flex: 2 2;
    flex: 2 2;
    width: auto;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative
}

#header div[class*=top-bar]>ul>li>a {
    --wght: calc(var(--ui-wght) + 200);
    -webkit-transition: color .15s var(--ease-in-out);
    transition: color .15s var(--ease-in-out);
    color: rgb(var(--topmenu-category-color));
    font-weight: var(--wght);
    white-space: normal;
    background-color: transparent;
    border: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: calc(100% - .6em);
    padding: .3em;
    line-height: 1;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
    overflow: hidden
}

#header div[class*=top-bar]>ul>li>a:before {
    content: " ";
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    background-color: rgb(var(--topmenu-hover-border-color));
    clip-path: var(--clip-path);
    width: 100%;
    height: .1875rem;
    position: absolute
}

#header div[class*=top-bar]>ul>li>a:after {
    content: " ";
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    background-color: rgb(var(--topmenu-hover-border-color));
    clip-path: var(--clip-path);
    width: 100%;
    height: .1875rem;
    position: absolute
}

#header div[class*=top-bar]>ul>li>a:before {
    --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}

#header div[class*=top-bar]>ul>li>a:after {
    --clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    top: auto;
    bottom: 0;
    left: auto;
    right: 0
}

#header div[class*=top-bar]>ul>li:is(:hover, :active, :focus-within)>a {
    --wght: calc(var(--ui-hvr-wght) + 200);
    background-color: rgb(var(--topmenu-category-hover-bg));
    color: rgb(var(--topmenu-category-hover-color));
    font-weight: var(--wght)
}

#header div[class*=top-bar]>ul>li:is(:hover, :active, :focus-within)>a:before {
    --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%)
}

#header div[class*=top-bar]>ul>li:is(:hover, :active, :focus-within)>a:after {
    --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%)
}

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

@supports ((-webkit-backdrop-filter:blur(1rem)) or (backdrop-filter:blur(1rem))) {
    #header div[class*=top-bar]>ul>li:is(:hover, :active, :focus-within)>ul {
        -webkit-backdrop-filter: blur(.125rem);
        backdrop-filter: blur(.125rem)
    }
}

#header div[class*=top-bar]>ul>li ul>li {
    visibility: visible;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-collapse: collapse;
    -webkit-transition: background-color 80ms var(--ease-in-out);
    transition: background-color 80ms var(--ease-in-out);
    box-shadow: inset 0 0 0 .0625rem var(--box-shadow);
    word-break: normal;
    break-inside: avoid;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 2rem;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
    overflow: visible
}

#header div[class*=top-bar]>ul>li ul>li>ul:before {
    --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0);
    content: " ";
    z-index: 5;
    clip-path: var(--clip-path);
    width: 50%;
    height: calc(100% - 2rem);
    position: absolute;
    top: 2rem;
    bottom: auto;
    left: auto;
    right: 100%
}

#header div[class*=top-bar]>ul>li>ul {
    --box-shadow: rgb(var(--dropdown-border-color));
    visibility: visible;
    z-index: 20;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: var(--header-width-on-desktop);
    margin-top: var(--topbar-height-on-desktop);
    background: rgb(var(--dropdown-bg-color));
    box-shadow: 0 .125rem .375rem var(--box-shadow), inset 0 0 0 .0625rem var(--box-shadow);
    pointer-events: none;
    border-top: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    width: auto;
    min-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    left: 0
}

#header div[class*=top-bar]>ul>li>ul li>a {
    --wght: var(--ui-wght);
    -webkit-transition: background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    background: rgb(var(--dropdown-links-bg-color));
    color: rgb(var(--dropdown-links-color));
    font-size: calc(var(--base-font-size)*(13/15));
    font-weight: var(--wght);
    text-align: center;
    white-space: nowrap;
    border: 0 solid transparent;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
    overflow: hidden
}

#header div[class*=top-bar]>ul>li>ul li>a:before {
    --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    content: " ";
    z-index: -1;
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    opacity: 1;
    background-color: rgb(var(--dropdown-links-hover-bg-color));
    pointer-events: none;
    clip-path: var(--clip-path);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

#header div[class*=top-bar]>ul>li>ul li:is(:hover, :active, :focus-within)>a {
    --wght: var(--ui-hvr-wght);
    color: rgb(var(--dropdown-links-hover-color));
    font-weight: var(--wght)
}

#header div[class*=top-bar]>ul>li>ul li:is(:hover, :active, :focus-within)>a:before {
    --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%)
}

#header div[class*=top-bar]>ul>li>ul>li ul {
    z-index: 5;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: opacity .1s var(--ease-in-out), background-color .1s var(--ease-in-out);
    transition: opacity .1s var(--ease-in-out), background-color .1s var(--ease-in-out);
    opacity: 0;
    background-color: rgb(var(--dropdown-bg-color));
    pointer-events: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    flex-flow: column;
    width: auto;
    height: auto;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    top: 0;
    bottom: auto;
    left: calc(100% - .0625rem);
    right: auto
}

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

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

#header div[class*=top-bar]>ul>li>ul>li>img {
    position: initial;
    padding: 0 .25rem 0 0
}

#header div[class*=top-bar]>ul>li>ul>li a .topbar-link-w-img {
    text-align: left;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    justify-content: start;
    padding-left: 2.5rem
}

#header div[class*=top-bar]>ul>li>ul>li a .topbar-link-w-img img {
    position: absolute;
    left: 0
}

@supports ((-webkit-backdrop-filter:blur(1rem)) or (backdrop-filter:blur(1rem))) {
    #header div[class*=top-bar]>ul>li>ul {
        -webkit-backdrop-filter: blur();
        backdrop-filter: blur();
        -webkit-transition: backdrop-filter .2s var(--ease-in-out), opacity .2s var(--ease-in-out);
        transition: backdrop-filter .2s var(--ease-in-out), opacity .2s var(--ease-in-out)
    }
}

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

#header div[class*=top-bar] li ul {
    border-collapse: collapse;
    -webkit-transition: opacity .2s var(--ease-in-out);
    transition: opacity .2s var(--ease-in-out);
    opacity: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative
}

#header div[class*=top-bar] li a {
    -webkit-transition: font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out)
}

#header div[class*=top-bar] li:is(:hover, :active, :focus-within) a {
    text-decoration: none
}

.topbar_arrow,
.c_topbar_arrow {
    top: initial
}

#top-bar ul li .home-button {
    -webkit-mask-image: var(--homebutton-mask);
    mask-image: var(--homebutton-mask);
    background-color: rgb(var(--topmenu-category-color)) !important
}

#top-bar ul li .lightbulb .lightbulb-mask {
    -webkit-mask-image: var(--lightbulb-mask);
    mask-image: var(--lightbulb-mask)
}

#top-bar ul li .homebutton {
    background-image: initial;
    width: 100%;
    -webkit-mask: none 50%/1em 1em no-repeat;
    mask: none 50%/1em 1em no-repeat;
    color: transparent !important
}

#top-bar ul li .lightbulb .lightbulb-mask {
    background-image: initial;
    width: 100%;
    -webkit-mask: none 50%/1em 1em no-repeat;
    mask: none 50%/1em 1em no-repeat;
    color: transparent !important
}

#top-bar ul li:is(:hover, :active, :focus, :focus-within) .home-button {
    -webkit-mask-image: var(--homebutton-mask);
    mask-image: var(--homebutton-mask);
    background-color: rgb(var(--topmenu-category-color)) !important
}

#top-bar ul li:is(:hover, :active, :focus, :focus-within) .lightbulb .lightbulb-mask {
    -webkit-mask-image: var(--lightbulb-mask);
    mask-image: var(--lightbulb-mask)
}

#top-bar ul li:is(:hover, :active, :focus, :focus-within) .homebutton {
    background-image: initial;
    width: 100%;
    -webkit-mask: none 50%/1em 1em no-repeat;
    mask: none 50%/1em 1em no-repeat;
    color: transparent !important
}

#top-bar ul li:is(:hover, :active, :focus, :focus-within) .lightbulb .lightbulb-mask {
    background-image: initial;
    width: 100%;
    -webkit-mask: none 50%/1em 1em no-repeat;
    mask: none 50%/1em 1em no-repeat;
    color: transparent !important
}

#top-bar>.ct-theme-switch .home-button {
    -webkit-mask-image: var(--homebutton-mask);
    mask-image: var(--homebutton-mask);
    background-color: rgb(var(--topmenu-category-color)) !important
}

#top-bar>.ct-theme-switch .lightbulb .lightbulb-mask {
    -webkit-mask-image: var(--lightbulb-mask);
    mask-image: var(--lightbulb-mask)
}

#top-bar>.ct-theme-switch .homebutton {
    background-image: initial;
    width: 100%;
    -webkit-mask: none 50%/1em 1em no-repeat;
    mask: none 50%/1em 1em no-repeat;
    color: transparent !important
}

#top-bar>.ct-theme-switch .lightbulb .lightbulb-mask {
    background-image: initial;
    width: 100%;
    -webkit-mask: none 50%/1em 1em no-repeat;
    mask: none 50%/1em 1em no-repeat;
    color: transparent !important
}

#top-bar>.ct-theme-switch:is(:hover, :active, :focus, :focus-within) .home-button {
    -webkit-mask-image: var(--homebutton-mask);
    mask-image: var(--homebutton-mask);
    background-color: rgb(var(--topmenu-category-color)) !important
}

#top-bar>.ct-theme-switch:is(:hover, :active, :focus, :focus-within) .lightbulb .lightbulb-mask {
    -webkit-mask-image: var(--lightbulb-mask);
    mask-image: var(--lightbulb-mask)
}

#top-bar>.ct-theme-switch:is(:hover, :active, :focus, :focus-within) .homebutton {
    background-image: initial;
    width: 100%;
    -webkit-mask: none 50%/1em 1em no-repeat;
    mask: none 50%/1em 1em no-repeat;
    color: transparent !important
}

#top-bar>.ct-theme-switch:is(:hover, :active, :focus, :focus-within) .lightbulb .lightbulb-mask {
    background-image: initial;
    width: 100%;
    -webkit-mask: none 50%/1em 1em no-repeat;
    mask: none 50%/1em 1em no-repeat;
    color: transparent !important
}

#top-bar ul li:is(.homebutton-li, .inline-switch) {
    max-width: var(--topbar-height-on-desktop)
}

#top-bar ul li a.homebutton {
    background-image: initial
}

#top-bar ul li .lightbulb {
    border: .125rem solid rgb(var(--swatch-tertiary-color));
    -webkit-border-radius: 1.0625rem;
    border-radius: 1.0625rem;
    -webkit-box-shadow: 0 0 .3125rem .3125rem rgba(0, 0, 0, .1), inset 0 0 .0625rem .0625rem rgba(0, 0, 0, .3);
    box-shadow: 0 0 .3125rem .3125rem rgba(0, 0, 0, .1), inset 0 0 .0625rem .0625rem rgba(0, 0, 0, .3)
}

#top-bar ul li .lightbulb .lightbulb-mask {
    background-color: rgb(var(--topmenu-category-color)) !important
}

#top-bar>.ct-theme-switch {
    display: none;
    position: absolute;
    top: 3.5em;
    bottom: auto;
    left: auto;
    right: calc(3% - .25em)
}

#top-bar>.ct-theme-switch a {
    font-size: calc(var(--base-font-size)*(13/15));
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 2em;
    height: 2em;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#top-bar>.ct-theme-switch .lightbulb {
    background: rgb(var(--swatch-menubg-medium-dark-color))
}

#top-bar>.ct-theme-switch:is(:hover, :active, :focus, :focus-within) .lightbulb {
    background: rgb(var(--swatch-menubg-black-color))
}

#top-bar>.ct-theme-switch .lightbulb .lightbulb-mask {
    background-color: rgb(var(--swatch-text-secondary-color)) !important
}

#top-bar>.ct-theme-switch:is(:hover, :active, :focus, :focus-within) .lightbulb .lightbulb-mask {
    background-color: rgb(var(--swatch-text-secondary-color)) !important
}

@media only screen and (max-width:56.25rem) {
    ::-webkit-scrollbar {
        background: 0 0;
        width: 0
    }

    ::-webkit-scrollbar-thumb {
        background: rgb(var(--bright-accent))
    }

    :root {
        --header-h1-font-size: calc(1.15rem + (2.405 - 1.15)*((var(--header-width-on-mobile, 100vw) - 18.75rem)/(48 - 18.75)));
        --header-h2-font-size: calc(.5rem + (.945 - .5)*((var(--header-width-on-mobile, 100vw) - 18.75rem)/(48 - 18.75)));
        overflow: -moz-scrollbars-none;
        scrollbar-width: none
    }

    body {
        background-size: 100% var(--header-height-on-mobile), 100% var(--final-header-height-on-mobile), 100% var(--background-gradient-distance)
    }

    div#container-wrap {
        background-size: 100% var(--header-height-on-mobile)
    }

    #header {
        --size: calc(var(--final-header-height-on-mobile) - .875rem);
        --y-offset: 1.5rem;
        top: calc(var(--header-height-on-mobile)*-1);
        width: var(--header-width-on-mobile, 100vw);
        height: var(--header-height-on-mobile);
        background-image: var(--logo-image);
        background-repeat: no-repeat, repeat;
        background-position: calc((var(--header-height-on-mobile) - .75rem) - var(--size))calc(((var(--size)*-1) + var(--header-height-on-mobile) + var(--y-offset))/2);
        background-size: var(--size), 100% var(--header-height-on-mobile);
        margin: 0;
        position: sticky
    }

    #header h1 {
        max-height: var(--header-height-on-mobile)
    }

    #header h1 a {
        margin-top: calc(((var(--header-height-on-mobile)/2)) - 1.345rem);
        margin-left: calc(var(--header-height-on-mobile) - .625rem)
    }

    #header h1 span {
        height: var(--header-height-on-mobile)
    }

    #header h2 span {
        margin-top: calc(((var(--header-height-on-mobile)/2) + (var(--header-h1-font-size)/2) + .5rem));
        margin-left: calc(var(--header-height-on-mobile) - .425rem);
        line-height: 1
    }

    #header,
    div.mobile-top-bar {
        max-width: 100%;
        left: 0
    }

    #search-top-box {
        top: 2em;
        bottom: auto;
        left: auto;
        right: 3%
    }

    #login-status {
        inset: 2em calc(3% + var(--account-height) + .25em)auto auto;
        -webkit-transition: color .2s var(--ease-in-out);
        transition: color .2s var(--ease-in-out);
        color: transparent;
        pointer-events: none;
        -webkit-user-select: none;
        user-select: none
    }

    #login-status:is(:hover, :active, :focus-within) {
        color: rgb(var(--login-line-divider-color));
        pointer-events: all;
        user-select: initial
    }

    #login-status:is(:hover, :active, :focus-within) #account-options {
        pointer-events: all
    }

    #login-status:is(:hover, :active, :focus-within) #account-topbutton {
        --clip-path: polygon(30% 35%, 70% 35%, 50% 60%, 50% 60%);
        background-color: rgb(var(--login-arrow-color));
        clip-path: var(--clip-path)
    }

    #login-status:is(:hover, :active, :focus-within)>:not(:is(#account-topbutton, [href*=account\/messages])) {
        --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        clip-path: var(--clip-path);
        opacity: 1
    }

    #login-status:is(:hover, :active, :focus-within):before {
        background-color: rgba(var(--login-mobile-icon-hover-bg-color), 0);
        cursor: auto;
        pointer-events: none
    }

    #login-status:is(:hover, :active, :focus-within):after {
        background-color: rgba(var(--login-mobile-icon-hover-bg-color), 0);
        cursor: auto;
        pointer-events: none
    }

    #login-status:hover #account-topbutton {
        background-color: rgb(var(--login-arrow-color))
    }

    #login-status>:not(:is(#account-topbutton, [href*=account\/messages])) {
        --clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
        clip-path: var(--clip-path);
        -webkit-transition: box-shadow .2s var(--ease-in-out), text-decoration .2s var(--ease-in-out), color .2s var(--ease-in-out), clip-path .2s var(--ease-in-out), opacity .2s var(--ease-in-out);
        transition: box-shadow .2s var(--ease-in-out), text-decoration .2s var(--ease-in-out), color .2s var(--ease-in-out), clip-path .2s var(--ease-in-out), opacity .2s var(--ease-in-out);
        opacity: 0
    }

    #login-status #account-topbutton {
        --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        -webkit-transition: clip-path .15s var(--ease-in-out), background-color .15s var(--ease-in-out);
        transition: clip-path .15s var(--ease-in-out), background-color .15s var(--ease-in-out);
        background-color: rgba(var(--login-arrow-color), 0);
        pointer-events: all;
        clip-path: var(--clip-path);
        margin-left: 0
    }

    #login-status #account-options {
        margin: 0
    }

    #login-status a[href*=account\/messages] {
        color: rgb(var(--login-myaccount-color));
        pointer-events: all
    }

    #login-status:before {
        content: "";
        z-index: 2;
        -webkit-transition: background-color .15s var(--ease-in-out);
        transition: background-color .15s var(--ease-in-out);
        background-color: rgb(var(--login-mobile-icon-color));
        cursor: pointer;
        pointer-events: all;
        -webkit-mask: var(--user-account-mask)center right/calc(var(--account-height) - .5em)no-repeat;
        mask: var(--user-account-mask)center right/calc(var(--account-height) - .5em)no-repeat;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: auto;
        left: 0;
        right: auto
    }

    #header div#top-bar {
        height: var(--topbar-height-on-mobile);
        margin: calc(var(--header-height-on-mobile))0 1.75rem 0
    }

    #header div.top-bar {
        display: none
    }

    #header div.mobile-top-bar {
        z-index: 9999;
        width: var(--header-width-on-mobile, 100vw);
        background: var(--gradient-topmenu-mobile);
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        position: static;
        top: 0;
        bottom: auto;
        left: 0;
        right: 0
    }

    #header div[class*=top-bar]>ul {
        width: calc(100% - var(--topbar-height-on-mobile))
    }

    #header div[class*=top-bar]>ul>li {
        position: inherit
    }

    #header div[class*=top-bar]>ul>li>a {
        background: 0 0;
        font-size: 1.25em
    }

    #header div[class*=top-bar]>ul>li>ul {
        margin-top: var(--topbar-height-on-mobile);
        grid-template-columns: repeat(2, 50%);
        max-height: calc(100vh - 8rem);
        display: grid;
        left: 50%;
        translate: -50%
    }

    @supports not (translate:-50% 0) {
        #header div[class*=top-bar]>ul>li>ul {
            -webkit-transform: translate(-50%);
            transform: translate(-50%)
        }
    }

    #header div[class*=top-bar]>ul>li>ul>li ul {
        width: 90%;
        top: 100%
    }

    #header div[class*=top-bar]>ul>li>ul>li:nth-of-type(odd) ul {
        left: 10%
    }

    #header div[class*=top-bar]>ul>li>ul>li:nth-of-type(2n) ul {
        left: 0
    }

    #header div[class*=top-bar]>ul>li>ul li>a {
        --min-font-size: 1rem;
        --max-font-size: 1rem;
        font-size: var(--base-font-size);
        white-space: inherit;
        line-height: 1
    }

    #header div[class*=top-bar]>ul>li>ul:is(:hover, :active, :focus-within) {
        translate: -50%
    }

    @supports not (translate:-50% 0) {
        #header div[class*=top-bar]>ul>li>ul:is(:hover, :active, :focus-within) {
            -webkit-transform: translate(-50%);
            transform: translate(-50%)
        }
    }

    #header div[class*=top-bar]>ul>li ul>li {
        height: var(--topbar-height-on-mobile);
        text-align: center;
        max-width: calc(80vw + .0625rem);
        min-height: 6ex;
        max-height: calc(10vh - 1.5rem)
    }

    #header div[class*=top-bar]>ul>li ul>li:nth-last-of-type(2):nth-of-type(2n) {
        box-shadow: inset 0 0 0 .0625rem var(--box-shadow), 0 .0625rem 0 0 var(--box-shadow)
    }

    #header div[class*=top-bar]>ul>li ul>li:last-of-type:nth-of-type(odd) {
        box-shadow: inset 0 0 0 .0625rem var(--box-shadow), .0625rem 0 0 0 var(--box-shadow)
    }

    #header div[class*=top-bar]>ul>li:is(:hover, :active, :focus-within)>ul {
        translate: -50%
    }

    @supports not (translate:-50% 0) {
        #header div[class*=top-bar]>ul>li:is(:hover, :active, :focus-within)>ul {
            -webkit-transform: translate(-50%);
            transform: translate(-50%)
        }
    }

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

    #header div.open-menu {
        width: var(--topbar-height-on-mobile);
        height: var(--topbar-height-on-mobile);
        display: -webkit-box;
        display: -webkit-flex;
        display: flex
    }

    #header div.open-menu>p {
        -webkit-align-content: stretch;
        align-content: stretch;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        font-size: 2.5em;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: inline-flex
    }

    #header div.open-menu>p>a {
        --wght: 700;
        font-weight: var(--wght);
        letter-spacing: .016em;
        text-align: center;
        -webkit-box-flex: 2;
        -webkit-flex: 2 0 100%;
        flex: 2 0 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        text-decoration: none;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        color: rgb(var(--mobile-topmenu-sidebar-button-color)) !important;
        background-color: transparent !important;
        border: none !important
    }

    #header div.open-menu>p {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    #header div.open-menu>a {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

:root:where(:lang(cs)) {
    --text-messages: "Zprávy"
}

:root:where(:lang(de)) {
    --text-messages: "Nachrichten"
}

@media only screen and (max-width:56.25rem) {
    :where(:lang(de)) #header div.open-menu {
        background-image: var(--gradient-topmenu-mobile)
    }
}

:root:where(:lang(el)) {
    --text-messages: "Μηνύματα"
}

:root:where(:lang(it)) {
    --text-messages: "Messaggi"
}

:root:where(:lang(ja)) {
    --text-messages: "メッセージ"
}

:root:where(:lang(ko)) {
    --text-messages: "메시지"
}

:root:where(:lang(pl)) {
    --text-messages: "Wiadomości"
}

:root:where(:lang(pt-br)) {
    --text-messages: "Mensagens"
}

:root:where(:lang(ru)) {
    --text-messages: "Сообщения"
}

:where(:lang(ru)) #top-bar .list-pages-item {
    height: 100%
}

:where(:lang(ru)) #top-bar .list-pages-item .top-bar {
    height: 100%
}

@media only screen and (max-width:56.25rem) {
    :where(:lang(ru)) #header div[class*=top-bar]>ul {
        height: var(--topbar-height-on-mobile)
    }

    :where(:lang(ru)) #header div[class*=top-bar]>ul>li>a {
        font-size: 1.5em
    }
}

:root:where(:lang(cn)) {
    --text-messages: "消息"
}

:root:where(:lang(es)) {
    --text-messages: "Mensajes"
}

:root:where(:lang(th)) {
    --text-messages: "ข้อความ"
}

:root:where(:lang(zh)) {
    --text-messages: "訊息"
}

:root:where(:lang(uk)) {
    --text-messages: "Повідомлення"
}

:root:where(:lang(vi)) {
    --text-messages: "Tin nhắn"
}

#page-content .yui-navset {
    z-index: 1
}

#page-content .yui-navset:not(:is(:first-child, :only-child)) {
    margin-top: 1ex
}

:is(.yui-navset, .yui-navset-top, .yui-navset-bottom) .yui-nav {
    --clip-path: polygon(-.0625rem -.5rem, calc(100% + .0625rem)-.5rem, calc(100% + .0625rem)100%, -.0625rem 100%);
    zoom: unset;
    box-shadow: 0 .3125rem 0 0 var(--tabs-bottom-border-color);
    font-family: var(--UI-font, var(--header-font));
    clip-path: var(--clip-path);
    border: 0;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

:is(.yui-navset, .yui-navset-top, .yui-navset-bottom) .yui-nav a {
    border: unset;
    background-color: rgb(var(--tabs-bg));
    color: rgb(var(--tabs-txt))
}

:is(.yui-navset, .yui-navset-top, .yui-navset-bottom) .yui-nav li {
    -webkit-transition: box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), translate .2s var(--ease-in-out);
    transition: box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), translate .2s var(--ease-in-out);
    background-color: rgb(var(--tabs-bg));
    box-shadow: 0 0 0 0 rgb(var(--tabs-selected-outline));
    will-change: box-shadow, color, background-color;
    border: none;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    max-width: 100%;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
    translate: 0
}

@supports not (translate:0 0) {
    :is(.yui-navset, .yui-navset-top, .yui-navset-bottom) .yui-nav li {
        -webkit-transition: box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), transform .2s var(--ease-in-out);
        transition: box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), transform .2s var(--ease-in-out);
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

:is(.yui-navset, .yui-navset-top, .yui-navset-bottom) .yui-nav li a {
    --wght: var(--ui-wght);
    font-weight: var(--wght);
    vertical-align: bottom;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative
}

:is(.yui-navset, .yui-navset-top, .yui-navset-bottom) .yui-nav li a:before {
    --clip-path: polygon(0 calc(100% - .25rem), calc(100% + 1rem)calc(100% - .25rem), calc(100% + 1rem)calc(100% + 1rem), 0 calc(100% + 1rem));
    content: " ";
    z-index: 0;
    will-change: background-color, clip-path;
    -webkit-transition: background-color 50ms var(--ease-in-out), clip-path .2s var(--ease-in-out);
    transition: background-color 50ms var(--ease-in-out), clip-path .2s var(--ease-in-out);
    background-color: rgb(var(--tabs-bottom-border-color));
    pointer-events: none;
    clip-path: var(--clip-path);
    width: 101%;
    height: 101%;
    position: absolute;
    top: 0;
    bottom: auto;
    left: -.5%;
    right: auto
}

:is(.yui-navset, .yui-navset-top, .yui-navset-bottom) .yui-nav li a em {
    -webkit-transition: color .15s var(--ease-in-out), font-weight .15s var(--ease-in-out), font-variation-settings .15s var(--ease-in-out), font-weight .15s var(--ease-in-out);
    transition: color .15s var(--ease-in-out), font-weight .15s var(--ease-in-out), font-variation-settings .15s var(--ease-in-out), font-weight .15s var(--ease-in-out);
    border: unset !important
}

:is(.yui-navset, .yui-navset-top, .yui-navset-bottom) .yui-nav li a:is(:hover, :active, :focus) em {
    --wght: var(--ui-hvr-wght);
    color: rgb(var(--tabs-hover-txt));
    font-weight: var(--wght)
}

:is(.yui-navset, .yui-navset-top, .yui-navset-bottom) .yui-nav li:not(.selected) a:is(:hover, :active, :focus, :focus-within):before {
    --clip-path: polygon(0 0, calc(100% + 1rem)-1rem, calc(100% + 1rem)calc(100% + 1rem), 0 calc(100% + 1rem));
    background-color: rgb(var(--tabs-hover-bg))
}

:is(.yui-navset, .yui-navset-top, .yui-navset-bottom) .yui-nav a em {
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: .35em .75em;
    line-height: 1.5;
    top: 0;
    overflow: hidden
}

:is(.yui-navset, .yui-navset-top, .yui-navset-bottom) .yui-nav .selected a em {
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: .35em .75em;
    line-height: 1.5;
    top: 0;
    overflow: hidden
}

:is(.yui-navset, .yui-navset-top, .yui-navset-bottom) .yui-nav .selected {
    z-index: 10;
    box-shadow: 0 0 0 .25rem rgb(var(--tabs-selected-outline));
    margin: 0;
    padding: 0;
    translate: 0 -.25rem
}

@supports not (translate:0 0) {
    :is(.yui-navset, .yui-navset-top, .yui-navset-bottom) .yui-nav .selected {
        -webkit-transform: translateY(-.25rem);
        transform: translateY(-.25rem)
    }
}

:is(.yui-navset, .yui-navset-top, .yui-navset-bottom) .yui-nav .selected a {
    --wght: var(--ui-hvr-wght);
    font-weight: var(--wght);
    background-image: none;
    color: rgb(var(--tabs-selected-txt)) !important
}

:is(.yui-navset, .yui-navset-top, .yui-navset-bottom) .yui-nav .selected a {
    border: transparent
}

:is(.yui-navset, .yui-navset-top, .yui-navset-bottom) .yui-nav .selected a em {
    border: transparent
}

:is(.yui-navset, .yui-navset-top, .yui-navset-bottom) .yui-nav .selected a:is(:hover, :active) {
    cursor: default
}

:is(.yui-navset, .yui-navset-top, .yui-navset-bottom) .yui-nav .selected a:before {
    --clip-path: polygon(0 0, calc(100% + 1rem)-1rem, calc(100% + 1rem)calc(100% + 1rem), 0 calc(100% + 1rem));
    background-color: rgb(var(--tabs-selected-bg))
}

:is(.yui-navset, .yui-navset-top, .yui-navset-bottom) .yui-nav .selected:is(:hover, :active, :focus, :focus-within) a:before {
    --clip-path: polygon(0 0, calc(100% + 1rem)-1rem, calc(100% + 1rem)calc(100% + 1rem), 0 calc(100% + 1rem));
    background-color: rgb(var(--tabs-selected-bg))
}

:is(.yui-navset, .yui-navset-top, .yui-navset-bottom):first-child .yui-nav {
    margin-top: 2.5ex;
    margin-bottom: auto
}

:is(.yui-navset, .yui-navset-top, .yui-navset-bottom) .yui-content {
    border: .0625rem solid rgb(var(--tabs-content-border-color));
    background-color: rgb(var(--tabs-content-bg-color));
    padding: 1.5ex 2ch
}

:is(blockquote, .blockquote, div.blockquote, [class*=blockquote]) {
    clear: both;
    background-color: rgb(var(--blockquote-bg-color));
    box-shadow: inset 0 0 0 .0625rem rgba(var(--blockquote-border-color), .5), inset .0625rem 0 0 0 rgba(var(--blockquote-border-color), .5), inset 0 -.0625rem 0 0 rgba(var(--blockquote-border-color), .75);
    border: none;
    margin-top: 1ex;
    margin-bottom: 0;
    margin-left: 2ch;
    margin-right: 2ch;
    padding: 1.5ex 2ch;
    display: flow-root;
    position: relative
}

:is(blockquote, .blockquote, div.blockquote, [class*=blockquote]):is(:first-child, :only-child) {
    margin-top: 0
}

:is(blockquote, .blockquote, div.blockquote, [class*=blockquote]):last-child:not(:only-child) {
    margin-bottom: 1em
}

.colorbar-quote {
    box-shadow: inset .25rem 0 0 0 rgb(var(--blockquote-colorbar-color)), -.125rem 0 .25rem 0 rgba(var(--blockquote-border-color), .25), inset .0625rem 0 0 0 rgba(var(--blockquote-border-color), .5), inset 0 -.0625rem 0 0 rgba(var(--blockquote-border-color), .75)
}

:is(.footnotes-footer, .bibitems) {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgb(var(--footnotes-footer-bg-color));
    box-shadow: inset .5em 0 0 0 rgb(var(--footnotes-footer-colorbar-color));
    color: rgb(var(--footnotes-footer-text-color));
    width: 95%;
    height: auto;
    margin: 1.5rem 1.5rem .5rem;
    padding: .15em 1em 1em 0;
    display: block;
    position: relative
}

:is(.footnotes-footer, .bibitems) .title {
    --wght: 700;
    background-color: rgb(var(--footnotes-footer-title-bg-color));
    color: rgb(var(--footnotes-footer-title-text-color));
    font-size: 1.25em;
    font-weight: var(--wght);
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0 .5em;
    display: inline-block;
    position: relative;
    top: -.75em;
    bottom: -.75em;
    left: auto;
    right: auto
}

:is(.footnotes-footer, .bibitems) a[href*=javascript]:before {
    --MONO: 1;
    --wght: calc(var(--ui-wght) + 100);
    z-index: 2;
    background-color: rgb(var(--footnotes-footer-bg-color));
    font-family: var(--mono-font);
    font-weight: var(--wght);
    width: 100%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: absolute;
    top: 0;
    bottom: auto;
    left: auto;
    right: -25%
}

:is(.footnotes-footer, .bibitems) .bibitem:after {
    --MONO: 1;
    --wght: calc(var(--ui-wght) + 100);
    z-index: 2;
    background-color: rgb(var(--footnotes-footer-bg-color));
    font-family: var(--mono-font);
    font-weight: var(--wght);
    width: 100%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: absolute;
    top: 0;
    bottom: auto;
    left: auto;
    right: -25%
}

.footnotes-footer {
    counter-reset: footnotes 0
}

.footnotes-footer .footnote-footer {
    margin: .25em 0 0 6ch
}

.footnotes-footer a[href*=javascript] {
    --MONO: 1;
    --wght: calc(var(--ui-wght) + 100);
    color: transparent;
    font-family: var(--mono-font);
    font-weight: var(--wght);
    min-width: 2ch;
    margin: 0 0 0 -3ch;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative
}

.footnotes-footer a[href*=javascript]:visited {
    --MONO: 1;
    --wght: calc(var(--ui-wght) + 100);
    color: transparent;
    font-family: var(--mono-font);
    font-weight: var(--wght);
    min-width: 2ch;
    margin: 0 0 0 -3ch;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative
}

.footnotes-footer a[href*=javascript]:before {
    content: counter(footnotes)".";
    -webkit-transition: color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out);
    transition: color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out);
    color: rgb(var(--footnotes-footer-num-color));
    counter-increment: footnotes;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

@supports (font-feature-settings:inherit) {
    .footnotes-footer a[href*=javascript]:before {
        -webkit-transition: color .15s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
        transition: color .15s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out)
    }
}

.footnotes-footer a[href*=javascript]:is(:hover, :active):before {
    --wght: calc(var(--ui-hvr-wght) + 100);
    color: rgb(var(--footnotes-footer-num-hover-color));
    font-weight: var(--wght)
}

.bibitems {
    counter-reset: bibitems 0
}

.bibitems .bibitem {
    text-indent: 2ch;
    margin: .25em 0 0 3ch;
    position: relative
}

.bibitems .bibitem:first-letter {
    font-size: 0
}

.bibitems .bibitem:after {
    content: counter(bibitems)".";
    color: rgb(var(--swatch-primary));
    counter-increment: bibitems;
    width: min-content;
    margin: 0 0 0 -2ch;
    left: 0
}

.bibitems .bibitem:nth-child(n+11):after {
    width: calc(1em + .75ch);
    margin: 0 0 0 -2em
}

.math-equation {
    text-align: center;
    padding: .5em 0;
    display: none
}

.equation-number {
    float: right;
    margin-top: 1em;
    font-size: 1.1em
}

.math-inline,
span#MathJax_Message {
    display: none
}

span.math-inline span.merror {
    color: rgb(var(--swatch-secondary-color))
}

a:is(.inline-math-error, .math-equation-error) {
    --wght: 700;
    font-weight: var(--wght)
}

a.inline-math-error {
    padding: 0 .5em
}

a.math-equation-error {
    padding: 0 2em
}

.hovertip {
    z-index: 100;
    max-width: calc(var(--body-width-on-desktop) - 2rem);
    -webkit-animation: bhl-fade-in .2s var(--ease-in-out).1s 1 alternate forwards;
    animation: bhl-fade-in .2s var(--ease-in-out).1s 1 alternate forwards;
    opacity: 0;
    color: rgb(var(--hoverblock-txt));
    background-color: rgb(var(--hoverblock-bg)) !important;
    border: none !important;
    width: -moz-fit-content !important;
    width: fit-content !important
}

.hovertip:before {
    content: "";
    z-index: -1;
    -webkit-animation: bhl-lift-in .2s var(--ease-in-out).1s 1 alternate forwards, bhl-slide-in .2s var(--ease-in-out).1s 1 alternate forwards;
    animation: bhl-lift-in .2s var(--ease-in-out).1s 1 alternate forwards, bhl-slide-in .2s var(--ease-in-out).1s 1 alternate forwards;
    box-shadow: 0 0 0 0 rgba(var(--swatch-alternate-color), .25), inset 0 0 0 .0625rem rgb(var(--swatch-primary-darkest));
    background-color: transparent;
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}

.hovertip .content {
    -webkit-animation: bhl-slide-in .2s var(--ease-in-out).1s 1 alternate forwards;
    animation: bhl-slide-in .2s var(--ease-in-out).1s 1 alternate forwards;
    font-family: var(--UI-font);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0;
    padding: .25em .5em;
    font-size: .9em;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    translate: 0
}

@supports not (translate:0 0) {
    .hovertip .content {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.hovertip .footnote {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.hovertip .f-heading {
    --wght: 550;
    background-color: rgb(var(--hoverblock-header-bg));
    color: rgb(var(--hoverblock-header-txt));
    font-family: var(--UI-font);
    font-size: .96em;
    font-weight: var(--wght);
    width: max-content;
    height: 1.5em;
    margin: -.75rem 0 0 -1rem;
    padding: .125em .25em
}

.hovertip .f-content {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    margin: .125em 0;
    padding: 0 .75rem
}

.hovertip .f-footer {
    color: rgba(var(--hoverblock-footer-txt), .8);
    font-family: var(--UI-font);
    text-align: right;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    justify-self: flex-end;
    padding: .25rem .75rem;
    font-size: .8em
}

:is(div.image-block, div.scp-image-block) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: .0625rem;
    min-width: 30%;
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

:is(div.image-block, div.scp-image-block) {
    border: none
}

:is(div.image-block, div.scp-image-block) * {
    border: none
}

:is(div.image-block, div.scp-image-block) * {
    width: 100%
}

:is(div.image-block, div.scp-image-block).block-right {
    float: right;
    clear: right;
    margin: 0 0 1em 2em
}

:is(div.image-block, div.scp-image-block).block-left {
    float: left;
    clear: left;
    margin: 0 2em 1em 0
}

:is(div.image-block, div.scp-image-block).block-center {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

:is(div.image-block, div.scp-image-block) img.image {
    border: 0;
    width: 100%
}

:is(div.image-block, div.scp-image-block) :is(.image-caption, .scp-image-caption) {
    --wght: 600;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgb(var(--swatch-secondary-color));
    font-size: .9em;
    font-weight: var(--wght);
    text-align: center;
    width: 100%;
    padding: .5ex .5ch 1ex;
    line-height: 1.25
}

:is(div.image-block, div.scp-image-block) :is(.image-caption, .scp-image-caption)>p {
    margin: 0;
    padding: 0
}

:root {
    --rating-module-height: 1.3125em
}

div.page-rate-widget-box,
#page-content div.rate-box-with-credit-button {
    height: var(--rating-module-height);
    border: .0625rem solid rgba(var(--swatch-border-color), .15);
    background-color: rgb(var(--rating-module-bg-color));
    box-shadow: 0 .125rem 0 0 rgb(var(--rating-module-bottom-border-color));
    border-bottom-width: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0 0 .75rem;
    padding: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    overflow: hidden
}

:is(div.rate-box-with-credit-button div.page-rate-widget-box, div.page-rate-widget-box) :is(.rate-points, .rateup, .ratedown, .cancel) {
    border: none;
    margin: 0 .125rem 0 0;
    display: block
}

:is(div.rate-box-with-credit-button div.page-rate-widget-box, div.page-rate-widget-box) :is(.rateup, .ratedown, .cancel) {
    width: calc(var(--base-font-size)*(21/15));
    line-height: var(--rating-module-height);
    text-align: center;
    text-transform: uppercase;
    height: 100%;
    padding: 0;
    display: block
}

:is(div.rate-box-with-credit-button div.page-rate-widget-box, div.page-rate-widget-box) :is(.rateup, .ratedown, .cancel) {
    color: transparent
}

:is(div.rate-box-with-credit-button div.page-rate-widget-box, div.page-rate-widget-box) :is(.rateup, .ratedown, .cancel):is(:hover, :active, :focus) {
    color: transparent
}

:is(div.rate-box-with-credit-button div.page-rate-widget-box, div.page-rate-widget-box) :is(.rateup, .ratedown, .cancel) a {
    width: calc(var(--base-font-size)*(21/15));
    line-height: var(--rating-module-height);
    text-align: center;
    text-transform: uppercase;
    height: 100%;
    padding: 0;
    display: block
}

:is(div.rate-box-with-credit-button div.page-rate-widget-box, div.page-rate-widget-box) :is(.rateup, .ratedown, .cancel) a {
    color: transparent
}

:is(div.rate-box-with-credit-button div.page-rate-widget-box, div.page-rate-widget-box) :is(.rateup, .ratedown, .cancel) a:is(:hover, :active, :focus) {
    color: transparent
}

:is(div.rate-box-with-credit-button div.page-rate-widget-box, div.page-rate-widget-box) :is(.rateup, .ratedown, .cancel) a {
    z-index: 0
}

:is(div.rate-box-with-credit-button div.page-rate-widget-box, div.page-rate-widget-box) :is(.rateup, .ratedown, .cancel) a:after {
    --clip-path: polygon(0 100%, 100% 115%, 100% 100%, 0 115%);
    content: " ";
    z-index: -1;
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    pointer-events: none;
    clip-path: var(--clip-path);
    width: 101%;
    height: 101%;
    position: absolute;
    top: 0;
    bottom: auto;
    left: -.5%;
    right: auto
}

:is(div.rate-box-with-credit-button div.page-rate-widget-box, div.page-rate-widget-box) :is(.rateup, .ratedown, .cancel) a:before {
    content: " ";
    z-index: 1;
    width: calc(var(--base-font-size)*(21/15));
    background-color: rgb(var(--rating-module-text-color));
    pointer-events: none;
    -webkit-mask: center/calc(var(--rating-module-height) - .5em)no-repeat;
    mask: center/calc(var(--rating-module-height) - .5em)no-repeat;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}

:is(div.rate-box-with-credit-button div.page-rate-widget-box, div.page-rate-widget-box) :is(.rateup, .ratedown, .cancel) a:is(:hover, :active, :focus) {
    text-decoration: none
}

:is(div.rate-box-with-credit-button div.page-rate-widget-box, div.page-rate-widget-box) :is(.rateup, .ratedown, .cancel) a:is(:hover, :active, :focus):before {
    background-color: rgb(var(--rating-module-text-hover-color))
}

:is(div.rate-box-with-credit-button div.page-rate-widget-box, div.page-rate-widget-box) :is(.rateup, .ratedown, .cancel) a:is(:hover, :active, :focus):after {
    --clip-path: polygon(0 100%, 100% 115%, 100% 0, 0 -15%)
}

:is(div.rate-box-with-credit-button div.page-rate-widget-box, div.page-rate-widget-box) :is(.rateup, .ratedown) a {
    background: 0 0
}

:is(div.rate-box-with-credit-button div.page-rate-widget-box, div.page-rate-widget-box) :is(.rate-points, .rateup, .ratedown, .cancel) {
    --wght: 600;
    font-weight: var(--wght);
    background: 0 0;
    position: relative
}

:is(div.rate-box-with-credit-button div.page-rate-widget-box, div.page-rate-widget-box) :is(.rateup, .ratedown, .cancel) a {
    --wght: 600;
    font-weight: var(--wght);
    background: 0 0;
    position: relative
}

:is(div.rate-box-with-credit-button div.page-rate-widget-box, div.page-rate-widget-box) .cancel {
    font-size: .85em
}

:is(div.rate-box-with-credit-button div.page-rate-widget-box, div.page-rate-widget-box) .rateup a:before {
    -webkit-mask-image: var(--rateup-mask);
    mask-image: var(--rateup-mask)
}

:is(div.rate-box-with-credit-button div.page-rate-widget-box, div.page-rate-widget-box) .rateup a:after {
    background-color: rgb(var(--rating-module-button-plus-color))
}

:is(div.rate-box-with-credit-button div.page-rate-widget-box, div.page-rate-widget-box) .ratedown a:before {
    -webkit-mask-image: var(--ratedown-mask);
    mask-image: var(--ratedown-mask)
}

:is(div.rate-box-with-credit-button div.page-rate-widget-box, div.page-rate-widget-box) .ratedown a:after {
    background-color: rgb(var(--rating-module-button-negative-color))
}

:is(div.rate-box-with-credit-button div.page-rate-widget-box, div.page-rate-widget-box) .cancel a:before {
    -webkit-mask-image: var(--cancel-mask);
    mask-image: var(--cancel-mask)
}

:is(div.rate-box-with-credit-button div.page-rate-widget-box, div.page-rate-widget-box) .cancel a:after {
    background-color: rgb(var(--rating-module-button-cancel-color))
}

:is(div.rate-box-with-credit-button div.page-rate-widget-box, div.page-rate-widget-box) .rate-points {
    color: rgb(var(--rating-module-text-color));
    font-family: var(--UI-font);
    font-size: .85em;
    line-height: calc(var(--rating-module-height)*1.25);
    text-transform: capitalize;
    background-color: transparent;
    border: none;
    padding: 0 .5em;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

:is(div.rate-box-with-credit-button div.page-rate-widget-box, div.page-rate-widget-box) .rate-points .number {
    font-size: calc(var(--base-font-size)*(17/15))
}

div.rate-box-with-credit-button .page-rate-widget-box {
    box-shadow: none;
    background: 0 0;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0
}

div.rate-box-with-credit-button>div.creditButton {
    width: calc(var(--base-font-size)*(21/15));
    line-height: var(--rating-module-height);
    text-align: center;
    text-transform: uppercase;
    height: 100%;
    padding: 0;
    display: block
}

div.rate-box-with-credit-button>div.creditButton>p {
    width: calc(var(--base-font-size)*(21/15));
    line-height: var(--rating-module-height);
    text-align: center;
    text-transform: uppercase;
    height: 100%;
    padding: 0;
    display: block
}

div.heritage-rating-module {
    border: .0625rem solid rgba(var(--swatch-border-color), .15);
    background-color: rgb(var(--rating-module-bg-color));
    box-shadow: 0 .125rem 0 0 rgb(var(--rating-module-bottom-border-color));
    border-bottom-width: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-bottom: .625rem;
    margin-right: 2em;
    padding: .125rem .5rem .125rem .3125rem;
    display: inline-block
}

div.heritage-rating-module div.page-rate-widget-box {
    box-shadow: none;
    margin-bottom: 0;
    margin-right: 0
}

div.heritage-rating-module div.heritage-emblem {
    float: left;
    width: 1rem;
    height: 1rem;
    margin-right: .125rem;
    position: relative;
    top: -.125rem;
    bottom: auto;
    left: .125rem;
    right: auto;
    overflow: visible
}

div.heritage-rating-module div.heritage-emblem img {
    border: 0;
    width: 1.25rem;
    height: 1.25rem
}

#page-content .creditRate {
    margin-bottom: 0;
    margin-right: 0
}

#page-content div.rate-box-with-credit-button>.creditButton:is(:hover, :active) {
    background: initial
}

#page-content div.rate-box-with-credit-button>.creditButton>p {
    margin: 0;
    padding: 0;
    display: block;
    position: relative
}

#page-content div.rate-box-with-credit-button>.creditButton>p {
    width: 100%;
    height: 100%
}

#page-content div.rate-box-with-credit-button>.creditButton>p>a {
    width: 100%;
    height: 100%
}

#page-content div.rate-box-with-credit-button>.creditButton>p>a {
    color: transparent;
    background-color: transparent;
    border-left: none;
    margin-left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#page-content div.rate-box-with-credit-button>.creditButton>p>a:before {
    --mask-image: var(--credit-button-mask);
    content: " ";
    z-index: 1;
    width: calc(var(--base-font-size)*(21/15));
    -webkit-transition: background-color .15s var(--ease-in-out);
    transition: background-color .15s var(--ease-in-out);
    background-color: rgb(var(--rating-module-text-color));
    pointer-events: none;
    -webkit-mask: var(--mask-image)center center/calc(var(--rating-module-height) - .375em)no-repeat;
    mask: var(--mask-image)center center/calc(var(--rating-module-height) - .375em)no-repeat;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}

#page-content div.rate-box-with-credit-button>.creditButton>p>a:after {
    --clip-path: polygon(0 100%, 100% 115%, 100% 100%, 0 115%);
    content: " ";
    z-index: 0;
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    background-color: rgb(var(--rating-module-text-color));
    pointer-events: none;
    clip-path: var(--clip-path);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

#page-content div.rate-box-with-credit-button>.creditButton>p>a:is(:hover, :active, :focus, :focus-within):before {
    background-color: rgb(var(--rating-module-text-hover-color))
}

#page-content div.rate-box-with-credit-button>.creditButton>p>a:is(:hover, :active, :focus, :focus-within):after {
    --clip-path: polygon(0 100%, 100% 115%, 100% 0, 0 -15%)
}

#page-content div.rate-box-with-credit-button>div.page-rate-widget-box {
    box-shadow: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    overflow: hidden
}

[id*=u-credit] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

[id*=u-credit] * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

[id*=u-credit] {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100% !important
}

[id*=u-credit] .fader {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100% !important
}

[id*=u-credit] .fader iframe {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100% !important
}

[id*=u-credit] .modalcontainer {
    color: rgb(var(--modal-body-text));
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    height: max-content;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    top: 50%;
    translate: 0 -50%
}

@supports not (translate:0 -50%) {
    [id*=u-credit] .modalcontainer {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

[id*=u-credit] div.modalbox {
    box-shadow: inset 0 0 0 .125rem rgba(var(--swatch-alternate-color), .25), .5rem .25rem 1rem 0 rgba(var(--swatch-alternate-color), .25);
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 0;
    position: relative;
    background: rgb(var(--modal-bg)) !important
}

[id*=u-credit] div.modalbox>hr:is(:first-of-type, :last-of-type) {
    display: none
}

[id*=u-credit] div.modalbox>div:first-of-type {
    --wght: 600;
    background-color: rgb(var(--modal-header-bg));
    color: rgb(var(--modal-header-txt));
    font-weight: var(--wght);
    text-transform: uppercase;
    background-size: 3rem 4.35rem;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
    margin: 0;
    padding: .5em 1.25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

[id*=u-credit] div.modalbox>div:first-of-type h2 {
    margin: 0;
    padding: 0
}

[id*=u-credit] div.modalbox span.printuser img.small {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

[id*=u-credit] div.modalbox span.printuser.deleted img {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

[id*=u-credit] .credit.first {
    width: auto;
    height: max-content;
    max-height: calc(50vh - 8.75rem);
    margin: 0 1rem;
    padding: 0;
    display: grid;
    overflow-x: visible;
    overflow-y: auto
}

[id*=u-credit] .credit.otherwise {
    width: auto;
    height: max-content;
    max-height: calc(50vh - 8.75rem);
    margin: 0 1rem;
    padding: 0;
    display: grid;
    overflow-x: visible;
    overflow-y: auto
}

[id*=u-credit] .credit.first p {
    width: 100%;
    margin: 0;
    padding: 1em 0 0
}

[id*=u-credit] .credit.first h1+p {
    margin-top: 0
}

[id*=u-credit] .close-credits {
    width: 1.75em;
    top: .875em;
    bottom: auto;
    left: auto;
    right: .875em;
    height: 1.75em !important
}

[id*=u-credit] .close-credits>a {
    pointer-events: all;
    color: transparent;
    width: 100%;
    height: 100%;
    margin: 0;
    font-size: 1.25em;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

[id*=u-credit] .close-credits>a:before {
    content: "";
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: auto;
    left: auto;
    right: 0
}

[id*=u-credit] .close-credits>a:after {
    content: "";
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: auto;
    left: auto;
    right: 0
}

[id*=u-credit] .close-credits>a:before {
    background-color: rgb(var(--modal-bg));
    -webkit-border-radius: 50%;
    border-radius: 50%
}

[id*=u-credit] .close-credits>a:after {
    --mask-image: var(--cancel-mask);
    -webkit-transition: rotate .2s var(--ease-in-out), scale .2s var(--ease-in-out);
    transition: rotate .2s var(--ease-in-out), scale .2s var(--ease-in-out);
    background-color: rgb(var(--modal-header-bg));
    -webkit-mask: var(--mask-image)center/.75em no-repeat;
    mask: var(--mask-image)center/.75em no-repeat;
    rotate: none;
    scale: 1
}

@supports not (scale:1) {
    [id*=u-credit] .close-credits>a:after {
        -webkit-transition: transform .2s var(--ease-in-out);
        transition: transform .2s var(--ease-in-out);
        -webkit-transform: rotate(0)scale(1);
        transform: rotate(0)scale(1)
    }
}

[id*=u-credit] .close-credits>a:is(:hover, :active, :focus, :focus-within):after {
    rotate: 15deg;
    scale: 1.1
}

@supports not (scale:1.1) {
    [id*=u-credit] .close-credits>a:is(:hover, :active, :focus, :focus-within):after {
        -webkit-transform: rotate(15deg)scale(1.1);
        transform: rotate(15deg)scale(1.1)
    }
}

[id*=u-credit] div.creditBottomRate {
    box-shadow: 0 -.0625rem 0 0 rgba(var(--rating-module-bottom-border-color), .2);
    width: 100%;
    margin: 1rem 0 .5em;
    padding: 1rem 0 0;
    height: -moz-fit-content !important;
    height: fit-content !important
}

[id*=u-credit] div.credit-back {
    --wght: var(--ui-wght);
    z-index: 2;
    -webkit-transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    border: .0625rem solid rgba(var(--swatch-primary), .05);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-bg));
    box-shadow: -.125rem 0 .25rem 0 rgba(var(--swatch-tertiary-color), .25), inset 0 -.0625rem 0 0 rgba(var(--swatch-tertiary-color), .75), 0 0 0 0 rgb(var(--ui-button-bg));
    color: rgb(var(--ui-button-txt));
    font-family: var(--UI-font);
    font-weight: var(--wght);
    will-change: border-color, box-shadow, color, background-color, font-weight, font-variation-settings;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-width: 5em;
    margin: 0;
    padding: .25em;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
    overflow: hidden;
    container-type: normal
}

@supports (font-size:0.75cqi) {
    [id*=u-credit] div.credit-back {
        font-size: calc(max(var(--min-font-size), min(.75cqi, var(--max-font-size)))*1.8)
    }
}

[id*=u-credit] div.credit-back:is(:hover, :active, :focus, :focus-within) {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-hover-bg));
    box-shadow: 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), inset 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), 0 0 0 .125rem rgb(var(--ui-button-hover-outline));
    color: rgb(var(--ui-button-hover-txt));
    font-weight: var(--wght);
    cursor: pointer;
    border-color: transparent;
    text-decoration: none
}

@supports (font-size:1cqi) {
    [id*=u-credit] div.credit-back {
        font-size: max(var(--min-font-size), min(.75cqi, var(--max-font-size)))
    }
}

[id*=u-credit] a[href=\#u-credit-otherwise] {
    --wght: var(--ui-wght);
    z-index: 2;
    -webkit-transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    border: .0625rem solid rgba(var(--swatch-primary), .05);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-bg));
    box-shadow: -.125rem 0 .25rem 0 rgba(var(--swatch-tertiary-color), .25), inset 0 -.0625rem 0 0 rgba(var(--swatch-tertiary-color), .75), 0 0 0 0 rgb(var(--ui-button-bg));
    color: rgb(var(--ui-button-txt));
    font-family: var(--UI-font);
    font-weight: var(--wght);
    will-change: border-color, box-shadow, color, background-color, font-weight, font-variation-settings;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-width: 5em;
    margin: 0;
    padding: .25em;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
    overflow: hidden;
    container-type: normal
}

@supports (font-size:0.75cqi) {
    [id*=u-credit] a[href=\#u-credit-otherwise] {
        font-size: calc(max(var(--min-font-size), min(.75cqi, var(--max-font-size)))*1.8)
    }
}

[id*=u-credit] a[href=\#u-credit-otherwise]:is(:hover, :active, :focus, :focus-within) {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-hover-bg));
    box-shadow: 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), inset 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), 0 0 0 .125rem rgb(var(--ui-button-hover-outline));
    color: rgb(var(--ui-button-hover-txt));
    font-weight: var(--wght);
    cursor: pointer;
    border-color: transparent;
    text-decoration: none
}

@supports (font-size:1cqi) {
    [id*=u-credit] a[href=\#u-credit-otherwise] {
        font-size: max(var(--min-font-size), min(.75cqi, var(--max-font-size)))
    }
}

[id*=u-credit] div.credit-back p {
    cursor: pointer;
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}

[id*=u-credit] div.credit-back iframe {
    cursor: pointer;
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}

[id*=u-credit] div.credit-back:before {
    content: var(--text-creditview-back);
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}

[id*=u-credit] .page-rate-widget-box {
    margin: 0
}

#page-content table.wiki-content-table {
    border-spacing: 0;
    border-collapse: collapse;
    background-color: rgb(var(--tables-body-bg));
    color: rgb(var(--tables-body-txt));
    margin: .5em auto;
    display: table
}

#page-content table.wiki-content-table {
    --min-font-size: .8125rem;
    vertical-align: middle
}

#page-content table.wiki-content-table td {
    --min-font-size: .8125rem;
    vertical-align: middle
}

#page-content table.wiki-content-table th {
    --wght: calc(var(--ui-wght) + 200);
    background: rgb(var(--tables-header-bg));
    color: rgb(var(--tables-header-txt));
    font-weight: var(--wght);
    text-align: center;
    padding: .5em 1em
}

#page-content table.wiki-content-table :is(th, td) {
    border: .0625rem solid rgb(var(--tables-border)) !important
}

#page-content table.wiki-content-table tr {
    border: none !important
}

#page-content table.wiki-content-table td {
    padding: .5em
}

#page-content div.b-tables table.wiki-content-table {
    border-spacing: 0;
    border-collapse: collapse;
    background-color: rgb(var(--tables-body-bg));
    color: rgb(var(--tables-body-txt));
    margin: .5em auto;
    display: table
}

#page-content div.b-tables table.wiki-content-table {
    --min-font-size: .8125rem;
    vertical-align: middle
}

#page-content div.b-tables table.wiki-content-table td {
    --min-font-size: .8125rem;
    vertical-align: middle
}

#page-content div.b-tables table.wiki-content-table th {
    --wght: calc(var(--ui-wght) + 200);
    background: rgb(var(--tables-header-bg));
    color: rgb(var(--tables-header-txt));
    font-weight: var(--wght);
    text-align: center;
    padding: .5em 1em
}

#page-content div.b-tables table.wiki-content-table :is(th, td) {
    border: .0625rem solid rgb(var(--tables-border)) !important
}

#page-content div.b-tables table.wiki-content-table tr {
    border: none !important
}

#page-content div.b-tables table.wiki-content-table td {
    padding: .5em
}

.translation-box-stylesheet {
    display: none
}

.collapsible-block-unfolded-link * {
    overflow-wrap: anywhere
}

div.colmod-block>ul,
div.colmod-block>ul>li {
    line-height: 1.5
}

:is(#toc, table[style*=margin\:0] *) {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-spacing: 0;
    margin: 0;
    padding: 0
}

:is(#toc, table[style*=margin\:0] *) * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-spacing: 0;
    margin: 0;
    padding: 0
}

#page-content div#toc {
    min-width: var(--sidebar-width-on-desktop);
    max-width: var(--sidebar-width-on-desktop);
    box-shadow: -.125rem 0 .25rem 0 rgba(var(--swatch-tertiary-color), .25), inset 0 -.0625rem 0 0 rgba(var(--swatch-tertiary-color), .75);
    font-family: var(--UI-font);
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "fold title" "list list";
    margin: 0 0 1ex;
    display: grid;
    position: relative
}

#toc.floatleft {
    float: left
}

#toc.floatleft:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 1ch
}

#toc.floatleft:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 1ch
}

#toc.floatright {
    float: right
}

#toc.floatright:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 1ch
}

#toc.floatright:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 1ch
}

#toc #toc-action-bar {
    grid-area: fold;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative
}

#toc #toc-action-bar a {
    z-index: 0;
    -webkit-transition: font-weight .15s var(--ease-in-out), font-variation-settings .15s var(--ease-in-out), opacity .2s var(--ease-in-out), filter .2s var(--ease-in-out);
    transition: font-weight .15s var(--ease-in-out), font-variation-settings .15s var(--ease-in-out), opacity .2s var(--ease-in-out), filter .2s var(--ease-in-out);
    pointer-events: all;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: .25em .25em .25em 0;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important
}

#toc #toc-action-bar a:before {
    content: "";
    background-color: rgb(var(--toc-header-text-color));
    -webkit-mask: var(--mask-image)center center/100% no-repeat;
    mask: var(--mask-image)center center/100% no-repeat;
    width: 1em;
    height: 1em;
    display: inline-block;
    position: relative
}

#toc #toc-action-bar a:after {
    content: var(--text-tableofcontents);
    -webkit-transition: font-weight .15s var(--ease-in-out), font-variation-settings .15s var(--ease-in-out);
    transition: font-weight .15s var(--ease-in-out), font-variation-settings .15s var(--ease-in-out);
    white-space: nowrap;
    position: absolute;
    left: 100%
}

#toc #toc-action-bar a {
    color: rgb(var(--toc-header-text-color))
}

#toc #toc-action-bar a:visited {
    color: rgb(var(--toc-header-text-color))
}

#toc #toc-action-bar a[style*="display: none"] {
    opacity: 0;
    pointer-events: none;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important
}

#toc #toc-action-bar a:is(:hover, :active, :focus, :focus-within) {
    color: rgb(var(--toc-header-text-hover-color))
}

#toc #toc-action-bar a:is(:hover, :active, :focus, :focus-within):before {
    color: rgb(var(--toc-header-text-hover-color))
}

#toc #toc-action-bar a:first-of-type:before {
    --mask-image: var(--down-arrow-mask);
    -webkit-mask-size: 1em .3625em;
    mask-size: 1em .3625em
}

#toc #toc-action-bar a:last-of-type:before {
    --mask-image: var(--right-arrow-mask);
    left: -.25em;
    -webkit-mask-size: .3625em 1em;
    mask-size: .3625em 1em
}

#toc #toc-action-bar a:is(:hover, :active) {
    --wght: calc(var(--ui-hvr-wght) + 200);
    font-weight: var(--wght);
    text-decoration: none
}

#toc #toc-action-bar:is(:hover, :active)+.title {
    --wght: calc(var(--ui-hvr-wght) + 200);
    font-weight: var(--wght);
    text-decoration: none
}

#toc .title {
    --wght: calc(var(--ui-wght) + 100);
    -webkit-transition: font-weight .15s var(--ease-in-out), font-variation-settings .15s var(--ease-in-out);
    transition: font-weight .15s var(--ease-in-out), font-variation-settings .15s var(--ease-in-out);
    background-color: rgb(var(--toc-header-bg-color));
    color: rgb(var(--toc-header-text-color));
    font-weight: var(--wght);
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important
}

#toc #toc-action-bar {
    --wght: calc(var(--ui-wght) + 100);
    -webkit-transition: font-weight .15s var(--ease-in-out), font-variation-settings .15s var(--ease-in-out);
    transition: font-weight .15s var(--ease-in-out), font-variation-settings .15s var(--ease-in-out);
    background-color: rgb(var(--toc-header-bg-color));
    color: rgb(var(--toc-header-text-color));
    font-weight: var(--wght);
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important
}

#toc .title {
    color: transparent;
    white-space: nowrap;
    grid-area: title;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0;
    padding: .25em .5em .25em 0
}

#toc #toc-list {
    --wght: var(--ui-wght);
    max-width: var(--sidebar-width-on-desktop);
    background-color: rgb(var(--toc-body-bg-color));
    box-shadow: 0 -.25rem 0 0 rgb(var(--toc-header-bg-color));
    font-size: calc(var(--base-font-size)*(13/15));
    font-weight: var(--wght);
    scrollbar-width: thin;
    grid-area: list;
    max-height: calc(100vh - 2em);
    padding-top: .25rem;
    display: grid;
    overflow-x: hidden;
    overflow-y: auto
}

#toc #toc-list::-webkit-scrollbar {
    width: .5em
}

#toc #toc-list::-webkit-scrollbar-thumb {
    width: .5em
}

#toc #toc-list::-webkit-scrollbar-corner {
    width: .5em
}

#toc #toc-list div {
    position: relative
}

#toc #toc-list div:before {
    color: rgb(var(--toc-directory-lines-color));
    font-family: monospace;
    display: block;
    position: absolute;
    top: 50%;
    bottom: auto;
    left: -.25em;
    right: auto;
    translate: 0 -50%
}

@supports not (translate:0 -50%) {
    #toc #toc-list div:before {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

#toc #toc-list div:first-of-type {
    margin-top: .25em
}

#toc #toc-list div:last-of-type {
    margin-bottom: 1em
}

#toc #toc-list div:not([style*="1em"]) {
    margin-left: 1.25em !important
}

#toc #toc-list div:not([style*="1em"]):after {
    content: " ";
    box-shadow: inset .09375rem 0 0 0 rgb(var(--toc-directory-lines-color));
    pointer-events: none;
    -webkit-border-bottom-left-radius: .0625rem;
    border-bottom-left-radius: .0625rem;
    width: 100%;
    height: calc(50% + .09375rem);
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}

#toc #toc-list div[style*=margin-left]+div:not(:is([style*="1em"], :last-of-type)):after {
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 100%
}

@supports selector(div:has(p)) {
    #toc #toc-list div:has(+div:not([style*="1em"]))+div:not(:is([style*="1em"], :last-of-type)):after {
        -webkit-border-bottom-left-radius: 0;
        border-bottom-left-radius: 0;
        height: 100%
    }
}

#toc #toc-list div[style*=margin-left] {
    margin-left: 1em !important
}

#toc #toc-list div[style*="2em"] {
    padding-left: .75em !important
}

#toc #toc-list div[style*="2em"]:before {
    content: "╶"
}

#toc #toc-list div[style*="3em"] {
    padding-left: 1.75em !important
}

#toc #toc-list div[style*="3em"]:before {
    content: "╶──"
}

#toc #toc-list div[style*="4em"] {
    padding-left: 2.75em !important
}

#toc #toc-list div[style*="4em"]:before {
    content: "╶───╴"
}

#toc #toc-list div[style*="5em"] {
    padding-left: 3.75em !important
}

#toc #toc-list div[style*="5em"]:before {
    content: "╶─────"
}

#toc #toc-list div:not(:is([style*="1em"], [style*="2em"], [style*="3em"], [style*="4em"], [style*="5em"], [style*="6em"])) {
    padding-left: 4.75em !important
}

#toc #toc-list div:not(:is([style*="1em"], [style*="2em"], [style*="3em"], [style*="4em"], [style*="5em"], [style*="6em"])):before {
    content: "╶──────╴"
}

#toc #toc-list div[style*="6em"] {
    padding-left: 4.75em !important
}

#toc #toc-list div[style*="6em"]:before {
    content: "╶──────╴"
}

#toc #toc-list a {
    -webkit-transition: font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out), translate .2s var(--ease-in-out);
    transition: font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out), translate .2s var(--ease-in-out);
    display: inline-block;
    position: relative
}

#toc #toc-list a:before {
    content: "";
    -webkit-transition: rotate .15s var(--ease-in-out), translate .15s var(--ease-in-out), opacity .2s var(--ease-in-out);
    transition: rotate .15s var(--ease-in-out), translate .15s var(--ease-in-out), opacity .2s var(--ease-in-out);
    opacity: 0;
    background-color: rgb(var(--toc-body-hover-arrow-color));
    pointer-events: none;
    -webkit-mask: var(--right-arrow-mask)center center/.3625em 1em no-repeat;
    mask: var(--right-arrow-mask)center center/.3625em 1em no-repeat;
    width: 1em;
    height: 1em;
    display: inline-block;
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 0;
    right: auto;
    translate: -1.25em -50%;
    rotate: y 25deg
}

@supports not (rotate:y 25deg) {
    #toc #toc-list a:before {
        -webkit-transform: rotateY(25deg)translate(-1.25em -50%);
        transform: rotateY(25deg)translate(-1.25em -50%);
        -webkit-transition: transform .15s var(--ease-in-out), opacity .2s var(--ease-in-out);
        transition: transform .15s var(--ease-in-out), opacity .2s var(--ease-in-out)
    }
}

#toc #toc-list a {
    color: rgb(var(--toc-body-link-color))
}

#toc #toc-list a:visited {
    color: rgb(var(--toc-body-link-color))
}

#toc #toc-list a:is(:hover, :active, :focus, :focus-within) {
    --wght: var(--ui-hvr-wght);
    color: rgb(var(--toc-body-link-hover-color));
    font-weight: var(--wght);
    text-decoration: none;
    translate: .25rem
}

@supports not (translate:0.25rem 0) {
    #toc #toc-list a:is(:hover, :active, :focus, :focus-within) {
        -webkit-transform: translate(.25rem);
        transform: translate(.25rem)
    }
}

#toc #toc-list a:is(:hover, :active, :focus, :focus-within):before {
    opacity: 1;
    pointer-events: all;
    translate: -1em calc(.0625em - 50%);
    rotate: y 0deg
}

@supports not (translate:-1em calc(-50% + 0.0625em)) {
    #toc #toc-list a:is(:hover, :active, :focus, :focus-within):before {
        -webkit-transform: rotateY(0deg)translate(-1em calc(-50% + .0625em));
        transform: rotateY(0deg)translate(-1em calc(-50% + .0625em))
    }
}

#page-content div:is(.warning-top-box, .archived-top-box) {
    max-width: calc(var(--body-width-on-desktop)/2);
    background-color: rgb(var(--swatch-background));
    box-shadow: 0 0 0 .125rem rgba(var(--swatch-alternate-color), .25);
    margin: 0 auto;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 100%;
    margin-top: 0;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    display: grid
}

#page-content div:is(.warning-top-box, .archived-top-box) {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

#page-content div:is(.warning-top-box, .archived-top-box) * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

#page-content div:is(.warning-top-box, .archived-top-box) * {
    margin: 0
}

#page-content div:is(.warning-top-box, .archived-top-box)>h1 {
    --wght: 600;
    background-color: rgb(var(--swatch-primary));
    background-image: linear-gradient(125deg, rgba(var(--swatch-primary-darkest), .75)25%, transparent 25%, transparent 50%, rgba(var(--swatch-primary-darkest), .75)50%, rgba(var(--swatch-primary-darkest), .75)75%, transparent 75%, transparent 100%);
    color: rgb(var(--swatch-text-secondary-color));
    font-weight: var(--wght);
    text-transform: uppercase;
    background-size: 3rem 4.35rem;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
    margin: 0;
    padding: .5em 1.25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

#page-content div:is(.warning-top-box, .archived-top-box)>p:first-of-type {
    width: 100%;
    padding: 1em .5em
}

#page-content div:is(.warning-top-box, .archived-top-box)>p+p {
    margin-top: 0
}

#page-content div:is(.warning-top-box, .archived-top-box)>p #page-content div.archived-top-box>p+p {
    margin-top: 0
}

:is(#action-area, #main-content) .pager {
    --wght: var(--ui-wght);
    box-shadow: 0 .125rem 0 0 rgb(var(--pager-selected-bg));
    color: rgb(var(--pager-text));
    font-weight: var(--wght);
    white-space: nowrap;
    grid-template-columns: 5em 1fr;
    grid-auto-columns: minmax(.5em, 1fr);
    gap: 0;
    margin: 0;
    display: grid
}

@media only screen and (max-width:56.25rem) {
    :is(#action-area, #main-content) .pager {
        grid-template-columns: repeat(auto-fit, minmax(.5em, 1fr));
        padding-left: 1.5em;
        padding-right: 1.5em
    }
}

:is(#action-area, #main-content) .pager span {
    -webkit-transition: background-color .2s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: background-color .2s var(--ease-in-out), color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    grid-area: 1/span 2
}

@media only screen and (max-width:56.25rem) {
    :is(#action-area, #main-content) .pager span {
        grid-row: 2
    }
}

:is(#action-area, #main-content) .pager span:after {
    --clip-path: polygon(0 100%, 100% 115%, 100% 100%, 0 115%);
    content: " ";
    z-index: -1;
    -webkit-transition: clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    background-color: rgb(var(--pager-hover-bg));
    pointer-events: none;
    clip-path: var(--clip-path);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}

:is(#action-area, #main-content) .pager span {
    -webkit-box-pack: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative
}

:is(#action-area, #main-content) .pager span * {
    -webkit-box-pack: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative
}

:is(#action-area, #main-content) .pager span.dots {
    grid-column: span 1
}

:is(#action-area, #main-content) .pager span.pager-no {
    text-transform: uppercase;
    grid-area: 1/1/auto/span 4;
    justify-self: flex-start
}

:is(#action-area, #main-content) .pager span.pager-no {
    font-size: calc(var(--base-font-size)*13/15);
    grid-column: span 3
}

:is(#action-area, #main-content) .pager span.pager-no+span:not(.current) {
    font-size: calc(var(--base-font-size)*13/15);
    grid-column: span 3
}

:is(#action-area, #main-content) .pager span.pager-no~span:last-of-type:not(.current) {
    font-size: calc(var(--base-font-size)*13/15);
    grid-column: span 3
}

:is(#action-area, #main-content) .pager span.current {
    --wght: var(--ui-hvr-wght);
    background-color: rgb(var(--pager-selected-bg));
    color: rgb(var(--pager-selected-link));
    font-weight: var(--wght);
    margin: 0;
    padding: 0
}

:is(#action-area, #main-content) .pager span.current:before {
    content: "";
    background-color: rgb(var(--pager-selected-bg));
    width: 1em;
    height: 1.5em;
    position: absolute;
    bottom: 0
}

@media only screen and (max-width:30rem) {
    :is(#action-area, #main-content) .pager span.current:before {
        display: none
    }
}

:is(#action-area, #main-content) .pager span.current:not(:last-of-type):before {
    --clip-path: polygon(100% 0, 0 100%, 100% 100%);
    clip-path: var(--clip-path);
    left: -1em
}

:is(#action-area, #main-content) .pager span.current:last-of-type {
    width: calc(100% - 1em)
}

:is(#action-area, #main-content) .pager span.current:last-of-type:before {
    --clip-path: polygon(0 0, 0 100%, 100% 100%);
    clip-path: var(--clip-path);
    right: -1em
}

:is(#action-area, #main-content) .pager span a {
    z-index: 2;
    -webkit-transition: color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    text-overflow: ellipsis;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    padding-left: .25em;
    padding-right: .25em;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    overflow: hidden
}

:is(#action-area, #main-content) .pager span a {
    color: rgb(var(--pager-link))
}

:is(#action-area, #main-content) .pager span a:visited {
    color: rgb(var(--pager-link))
}

:is(#action-area, #main-content) .pager span a:is(:hover, :active, :focus, :focus-within) {
    --wght: var(--ui-hvr-wght);
    color: rgb(var(--pager-link-hover));
    font-weight: var(--wght);
    text-decoration: none
}

:is(#action-area, #main-content) .pager span:is(:hover, :active, :focus, :focus-within):after {
    --clip-path: polygon(0 100%, 100% 115%, 100% 0, 0 -15%)
}

:is(#action-area, #main-content) .pager span.dots:after {
    display: none
}

:is(#action-area, #main-content) .pager span.pager-no:after {
    display: none
}

span.printuser {
    -webkit-box-lines: single;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: max-content;
    height: min-content;
    margin-right: .25ch;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

span.printuser a:first-of-type:not(:last-of-type) {
    height: 1.5em;
    margin: 0 .25ch 0 0;
    display: inline-block
}

span.printuser.deleted img {
    height: 1.5em;
    margin: 0 .25ch 0 0;
    display: inline-block
}

span.printuser a:first-of-type:not(:last-of-type) {
    aspect-ratio: 8/6
}

span.printuser a:first-of-type:not(:last-of-type) img.small {
    aspect-ratio: 1;
    width: calc(100% - .3625rem);
    height: 100%
}

span.printuser img.small {
    object-fit: cover;
    color: transparent;
    background-position: 0;
    background-size: 100% calc(100% + .125rem);
    padding: 0 0 0 .3625rem
}

span.printuser img.small:before {
    content: "";
    padding-bottom: 100%;
    display: block
}

span.printuser.deleted img {
    object-fit: cover;
    color: transparent;
    background-position: 0;
    background-size: 100% calc(100% + .125rem);
    padding: 0 0 0 .3625rem
}

span.printuser.deleted img:before {
    content: "";
    padding-bottom: 100%;
    display: block
}

span.printuser.deleted img {
    object-position: center center;
    width: 1.5em
}

#page-content span.printuser {
    -webkit-align-items: baseline;
    align-items: baseline
}

#page-content span.printuser a:first-of-type {
    -webkit-align-self: center;
    align-self: center
}

a.avatar-hover,
a.avatar-hover:hover {
    z-index: 10
}

#page-title+#page-content>div.info-container {
    margin-top: 1em
}

.info-container .collapsible-block-link {
    line-height: 1.6
}

.info-container:is(:hover, :active, :focus-within) .collapsible-block-link {
    line-height: 1.6
}

div.wiki-note {
    --CRSV: 1;
    --MONO: 0;
    --CASL: 1;
    --note-color: 255, 255, 136;
    width: min(calc(var(--body-width-on-desktop)/2), 90vw);
    background-color: rgb(var(--note-color));
    font-family: var(--mono-font);
    background-blend-mode: overlay, normal;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, .1)), to(rgba(0, 0, 0, .1))), -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .2)));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .2));
    background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .2));
    background-repeat: no-repeat, repeat;
    background-size: 100% 1.5em, contain;
    border: none;
    -webkit-border-radius: .5em .25em/0 0 30% 75%;
    border-radius: .5em .25em/0 0 30% 75%;
    margin: 2em auto;
    padding: 1.25em 1.25em .5em;
    position: relative
}

div.wiki-note:before {
    content: "";
    z-index: -1;
    width: 70%;
    height: 55%;
    max-height: 40%;
    position: absolute;
    bottom: 1.5em;
    -webkit-box-shadow: inset 0 -.5em 1.05em rgba(0, 0, 0, .3), 0 .5em 1.05em rgba(0, 0, 0, .3);
    box-shadow: inset 0 -.5em 1.05em rgba(0, 0, 0, .3), 0 .5em 1.05em rgba(0, 0, 0, .3)
}

div.wiki-note:after {
    content: "";
    z-index: -1;
    width: 70%;
    height: 55%;
    max-height: 40%;
    position: absolute;
    bottom: 1.5em;
    -webkit-box-shadow: inset 0 -.5em 1.05em rgba(0, 0, 0, .3), 0 .5em 1.05em rgba(0, 0, 0, .3);
    box-shadow: inset 0 -.5em 1.05em rgba(0, 0, 0, .3), 0 .5em 1.05em rgba(0, 0, 0, .3)
}

div.wiki-note:before {
    left: 1.35em;
    -webkit-transform: skew(-15deg)rotate(-6deg);
    transform: skew(-15deg)rotate(-6deg)
}

@supports not (rotate:-6deg) {
    div.wiki-note:before {
        -webkit-transform: rotate(-6deg)skew(-15deg);
        transform: rotate(-6deg)skew(-15deg)
    }
}

div.wiki-note:after {
    right: 1.125em;
    -webkit-transform: skew(15deg)rotate(6deg);
    transform: skew(15deg)rotate(6deg)
}

@supports not (rotate:6deg) {
    div.wiki-note:after {
        -webkit-transform: rotate(6deg)skew(15deg);
        transform: rotate(6deg)skew(15deg)
    }
}

.curved {
    -webkit-border-radius: .625rem;
    border-radius: .625rem;
    margin: 0 .625rem
}

.unmargined>p {
    margin: 0;
    line-height: 1
}

.footer-wikiwalk-nav {
    --wght: 700;
    font-size: .75em;
    font-weight: var(--wght);
    letter-spacing: .016em
}

.browserupgrade {
    background: rgb(var(--swatch-secondary-color));
    color: rgb(var(--swatch-text-tertiary-color));
    margin: .2em 0;
    padding: .2em 0
}

div.sexy-box {
    border: .0625rem solid rgb(var(--swatch-border-color).25);
    background: rgb(var(--swatch-background));
    margin: .4375rem .25rem .75rem;
    padding: 0 .625rem .75rem;
    overflow: hidden
}

div.sexy-box div.image-container img.image {
    border: .0625rem solid rgb(var(--swatch-border-color).5);
    margin: .3125rem;
    padding: .125rem
}

.keycap {
    background: rgb(var(--swatch-background));
    box-shadow: 0 -.03125rem 0 rgba(var(--swatch-tertiary-color), .5), 0 .03125em 0 rgb(var(--swatch-secondary-color)), 0 .0625em 0 rgb(var(--swatch-secondary-color)), 0 .125em 0 rgb(var(--swatch-secondary-color)), 0 .125em 0 .0625em rgba(var(--swatch-tertiary-color), .25), 0 .125em 0 .125em rgba(var(--swatch-tertiary-color), .5);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    -webkit-border-radius: .1875em;
    border-radius: .1875em;
    padding: .0625rem .1875rem;
    font-size: .85em;
    display: inline
}

div.keycap {
    margin-top: 1ex;
    margin-bottom: 0;
    display: inline-block
}

.tags {
    --clip-path: polygon(.5rem 0, 100% 0, 100% 100%, .5rem 100%, 0 50%);
    --wght: 500;
    background: rgb(var(--swatch-tertiary-color));
    color: rgb(var(--swatch-text-secondary-color));
    font-size: .6875rem;
    font-weight: var(--wght);
    text-shadow: .0625rem .0625rem .0625rem rgb(var(--swatch-alternate-color));
    clip-path: var(--clip-path);
    -webkit-border-top-right-radius: .25rem;
    border-top-right-radius: .25rem;
    -webkit-border-bottom-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    height: 1.175em;
    margin-top: 1ex;
    margin-bottom: 0;
    padding: .1875rem .3125rem .1875rem 1rem;
    line-height: .8125;
    text-decoration: none;
    display: inline;
    position: relative
}

.tags:after {
    content: "";
    background: rgb(var(--swatch-background));
    box-shadow: -.0625rem -.0625rem .125rem rgb(var(--swatch-alternate-color));
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: .25rem;
    height: .25rem;
    position: absolute;
    top: 50%;
    bottom: auto;
    left: .25rem;
    right: auto;
    translate: 0 -50%
}

@supports not (translate:0 -50%) {
    .tags:after {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

div.tags {
    display: inline-block
}

.odate {
    --MONO: 1;
    font-family: var(--mono-font);
    display: inline
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

div.block-right,
div.block-left {
    min-width: 30%
}

.content-panel {
    --box-shadow-1: rgb(var(--swatch-text-dark).16);
    --box-shadow-2: rgb(var(--swatch-text-dark).23);
    --box-shadow-3: rgb(var(--swatch-tertiary-color));
    background-color: rgb(112 75 102);
    box-shadow: 0 .188em .375em var(--box-shadow-1), 0 .188em .375em var(--box-shadow-2), 0 0 .0625rem 0 var(--box-shadow-3)inset, 0 0 .0625rem 0 var(--box-shadow-3);
    -webkit-border-radius: .625rem;
    border-radius: .625rem;
    margin: .625em 0 .938em
}

.content-panel.standalone {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(248 230 238 0.25);
    padding: 1em 2em 2em !important
}

.content-panel.series {
    margin-bottom: 1.25rem;
    padding: 0 1.25rem
}

.content-panel.centered {
    text-align: center
}

.content-panel.left-column {
    float: left;
    width: 48%
}

.content-panel.right-column {
    float: right;
    width: 48%
}

.content-panel .panel-heading {
    --wght: 700;
    --text-shadow: rgba(var(--swatch-menutxt-dark-color), .35);
    color: rgb(var(--swatch-text-secondary-color));
    font-weight: var(--wght);
    text-align: center;
    text-shadow: .0625rem .0625rem .125rem var(--text-shadow);
    text-transform: uppercase;
    padding: .313em .625em
}

.content-panel .panel-body {
    background: rgb(var(--swatch-tertiary-color));
    padding: .313em .625em
}

.content-panel .panel-body>.news-title {
    --wght: 700;
    font-family: var(--title-font);
    font-size: .9em;
    font-weight: var(--wght);
    text-transform: uppercase
}

.content-panel .panel-footer {
    --text-shadow: rgba(var(--swatch-menutxt-dark-color), .5);
    --wght: 700;
    font-size: .8em;
    font-weight: var(--wght);
    letter-spacing: .016em;
    text-align: right;
    text-shadow: .0625rem .0625rem .125rem var(--text-shadow);
    padding: .0625rem .625rem
}

.content-panel .panel-footer {
    color: rgb(var(--swatch-text-tertiary-color))
}

.content-panel .panel-footer a {
    color:rgb(255 255 255);
}

.content-panel .content-toc {
    --box-shadow: rgba(var(--swatch-menutxt-dark-color)0 .15);
    float: right;
    border: solid .0625rem rgb(var(--swatch-menubg-medium-dark-color));
    background-color: rgb(var(--swatch-tertiary-color));
    box-shadow: inset .0625rem .125rem .375rem var(--box-shadow);
    white-space: nowrap;
    -webkit-border-radius: .625rem;
    border-radius: .625rem;
    margin: 1.25rem 0 .313rem .313rem;
    padding: 0 1.25rem
}

.news-block .alternate:nth-child(2n) {
    background-color: rgba(var(--swatch-menubg-color), .9)
}

@media only screen and (max-width:56.25rem) {
    :root {
        --rating-module-height: 1.5em
    }

    div.block-right,
    div.block-left {
        min-width: 40%;
        margin: 0 auto
    }

    #who-rated-page-area>div {
        grid-template-columns: repeat(2, 1fr auto)
    }

    .footnotes-footer,
    .bibitems {
        width: 100%;
        margin: 1.5em 0 0
    }

    .hovertip {
        max-width: 90vw !important
    }

    :is(div.image-block, div.scp-image-block).block-right {
        max-width: 40vw !important
    }

    :is(div.image-block, div.scp-image-block).block-left {
        max-width: 40vw !important
    }

    :is(div.image-block, div.scp-image-block) img.image[style*=width\:] {
        width: 100% !important
    }

    :is(blockquote, .blockquote, div.blockquote, [class*=blockquote]) {
        margin-left: 0;
        margin-right: 0
    }

    .curved {
        margin: 0
    }

    .content-panel.left-column {
        float: left;
        width: 99%
    }

    .content-panel.right-column {
        float: left;
        width: 99%
    }

    #page-content div#toc {
        min-width: var(--sidebar-width-on-mobile);
        max-width: var(--sidebar-width-on-mobile)
    }

    #toc #toc-list {
        max-width: var(--sidebar-width-on-mobile)
    }
}

#page-content>div.preview {
    display: none
}

body.print-body {
    --body-width-on-desktop: calc(100vw - (100vw - 100%));
    --header-width-on-desktop: calc(100vw - (100vw - 100%));
    background: #fff
}

body.print-body pre {
    background: 0 0
}

body.print-body blockquote {
    background: 0 0
}

body.print-body .blockquote {
    background: 0 0
}

body.print-body [class*=blockquote] {
    background: 0 0
}

body.print-body #side-bar {
    display: none
}

body.print-body #search-top-box {
    display: none
}

body.print-body #login-status {
    display: none
}

body.print-body #page-options-container {
    display: none
}

body.print-body #container {
    grid-template-areas: "print-options" "print-head" "content-wrap" "print-hr" "license"
}

body.print-body #container>hr {
    grid-area: print-hr
}

body.print-body #print-options {
    font-family: var(--UI-font);
    grid-area: print-options
}

body.print-body #print-options tbody {
    gap: .25em;
    display: grid
}

body.print-body #print-options tr {
    grid-template-columns: 10rem 1fr;
    gap: .5em;
    display: grid
}

body.print-body #print-options tr>td:first-of-type {
    --wght: 600;
    background-color: rgb(var(--swatch-primary));
    color: rgb(var(--swatch-text-secondary-color));
    font-weight: var(--wght);
    text-transform: uppercase;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

body.print-body #print-options tr>td:last-of-type {
    color: transparent;
    grid-template-columns: repeat(6, 1fr .25em);
    display: grid
}

body.print-body #print-options tr>td b {
    display: contents
}

body.print-body #print-options tr>td b a {
    --wght: calc(var(--ui-wght) + 100);
    font-weight: var(--wght)
}

body.print-body #print-options tr>td b a:is(:hover, :active, :focus, :focus-within) {
    --wght: calc(var(--ui-hvr-wght) + 100);
    font-weight: var(--wght)
}

body.print-body #print-options tr>td b a:visited {
    --wght: calc(var(--ui-wght) + 100);
    font-weight: var(--wght)
}

body.print-body #print-options tr>td b a:visited:is(:hover, :active, :focus, :focus-within) {
    --wght: calc(var(--ui-hvr-wght) + 100);
    font-weight: var(--wght)
}

body.print-body #print-options a {
    --wght: var(--ui-wght);
    z-index: 2;
    -webkit-transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    transition: border-color .2s var(--ease-in-out), box-shadow .2s var(--ease-in-out), color .15s var(--ease-in-out), background-color .15s var(--ease-in-out), font-weight .2s var(--ease-in-out), font-variation-settings .2s var(--ease-in-out);
    border: .0625rem solid rgba(var(--swatch-primary), .05);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-bg));
    box-shadow: -.125rem 0 .25rem 0 rgba(var(--swatch-tertiary-color), .25), inset 0 -.0625rem 0 0 rgba(var(--swatch-tertiary-color), .75), 0 0 0 0 rgb(var(--ui-button-bg));
    color: rgb(var(--ui-button-txt));
    font-family: var(--UI-font);
    font-weight: var(--wght);
    will-change: border-color, box-shadow, color, background-color, font-weight, font-variation-settings;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-width: 5em;
    margin: 0;
    padding: .25em;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
    overflow: hidden;
    container-type: normal
}

@supports (font-size:0.75cqi) {
    body.print-body #print-options a {
        font-size: calc(max(var(--min-font-size), min(.75cqi, var(--max-font-size)))*1.8)
    }
}

body.print-body #print-options a:is(:hover, :active, :focus, :focus-within) {
    --wght: var(--ui-hvr-wght);
    outline: 0 solid rgb(var(--swatch-primary));
    background-color: rgb(var(--ui-button-hover-bg));
    box-shadow: 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), inset 0 0 0 0 rgba(var(--swatch-tertiary-color), 0), 0 0 0 .125rem rgb(var(--ui-button-hover-outline));
    color: rgb(var(--ui-button-hover-txt));
    font-weight: var(--wght);
    cursor: pointer;
    border-color: transparent;
    text-decoration: none
}

@supports (font-size:1cqi) {
    body.print-body #print-options a {
        font-size: max(var(--min-font-size), min(.75cqi, var(--max-font-size)))
    }
}

body.print-body #print-options a[onclick*=Georgia] {
    font-family: Georgia, serif
}

body.print-body #print-options a[onclick*=roman] {
    font-family: Times New Roman, Times, serif
}

body.print-body #print-options a[onclick*=serif] {
    font-family: serif
}

body.print-body #print-options a[onclick*=arial] {
    font-family: Arial, Helvetica, sans-serif
}

body.print-body #print-head {
    font-family: var(--UI-font);
    grid-area: print-head;
    padding-right: 1em
}

body.print-body #content-wrap {
    grid-template-columns: 1fr;
    grid-template-areas: "content"
}

body.print-body #main-content .page-tags {
    margin-top: 1rem
}

body.print-body #main-content .page-tags span {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

@media print {
    :root {
        --background-gradient-color: var(--swatch-background);
        --body-width-on-desktop: calc(100vw - (100vw - 100%));
        --header-width-on-desktop: calc(100vw - (100vw - 100%))
    }

    *,
    :before,
    :after {
        break-inside: avoid
    }

    :is(pre, blockquote, .blockquote) {
        break-inside: avoid;
        background: 0 0
    }

    :is(p, h1, h2, h3, h4, h5, h6) {
        break-inside: avoid
    }

    :is(h1, h2, h3, h4, h5, h6) {
        break-after: avoid
    }

    :is(table, img, svg) {
        break-inside: avoid
    }

    :is(#side-bar, #search-top-box, #login-status, #page-options-container) {
        display: none
    }

    #content-wrap {
        grid-template-columns: 1fr;
        grid-template-areas: "content"
    }

    #main-content .page-tags {
        margin-top: 1rem
    }

    #main-content .page-tags span {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

    #page-title {
        break-inside: avoid;
        break-after: avoid
    }

    #print-head {
        break-before: avoid;
        break-after: avoid
    }
}

@media (prefers-reduced-motion) {

    *,
    :before,
    :after {
        -webkit-transition-duration: 0s !important;
        transition-duration: 0s !important;
        -webkit-transition-delay: 0s !important;
        transition-delay: 0s !important;
        -webkit-transition-timing-function: linear !important;
        transition-timing-function: linear !important
    }
}

:root:where(:lang(cs)) {
    --text-creditview-back: "Zpět";
    --text-tableofcontents: "Obsah"
}

:root:where(:lang(fr)) {
    --text-creditview-back: "Retour";
    --text-tableofcontents: "Sommaire"
}

:root:where(:lang(de)) {
    --text-creditview-back: "Zurück";
    --text-tableofcontents: "Inhalt"
}

:where(:lang(de)) .page-rate-widget-box {
    background-color: rgb(var(--rating-module-bg-color)) !important
}

:where(:lang(de)) #page-content .rate-box-with-credit-button {
    background-color: rgb(var(--rating-module-bg-color)) !important
}

:root:where(:lang(el)) {
    --text-creditview-back: "Πίσω";
    --text-tableofcontents: "Πίνακας περιεχομένων"
}

:root:where(:lang(it)) {
    --text-creditview-back: "Indietro";
    --text-tableofcontents: "Indice dei contenuti"
}

:root:where(:lang(ja)) {
    --text-creditview-back: "閉じる";
    --text-tableofcontents: "目次"
}

:root:where(:lang(ko)) {
    --text-creditview-back: "뒤로";
    --text-tableofcontents: "목차"
}

:root:where(:lang(pl)) {
    --text-creditview-back: "Powrót";
    --text-tableofcontents: "Spis Treści"
}

:root:where(:lang(pt-br)) {
    --text-creditview-back: "Voltar";
    --text-tableofcontents: "Índice"
}

:where(:lang(pt-br)) .INT-box>a>img {
    width: 100%
}

:root:where(:lang(cn)) {
    --text-creditview-back: "返回";
    --text-tableofcontents: "目录"
}

:root:where(:lang(es)) {
    --text-creditview-back: "Volver";
    --text-tableofcontents: "Tabla de Contenidos"
}

:root:where(:lang(zh)) {
    --text-creditview-back: "返回";
    --text-tableofcontents: "目录"
}

:root:where(:lang(vi)) {
    --text-tableofcontents: "Mục Lục"
}