/* BEGIN VARIABLES */
:root, :root.light {
    --light-bg-color-1: #ffffff;
    --light-bg-color-2: #fcfcfd;
    --light-bg-color-3: #f8f9fa;
    --light-border-color: rgba(0, 0, 0, 0.071);
    --light-heading-color: #212529;
    --light-text-color: #111111;
    --light-faded-text-color: #8a8a8a;
    --light-annotation-color: #b15422;
    --light-keyword-color: #030303;
    --light-name-color: #b12250;
    --light-type-color: #3061c4;
    --light-kind-color: #8a8a8a;
    --light-effect-color: #d4671e;
    --light-doc-code-color: #d63384;
    --light-show-hide-color: #0d6efd;
    --light-show-hide-hover-color: #0a58ca;
    --light-module-color: #a0a5ff;
    --light-signature-color: #dfa0ff;
    --light-trait-def-color: #bfb280;
    --light-traits-color: #fc9d9a;
    --light-enum-color: #c8c8a9;
    --light-op-color: #ccaeff;
    --light-eff-color: #ffaefa;
    --light-type-alias-color: #f9cdad;
    --light-def-color: #83af9b;
    --light-shadow-color: rgba(0, 0, 0, 0.05);
    --light-highlight-color: rgba(0, 0, 0, 0.3);

    --dark-bg-color-1: #151719;
    --dark-bg-color-2: #101214;
    --dark-bg-color-3: #0e0f11;
    --dark-border-color: rgba(255, 255, 255, 0.07);
    --dark-heading-color: #e6e6e6;
    --dark-text-color: #f7f7f7;
    --dark-faded-text-color: #8a8a8a;
    --dark-annotation-color: #e7a37e;
    --dark-keyword-color: #fcfcfc;
    --dark-name-color: #ff6696;
    --dark-type-color: #6699ff;
    --dark-kind-color: #999999;
    --dark-effect-color: #ff944d;
    --dark-doc-code-color: #ff66b3;
    --dark-show-hide-color: #68a4fd;
    --dark-show-hide-hover-color: #3c86f6;
    --dark-module-color: #a0a5ff;
    --dark-signature-color: #dfa0ff;
    --dark-trait-def-color: #bfb280;
    --dark-traits-color: #fc9d9a;
    --dark-enum-color: #c8c8a9;
    --dark-op-color: #ccaeff;
    --dark-eff-color: #ffaefa;
    --dark-type-alias-color: #f9cdad;
    --dark-def-color: #83af9b;
    --dark-shadow-color: rgba(0, 0, 0, 0.3);
    --dark-highlight-color: hsla(50, 0%, 100%, 0.3);

    --bg-color-1: var(--light-bg-color-1);
    --bg-color-2: var(--light-bg-color-2);
    --bg-color-3: var(--light-bg-color-3);
    --border-color: var(--light-border-color);
    --heading-color: var(--light-heading-color);
    --text-color: var(--light-text-color);
    --faded-text-color: var(--light-faded-text-color);
    --annotation-color: var(--light-annotation-color);
    --keyword-color: var(--light-keyword-color);
    --name-color: var(--light-name-color);
    --type-color: var(--light-type-color);
    --kind-color: var(--light-kind-color);
    --effect-color: var(--light-effect-color);
    --doc-code-color: var(--light-doc-code-color);
    --show-hide-color: var(--light-show-hide-color);
    --show-hide-hover-color: var(--light-show-hide-hover-color);
    --module-color: var(--light-module-color);
    --signature-color: var(--light-signature-color);
    --trait-def-color: var(--light-trait-def-color);
    --traits-color: var(--light-traits-color);
    --enum-color: var(--light-enum-color);
    --op-color: var(--light-op-color);
    --eff-color: var(--light-eff-color);
    --type-alias-color: var(--light-type-alias-color);
    --def-color: var(--light-def-color);
    --shadow-color: var(--light-shadow-color);
    --highlight-color: var(--light-highlight-color);
    color-scheme: light;

    --border: 1px solid var(--border-color);
    --blur-transition: filter 0.3s;
}
@media (prefers-color-scheme: dark) {
    :root {
        --bg-color-1: var(--dark-bg-color-1);
        --bg-color-2: var(--dark-bg-color-2);
        --bg-color-3: var(--dark-bg-color-3);
        --border-color: var(--dark-border-color);
        --heading-color: var(--dark-heading-color);
        --text-color: var(--dark-text-color);
        --faded-text-color: var(--dark-faded-text-color);
        --annotation-color: var(--dark-annotation-color);
        --keyword-color: var(--dark-keyword-color);
        --name-color: var(--dark-name-color);
        --type-color: var(--dark-type-color);
        --kind-color: var(--dark-kind-color);
        --effect-color: var(--dark-effect-color);
        --doc-code-color: var(--dark-doc-code-color);
        --show-hide-color: var(--dark-show-hide-color);
        --show-hide-hover-color: var(--dark-show-hide-hover-color);
        --module-color: var(--dark-module-color);
        --signature-color: var(--dark-signature-color);
        --trait-def-color: var(--dark-trait-def-color);
        --traits-color: var(--dark-traits-color);
        --enum-color: var(--dark-enum-color);
        --op-color: var(--dark-op-color);
        --eff-color: var(--dark-eff-color);
        --type-alias-color: var(--dark-type-alias-color);
        --def-color: var(--dark-def-color);
        --shadow-color: var(--dark-shadow-color);
        --highlight-color: var(--dark-highlight-color);
        color-scheme: dark;
    }
}
:root.dark {
    --bg-color-1: var(--dark-bg-color-1);
    --bg-color-2: var(--dark-bg-color-2);
    --bg-color-3: var(--dark-bg-color-3);
    --border-color: var(--dark-border-color);
    --heading-color: var(--dark-heading-color);
    --text-color: var(--dark-text-color);
    --faded-text-color: var(--dark-faded-text-color);
    --annotation-color: var(--dark-annotation-color);
    --keyword-color: var(--dark-keyword-color);
    --name-color: var(--dark-name-color);
    --type-color: var(--dark-type-color);
    --kind-color: var(--dark-kind-color);
    --effect-color: var(--dark-effect-color);
    --doc-code-color: var(--dark-doc-code-color);
    --show-hide-color: var(--dark-show-hide-color);
    --show-hide-hover-color: var(--dark-show-hide-hover-color);
    --module-color: var(--dark-module-color);
    --signature-color: var(--dark-signature-color);
    --trait-def-color: var(--dark-trait-def-color);
    --traits-color: var(--dark-traits-color);
    --enum-color: var(--dark-enum-color);
    --op-color: var(--dark-op-color);
    --eff-color: var(--dark-eff-color);
    --type-alias-color: var(--dark-type-alias-color);
    --def-color: var(--dark-def-color);
    --shadow-color: var(--dark-shadow-color);
    --highlight-color: var(--dark-highlight-color);
    color-scheme: dark;
}
/* END VARIABLES */



