:root {
    --md-text-font: "Verdana";

    /* Mark external links as such. */
    a.external::after,
    a.autorefs-external::after {
        /* https://primer.style/octicons/arrow-up-right-24 */
        mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.25 15.5a.75.75 0 00.75-.75v-9a.75.75 0 00-.75-.75h-9a.75.75 0 000 1.5h7.19L6.22 16.72a.75.75 0 101.06 1.06L17.5 7.56v7.19c0 .414.336.75.75.75z"></path></svg>');
        -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.25 15.5a.75.75 0 00.75-.75v-9a.75.75 0 00-.75-.75h-9a.75.75 0 000 1.5h7.19L6.22 16.72a.75.75 0 101.06 1.06L17.5 7.56v7.19c0 .414.336.75.75.75z"></path></svg>');
        content: ' ';

        display: inline-block;
        vertical-align: middle;
        position: relative;

        height: 1em;
        width: 1em;
        background-color: currentColor;
    }

    a.external:hover::after,
    a.autorefs-external:hover::after {
        background-color: var(--md-accent-fg-color);
        transition: background-color 0.2s ease-in-out;
    }
}

.md-social__link svg {
    width: 1.7em;
    height: 1.7em;
    max-width: 1.7em;
    max-height: 1.7em;
}

.md-grid {
    max-width: initial;
}

.md-annotation__index:after {
    background-color: #51BDCB;
}

[data-md-color-scheme="wingmen-light"] {
    color-scheme: light;
    --md-primary-fg-color: #27285D;
    --md-primary-fg-color--light: #F2F2F2;
    --md-primary-fg-color--dark: #27285D;
    --md-primary-bg-color: #F2F2F2;
}

.md-nav__item--section>.md-nav__link[for] {
    color: var(--md-color-on-background);
}

[data-md-color-scheme="wingmen-dark"] {

    color-scheme: dark;



    --md-primary-fg-color: #27285D;
    --md-primary-fg-color--light: #27285D;
    --md-primary-fg-color--dark: #51BDCB;
    --md-code-hl-color--light: #2977ff1a;
    --md-code-hl-color: #4287ff;
    --md-code-hl-color--light: #4287ff1a;
    --md-default-fg-color: hsla(var(--md-hue), 15%, 90%, 0.82);
    --md-default-fg-color--light: hsla(var(--md-hue), 15%, 90%, 0.56);
    --md-default-fg-color--lighter: hsla(var(--md-hue), 15%, 90%, 0.32);
    --md-default-fg-color--lightest: hsla(var(--md-hue), 15%, 90%, 0.12);
    --md-default-bg-color: hsla(var(--md-hue), 15%, 14%, 1);
    --md-default-bg-color--light: hsla(var(--md-hue), 15%, 14%, 0.54);
    --md-default-bg-color--lighter: hsla(var(--md-hue), 15%, 14%, 0.26);
    --md-default-bg-color--lightest: hsla(var(--md-hue), 15%, 14%, 0.07);

    --md-code-fg-color: hsla(var(--md-hue), 18%, 86%, 0.82);
    --md-code-bg-color: hsla(var(--md-hue), 15%, 18%, 1);


    --md-code-hl-number-color: hsla(6, 74%, 63%, 1);
    --md-code-hl-special-color: hsla(340, 83%, 66%, 1);
    --md-code-hl-function-color: hsla(291, 57%, 65%, 1);
    --md-code-hl-constant-color: hsla(250, 62%, 70%, 1);
    --md-code-hl-keyword-color: hsla(219, 66%, 64%, 1);
    --md-code-hl-string-color: hsla(150, 58%, 44%, 1);
    --md-code-hl-name-color: var(--md-code-fg-color);
    --md-code-hl-operator-color: var(--md-default-fg-color--light);
    --md-code-hl-punctuation-color: var(--md-default-fg-color--light);
    --md-code-hl-comment-color: var(--md-default-fg-color--light);
    --md-code-hl-generic-color: var(--md-default-fg-color--light);
    --md-code-hl-variable-color: var(--md-default-fg-color--light);


    --md-typeset-color: var(--md-default-fg-color);

    --md-typeset-a-color: #51BDCB;
    --md-typeset-kbd-color: hsla(var(--md-hue), 15%, 90%, 0.12);
    --md-typeset-kbd-accent-color: hsla(var(--md-hue), 15%, 90%, 0.2);
    --md-typeset-kbd-border-color: hsla(var(--md-hue), 15%, 14%, 1);


    --md-typeset-table-color: hsla(var(--md-hue), 15%, 95%, 0.12);
    --md-typeset-table-color--light: hsla(var(--md-hue), 15%, 95%, 0.035);

    --md-admonition-fg-color: var(--md-default-fg-color);
    --md-admonition-bg-color: var(--md-default-bg-color);

    --md-footer-bg-color: hsla(var(--md-hue), 15%, 10%, 0.87);
    --md-footer-bg-color--dark: hsla(var(--md-hue), 15%, 8%, 1);

}

.md-tabs__item--active {
    color: #51BDCB;
}

[data-md-color-switching] *,
[data-md-color-switching] *::before,
[data-md-color-switching] *::after {
    transition-duration: 0ms !important;
}

span.doc-attribute-name {
    text-transform: none;
}

h4.doc-heading {
    border-top: 2px solid var(--md-default-fg-color);
    padding-top: 30px;
}

h5.doc-heading {
    border-top: 0.5px solid var(--md-default-fg-color);
    padding-top: 20px;
}