/* BEGIN GLOBAL STYLES */
* {
    box-sizing: border-box;

    /* When overriding this property, make sure to include this transition */
    transition: var(--blur-transition);
}

html, body {
    min-height: 100dvh;
    margin: 0;
    padding: 0;
}

h1, h2 {
    color: var(--heading-color);
    margin-top: 0;
    line-height: 1.2;
}

h1 {
    font-family: "Oswald", sans-serif;
    font-size: 4.5rem;
    font-weight: 300;
    margin-bottom: 3rem;
}

h2 {
    font-family: "Oswald", sans-serif;
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 1.5rem;
}

h3 {
    display: inline;
    font-family: "Inter", sans-serif;
    font-size: 0.9rem;
    font-weight: 200;
    color: var(--heading-color);
}

a {
    color: var(--text-color);
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

button, input {
    background-color: transparent;
    border: none;
    font-family: inherit;
    font-size: inherit;
}
button, input[type="checkbox"] {
    cursor: pointer;
}

::placeholder {
    color: var(--faded-text-color);
    opacity: 1;
}

kbd {
    border: var(--border);
    border-radius: 0.2em;
    padding: 0 0.25em;
    background-color: var(--bg-color-1);
}

@media screen and (max-width: 800px) {
    .keyboard-shortcut {
        display: none;
    }
}

@media (prefers-reduced-motion) {
    * {
        transition: none !important;
        animation: none !important;
    }
}
/* END GLOBAL STYLES */



body {
    display: grid;
    --header-height: 2.8rem;
    grid-template-areas:
        "header header"
        "nav main";
    grid-template-columns: auto 1fr;
    grid-template-rows: var(--header-height) 1fr;


    font-family: "Noto Sans", sans-serif;
    color: var(--text-color);
}
@media screen and (max-width: 800px) {
    body {
        display: block;
    }
}

header {
    grid-area: header;
    position: sticky;
    top: 0;

    display: flex;
    gap: 0.5rem;
    background-color: var(--bg-color-1);
    box-shadow: 0 0 10px 0 var(--shadow-color);
    border-bottom: var(--border);
    padding: 0.5rem 1rem;
    z-index: 2; /* Cast shadows to the top layer */
}
@media screen and (max-width: 800px) {
    header {
        position: fixed;
        top: unset;
        bottom: 0;
        width: 100dvw;

        border-bottom: none;
        border-top: var(--border);
    }
}

.flix {
    display: flex;
    gap: 0.3rem;
    align-items: baseline;
}
.flix > h2 {
    font-weight: 700;
    display: inline-block;
    margin-bottom: 0;
    font-size: 1.5rem;
}
.flix > .version {
    color: var(--faded-text-color);
    font-size: 0.7rem;
}

header > .spacer {
    width: 100%;
}

.icon {
    /* The artwork of each icon is appended to this stylesheet by HtmlDocumentor, as a `--icon`
       mask. Masking, rather than embedding the SVG as an image, lets the icon take the `color` of
       its parent. */
    display: block;
    flex: none;
    width: 20px;
    height: 20px;
    background-color: currentColor;
    -webkit-mask: var(--icon) center / contain no-repeat;
    mask: var(--icon) center / contain no-repeat;
}

header > .toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--faded-text-color);
}
header > .toggle:hover {
    color: var(--text-color)
}

.no-script #theme-toggle .light.icon,
:root.light #theme-toggle .light.icon {
    display: none;
}
@media (prefers-color-scheme: dark) {
    .no-script #theme-toggle .dark.icon {
        display: none;
    }
}
:root.dark #theme-toggle .dark.icon {
    display: none;
}

#menu-toggle {
    display: none;
    position: relative;
}
#menu-toggle > input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}
#menu-toggle:has(input:checked) > .open.icon {
    display: none;
}
#menu-toggle:has(input:not(:checked)) > .close.icon {
    display: none;
}
@media screen and (max-width: 800px) {
    #menu-toggle {
        display: flex;
    }
}

nav {
    grid-area: nav;

    position: sticky;
    top: var(--header-height);
    height: calc(100dvh - var(--header-height));

    background-color: var(--bg-color-1);
    box-shadow: 0 0 10px 0 var(--shadow-color);
    border-right: var(--border);
    box-sizing: border-box;
    padding: 0.5rem 1rem;
    width: 20rem;
    overflow-y: auto;
    z-index: 1;
}
@media screen and (max-width: 800px) {
    nav {
        position: fixed;
        top: 20%;
        width: 100%;
        bottom: 0;
        border: none;
        background-color: var(--bg-color-1);
        border-radius: 0.5rem;
        box-shadow: 0 0 10px 0 var(--shadow-color);
        border-top: var(--border);
        padding-bottom: 3rem;

        transform: translateY(100%);
        transition: transform 0.2s, var(--blur-transition);
    }
    :root:has(#menu-toggle input:checked) nav {
        transform: translateY(0);
    }
}
nav > .back {
    display: flex;
    gap: 0.1rem;
    margin-bottom: 1rem;
}
nav ul {
    margin-top: 0.2rem;
    padding-left: 0.5rem;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    list-style: none;
}
nav li {
    margin-bottom: 0.1rem;
}
nav li::before {
    content: "●";
    margin-right: 0.3rem;
}
nav .Modules li::before {
    color: var(--module-color);
}
nav .Signatures li::before {
    color: var(--signature-color);
}
nav .Trait-Definitions li::before {
    color: var(--trait-def-color);
}
nav .Traits li::before {
    color: var(--traits-color);
}
nav .Enums li::before {
    color: var(--enum-color);
}
nav .Operations li::before {
    color: var(--op-color);
}
nav .Effects li::before {
    color: var(--eff-color);
}
nav .Type-Aliases li::before {
    color: var(--type-alias-color);
}
nav .Definitions li::before,
nav .Module-Definitions li::before {
    color: var(--def-color);
}

main {
    grid-area: main;

    padding: 1rem 10%;
    overflow-y: auto;
    scroll-behavior: smooth;
    background-color: var(--bg-color-2);
}
@media screen and (max-width: 800px) {
    main {
        padding: 1rem 5%;
        min-height: 100dvh;
    }
    :root:has(#menu-toggle input:checked) main {
        filter: blur(10px) contrast(0.8);
        pointer-events: none;
    }
}

main h2 {
    font-family: "Oswald", sans-serif;
}

.box {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    margin-left: -0.75rem;
    margin-right: -0.75rem;

    box-shadow: 0 0 10px 0 var(--shadow-color);
    background-color: var(--bg-color-1);
    border: var(--border);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0.8rem;
    border-radius: 0.2rem;
    box-sizing: border-box;
    overflow: auto;
}
.box:last-of-type {
    margin-bottom: 3rem;
}
.box:target {
    box-shadow: 0 0 14px 0 var(--highlight-color);
}
.box code {
    font-size: 0.85rem;
}

.subsection {
    margin-top: 1rem;
    padding-left: 1.5rem;
}
.subsection h3 {
    margin-left: -1.5rem;
}
.subsection > summary {
    cursor: pointer;
    list-style: none;
}
.subsection > summary::after {
    content: "(show)";
    font-size: 0.875em;
    margin-left: 0.3rem;
    color: var(--show-hide-color);
}
.subsection > summary:hover::after {
    text-decoration: underline;
    color: var(--show-hide-hover-color);
}
.subsection[open] > summary::after {
    content: "(hide)";
}

.subsection > div {
    padding: 0.5rem 0;
}
.subsection > div:not(:last-child) {
    border-bottom: var(--border);
}

.decl {
    display: flex;
    gap: 0.2rem;
    align-items: center;
}
.decl > code {
    flex: 1;
}
.decl > * {
    height: fit-content;
}

.actions {
    float: right;
    display: flex;
    gap: 0.2rem;
    color: var(--faded-text-color);
}

.actions > * {
    color: inherit;
    font-family: "Inter", sans-serif;
    font-size: 0.75rem;
    text-decoration: none;
    background-color: var(--bg-color-3);
    padding: 0.2em 0.65em;
    border-radius: 0.375rem;
    border: var(--border);
}
.actions > *:hover {
    color: var(--text-color);
}

.actions > .copy-link {
    text-decoration: none;
    box-sizing: border-box;
    height: 1.4rem;
    min-width: 1.4rem;
    padding: 0.2em;
    /* Center the section sign within the button. */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    line-height: 1;
}

.copy-link-msg {
    font-size: 0.8rem;
    background-color:var(--shadow-color);
    padding: 0.1rem 0.4rem;
    border-radius: 0.2rem;
    pointer-events: none;

    animation: fade-out 1s ease-in;
}
@keyframes fade-out {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateY(-20px);
    }
}

.cases {
    margin-left: 1rem;
    margin-top: 0.7rem;
    margin-bottom: 0.7rem;
}
.cases > code {
    display: block;
}
.case-tag {
    font-style: italic;
    margin-right: 0.1em;
}

.doc {
    margin-left: 1rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;

    font-size: 0.8rem;
}
.doc p {
    margin-top: 0;
    margin-bottom: 1rem;
}
.doc p:last-child {
    margin-bottom: 0;
}
.box .doc code {
    color: var(--doc-code-color);
}

.mod-doc {
    margin-top: 0.5rem;
    margin-bottom: 1rem;

    max-width: 60rem;

    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
}
.mod-doc p {
    margin-top: 0;
    margin-bottom: 1rem;
}
.mod-doc p:last-child {
    margin-bottom: 0;
}

code {
    font-family: "Fira Code", monospace;
}
code a {
    color: inherit;
    text-decoration: inherit;
}
code.annotations {
    display: block;
}
code .annotation {
    color: var(--annotation-color);
}
code .keyword {
    color: var(--keyword-color);
}
code .name {
    color: var(--name-color);
}
code .type {
    color: var(--type-color);
}
code .kind {
    color: var(--kind-color);
}
code .effect {
    color: var(--effect-color);
}
code .tpe-constraint {
    text-decoration: underline;
}

.back.icon { --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2220px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2220px%22%20fill%3D%22currentColor%22%20aria-label%3D%22Back%20Icon%22%3E%3Cpath%20d%3D%22m343.15-438.5%20166.89%20166.89q12.46%2012.46%2012.58%2029.35.12%2016.89-12.55%2030.04-12.68%2012.2-29.57%2012.08-16.89-.12-29.37-12.62L213.34-450.84q-6.12-6.13-9.22-13.64-3.1-7.51-3.1-15.68t3.1-15.68q3.1-7.51%208.81-13.23L451.17-747.3q12.92-12.92%2029.74-12.92%2016.81%200%2029.16%2012.92%2012.67%2012.34%2012.67%2029.27%200%2016.94-12.52%2029.46L343.15-521.5h391.51q17.44%200%2029.45%2011.96%2012.02%2011.97%2012.02%2029.33t-12.02%2029.54q-12.01%2012.17-29.45%2012.17H343.15Z%22%2F%3E%3C%2Fsvg%3E") }
.close.icon { --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2220px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2220px%22%20fill%3D%22currentColor%22%20aria-label%3D%22Close%20Icon%22%3E%3Cpath%20d%3D%22M480-421.35%20319.83-261.17Q307.15-248.5%20291-249t-28.83-13.17q-12.67-12.68-12.67-29.33t12.67-29.33L421.35-480%20261.17-640.17Q248.5-652.85%20249-669.5t13.17-29.33q12.68-12.67%2029.33-12.67t29.33%2012.67L480-538.65l160.17-160.18q12.68-12.67%2029.33-12.67t29.33%2012.67q12.67%2012.68%2012.67%2029.33t-12.67%2029.33L538.65-480l160.18%20160.17Q711.5-307.15%20711.5-291t-12.67%2028.83q-12.68%2012.67-29.33%2012.67t-29.33-12.67L480-421.35Z%22%2F%3E%3C%2Fsvg%3E") }
.dark.icon { --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2220px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2220px%22%20fill%3D%22currentColor%22%20aria-label%3D%22Dark%20Mode%20Icon%22%3E%3Cpath%20d%3D%22M480.24-140.41q-142.63%200-241.23-98.48t-98.6-241.14q0-123.9%2078.74-218.9t205.41-115.65q14.29-3.33%2025.94%201.95%2011.65%205.28%2018.52%2014.52%206.87%209.24%208.61%2022.2%201.74%2012.95-3.83%2026.11-10.89%2022.04-17.31%2046.15-6.42%2024.11-6.42%2048%200%2086.69%2059.82%20146.38%2059.83%2059.68%20146.72%2059.68%2024.32%200%2048.46-5.94%2024.13-5.95%2045.93-17.08%2012.91-5.8%2025.13-3.61%2012.22%202.2%2020.63%208.63%209.35%206.44%2014.63%2017.73%205.28%2011.3%202.09%2025.45Q795.17-300%20700.63-220.21q-94.54%2079.8-220.39%2079.8Zm-1-83q76.7%200%20138.72-41.23%2062.02-41.22%2092.41-108.27-17.61%204.04-34.1%206.32-16.49%202.29-32.86%201.81-113.31-4.07-193.08-83.35-79.76-79.28-84.31-194.68-.24-15.97%201.93-32.58%202.16-16.61%206.44-33.98-66.82%2030.48-108.28%2092.58-41.46%2062.11-41.46%20138.53%200%20106.19%2074.56%20180.52%2074.56%2074.33%20180.03%2074.33Zm-11.11-243.48Z%22%2F%3E%3C%2Fsvg%3E") }
.light.icon { --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2220px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2220px%22%20fill%3D%22currentColor%22%20aria-label%3D%22Light%20Mode%20Icon%22%3E%3Cpath%20d%3D%22M480-371q45.46%200%2077.23-31.77Q589-434.54%20589-480q0-45.46-31.77-77.23Q525.46-589%20480-589q-45.46%200-77.23%2031.77Q371-525.46%20371-480q0%2045.46%2031.77%2077.23Q434.54-371%20480-371Zm-.23%2083Q400-288%20344-344.23q-56-56.22-56-136Q288-560%20344.23-616q56.22-56%20136-56Q560-672%20616-615.77q56%2056.22%2056%20136Q672-400%20615.77-344q-56.22%2056-136%2056ZM84-438.5q-17.45%200-29.48-11.96-12.02-11.97-12.02-29.33t12.02-29.54Q66.55-521.5%2084-521.5h96q17.45%200%2029.48%2011.96%2012.02%2011.97%2012.02%2029.33t-12.02%2029.54Q197.45-438.5%20180-438.5H84Zm696%200q-17.45%200-29.48-11.96-12.02-11.97-12.02-29.33t12.02-29.54Q762.55-521.5%20780-521.5h96q17.45%200%2029.48%2011.96%2012.02%2011.97%2012.02%2029.33t-12.02%2029.54Q893.45-438.5%20876-438.5h-96Zm-299.79-300q-17.36%200-29.54-12.02Q438.5-762.55%20438.5-780v-96q0-17.45%2011.96-29.48%2011.97-12.02%2029.33-12.02t29.54%2012.02Q521.5-893.45%20521.5-876v96q0%2017.45-11.96%2029.48-11.97%2012.02-29.33%2012.02Zm0%20696q-17.36%200-29.54-12.02Q438.5-66.55%20438.5-84v-96q0-17.45%2011.96-29.48%2011.97-12.02%2029.33-12.02t29.54%2012.02Q521.5-197.45%20521.5-180v96q0%2017.45-11.96%2029.48-11.97%2012.02-29.33%2012.02ZM238.17-662.93l-50-51q-12.67-11.68-12.67-28.33t12.67-29.57q11.87-12.67%2028.81-12.67%2016.93%200%2028.85%2012.67l51.24%2050q12.67%2012.38%2012.55%2029.24-.12%2016.86-12.55%2029.48-11.68%2012.61-28.95%2012.85-17.27.24-29.95-12.67Zm476%20474.76-51.24-50q-12.67-12.11-12.67-28.92%200-16.82%2012.67-29.74%2011.68-12.67%2028.95-12.67t29.95%2012.67l50%2050.76q12.67%2011.68%2012.67%2028.33t-12.2%2029.57q-12.91%2012.67-29.06%2012.67t-29.07-12.67Zm-51.06-474.76q-12.61-11.68-12.61-28.95t12.67-29.95l50.76-50q12.68-12.67%2028.83-12.17t29.07%2012.22q12.67%2012.39%2012.67%2028.54t-12.67%2029.07l-50%2051.24q-12.38%2012.67-29.24%2012.55-16.86-.12-29.48-12.55ZM188.17-188.17q-12.67-11.87-12.67-28.81%200-16.93%2012.67-28.85l50-51.24q12.11-11.67%2028.92-11.67%2016.82%200%2029.74%2011.67%2012.67%2012.68%2012.21%2029.62-.46%2016.94-12.21%2029.28l-50.76%2050q-11.68%2012.67-28.33%2012.67t-29.57-12.67ZM480-480Z%22%2F%3E%3C%2Fsvg%3E") }
.open.icon { --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2220px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2220px%22%20fill%3D%22currentColor%22%20aria-label%3D%22Menu%20Icon%22%3E%3Cpath%20d%3D%22M177.37-252.28q-17.45%200-29.48-11.97-12.02-11.96-12.02-29.32t12.02-29.54q12.03-12.17%2029.48-12.17h605.26q17.45%200%2029.48%2011.96%2012.02%2011.96%2012.02%2029.33%200%2017.36-12.02%2029.53-12.03%2012.18-29.48%2012.18H177.37Zm0-186.22q-17.45%200-29.48-11.96-12.02-11.97-12.02-29.33t12.02-29.54q12.03-12.17%2029.48-12.17h605.26q17.45%200%2029.48%2011.96%2012.02%2011.97%2012.02%2029.33t-12.02%2029.54q-12.03%2012.17-29.48%2012.17H177.37Zm0-186.22q-17.45%200-29.48-11.96-12.02-11.96-12.02-29.33%200-17.36%2012.02-29.53%2012.03-12.18%2029.48-12.18h605.26q17.45%200%2029.48%2011.97%2012.02%2011.96%2012.02%2029.32t-12.02%2029.54q-12.03%2012.17-29.48%2012.17H177.37Z%22%2F%3E%3C%2Fsvg%3E") }