@font-face {
    font-family: "JetBrains Mono";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("https://ghsoares.github.io/Godot-RmlUi-Docs/resources/fonts/JetBrainsMono-Regular.woff2");
}
@font-face {
    font-family: "JetBrains Mono";
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url("https://ghsoares.github.io/Godot-RmlUi-Docs/resources/fonts/JetBrainsMono-Medium.woff2");
}
@font-face {
    font-family: "JetBrains Mono";
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url("https://ghsoares.github.io/Godot-RmlUi-Docs/resources/fonts/JetBrainsMono-Bold.woff2");
}
@font-face {
    font-family: "Montserrat";
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url("https://ghsoares.github.io/Godot-RmlUi-Docs/resources/fonts/Montserrat-Bold.woff2");
}

/* Default (light) theme colors */
:root {
    color-scheme: light dark;
    --body-color: #404040;
    --content-wrap-background-color: #efefef;
    --content-background-color: #fcfcfc;
    --logo-opacity: 1.0;

    --navbar-background-color: #333f67;
    --navbar-background-color-hover: #29355c;
    --navbar-background-color-active: #212d51;
    --navbar-current-background-color: #212d51;
    --navbar-current-background-color-hover: #182343;
    --navbar-current-background-color-active: #131e3b;
    --navbar-category-active-color: rgba(255 115 129 / 10%);
    --navbar-current-color: #f1f9ff;
    --navbar-level-1-color: #c3e3ff;
    --navbar-level-2-color: #b8d6f0;
    --navbar-level-3-color: #a3c4e1;
    --navbar-expand-base-color: #81a3c2;
    --navbar-expand-hover-color: #c3e3ff;
    --navbar-expand-active-color: #f1f9ff;
    --navbar-dimmed-color: #a3c4e1;
    --navbar-heading-color: #ff7381;
    --navbar-scrollbar-color: #d45a66;
    --navbar-scrollbar-hover-color: #b14550;
    --navbar-scrollbar-active-color: #72383e;
    --navbar-scrollbar-background: #131e2b;

    --link-color: #2980b9;
    --link-color-hover: #3091d1;
    --link-color-active: #105078;
    --link-color-visited: #9b59b6;
    --class-reference-icon: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNS4wMjkgMWMtLjk5OS0uMDExLTIuMDA5LjMxMi0zLjAyOSAxdjdjMi4wMTctMS4zNTMgNC4wMTctMS4zMTQgNiAwIDEuOTgzLTEuMzE0IDMuOTgzLTEuMzUzIDYgMHYtN2MtMS4wMi0uNjg4LTIuMDMtMS4wMTEtMy4wMjktMS0uNjYyLjAwNy0xLjMxOC4xNzMtMS45NzEuNDYzdjQuNTM3aC0xdi00Yy0uOTgyLS42NDUtMS45NzEtLjk4OS0yLjk3MS0xem0tNS4wMjkgOXY2aDJjMS42NDYgMCAzLTEuMzU0IDMtM3MtMS4zNTQtMy0zLTN6bTUgM2MwIDEuNjQ2IDEuMzU0IDMgMyAzczMtMS4zNTQgMy0zLTEuMzU0LTMtMy0zLTMgMS4zNTQtMyAzem02IDBjMCAxLjY0NiAxLjM1NCAzIDMgM2gxdi0yaC0xYy0uNTQ5IDAtMS0uNDUxLTEtMXMuNDUxLTEgMS0xaDF2LTJoLTFjLTEuNjQ2IDAtMyAxLjM1NC0zIDN6bS05LTFjLjU0OSAwIDEgLjQ1MSAxIDFzLS40NTEgMS0xIDF6bTYgMGMuNTQ5IDAgMSAuNDUxIDEgMXMtLjQ1MSAxLTEgMS0xLS40NTEtMS0xIC40NTEtMSAxLTF6IiBmaWxsPSIjNDE0MTQxIiBmaWxsLW9wYWNpdHk9Ii41OSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+Cg==");
    --external-reference-icon: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMjk4MGI5Ij48cGF0aCBkPSJtNy41IDcuMXYzLjRoLTZ2LTZoMy40Ii8+PHBhdGggZD0ibTUuNzY1IDFoNS4yMzV2NS4zOWwtMS41NzMgMS41NDctMS4zMS0xLjMxLTIuNzI0IDIuNzIzLTIuNjktMi42ODggMi44MS0yLjgwOC0xLjMxMy0xLjMxeiIvPjwvZz48L3N2Zz4K");

    --hr-color: #e1e4e5;
    --table-row-odd-background-color: #f3f6f6;
    --code-background-color: #e9eae5;
    --code-border-color: #e1e4e5;
    --code-literal-color: #c03e41;
    --input-background-color: #fcfcfc;
    --input-focus-border-color: #5f8cff;

    --tabs-background-color: #e1e4e5;
    --tabs-selected-color: #a2a9ae;
    --code-tabs-background-color: #e6e6e6;
    --code-tabs-selected-color: #8a9378;

    --classref-primary-color: #252525;
    --classref-secondary-color: #616770;
    --classref-setget-color: #56585b;

    --search-input-background-color: #e6eef3; /* derived from --input-background-color */
    --search-match-color: #2c6b96; /* derived from --link-color */
    --search-match-background-color: #e3f2fd; /* derived from --link-color */
    --search-active-color: #efefef;
    --search-credits-background-color: #333f67; /* derived from --navbar-background-color */
    --search-credits-color: #b3b3b3; /* derived from --footer-color */
    --search-credits-link-color: #4392c5; /* derived from --link-color */

    --search-odd-color: rgb(133 160 253 / 24%);
    --search-even-color: rgb(202 209 239 / 30%);
    --search-highlighted-color: rgb(255 205 0 / 25%);
    --search-context-color: #6c6e72;

    --highlight-background-color: #ffffff;
    --highlight-background-emph-color: #dbe6c3;
    --highlight-default-color: #404040;
    --highlight-comment-color: rgba(20, 20, 20, 0.5);
    --highlight-doc-comment-color: rgba(38, 38, 102, 0.7);
    --highlight-region-comment-color: rgba(173, 117, 196, 20);
    --highlight-keyword-color: #e62282;
    --highlight-literal-color: var(--highlight-keyword-color);
    --highlight-keyword2-color: #009933;
    --highlight-control-flow-keyword-color: #bd1fcc;
    --highlight-number-color: #008c47;
    --highlight-decorator-color: #cc5e00;
    --highlight-base-type-color: #009933;
    --highlight-engine-type-color: #1c8c66;
    --highlight-user-type-color: #2e7366;
    --highlight-member-variable-color: #0066ad;
    --highlight-function-color: #0039e6;
    --highlight-function-declaration-color: #009999;
    --highlight-global-function-color: #5c2eb8;
    --highlight-operator-color: #00009c;
    --highlight-string-color: #996b00;
    --highlight-get-node-shorthand-color: #2e8c00;
    --highlight-node-path-color: #008000;
    --highlight-string-name-color: #ffc2a6;

    --copybtn-background-color: #f6f8fa;
    --copybtn-background-color-hover: #f3f4f6;
    --copybtn-border-color: #d5d8da;
    --copybtn-border-color-hover: #d5d8da;
    --copybtn-icon-color: #57606a;
    --copybtn-icon-color-success: #1a7f37;
    --copybtn-tooltip-background-color: #24292f;
    --copybtn-box-shadow: 0 1px 0 rgba(27,31,36,0.04), inset 0 1px 0 rgba(255,255,255,0.25);
    --copybtn-border-color-success: #2da44e;

    --contribute-background-color: #d7dee8;
    --contribute-text-color: #646e72;

    --admonition-note-background-color: #e7f2fa;
    --admonition-note-color: #404040;
    --admonition-note-title-background-color: #6ab0de;
    --admonition-note-title-color: #fff;
    --admonition-attention-background-color: #ffedcc;
    --admonition-attention-color: #404040;
    --admonition-attention-title-background-color: #f0b37e;
    --admonition-attention-title-color: #fff;
    --admonition-danger-background-color: #fcf3f2;
    --admonition-danger-color: #404040;
    --admonition-danger-title-background-color: #e9a499;
    --admonition-danger-title-color: #fff;
    --admonition-tip-background-color: #dbfaf4;
    --admonition-tip-color: #404040;
    --admonition-tip-title-background-color: #1abc9c;
    --admonition-tip-title-color: #fff;

    --kbd-background-color: #fafbfc;
    --kbd-outline-color: #d1d5da;
    --kbd-shadow-color: #b0b7bf;
    --kbd-text-color: #444d56;

    --role-button-background-color: #d3d7e1;

    --code-example-good-color: #3fb950;
    --code-example-bad-color: #f85149;

    --btn-neutral-background-color: #f3f6f6;
    --btn-neutral-hover-background-color: #e5ebeb;
    --footer-color: #808080;

    --system-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --header-font-family: "Montserrat", var(--system-font-family);
    --monospace-font-family: "JetBrains Mono", SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, Courier, monospace;
}

/* Dark theme colors */
@media (prefers-color-scheme: dark) {
    :root {
        --body-color: rgba(255, 255, 255, 0.85);
        --content-wrap-background-color: #202326;
        --content-background-color: #2e3236;
        /* Decrease the logo opacity when using the dark theme to be less distracting */
        --logo-opacity: 0.85;

        --navbar-background-color: #25282b;
        --navbar-background-color-hover: #333639;
        --navbar-background-color-active: #111417;
        --navbar-current-background-color: #333639;
        --navbar-current-background-color-hover: #44474a;
        --navbar-current-background-color-active: #222528;
        --navbar-category-active-color: rgba(238 115 129 / 10%);
        --navbar-current-color: #fefefe;
        --navbar-level-1-color: #ddd;
        --navbar-level-2-color: #ccc;
        --navbar-level-3-color: #bbb;
        --navbar-expand-base-color: #80848e;
        --navbar-expand-hover-color: #ccc;
        --navbar-expand-active-color: #ddd;
        --navbar-dimmed-color: #bbb;
        --navbar-heading-color: #ee7381;
        --navbar-scrollbar-color: #be5460;
        --navbar-scrollbar-hover-color: #963e48;
        --navbar-scrollbar-active-color: #5f3034;
        --navbar-scrollbar-background: #1c1e21;

        --link-color: #8cf;
        --link-color-hover: #9df;
        --link-color-active: #6ad;
        --link-color-visited: #cb99f6;
        --class-reference-icon: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNS4wMjkgMWMtLjk5OS0uMDExLTIuMDA5LjMxMi0zLjAyOSAxdjdjMi4wMTctMS4zNTMgNC4wMTctMS4zMTQgNiAwIDEuOTgzLTEuMzE0IDMuOTgzLTEuMzUzIDYgMHYtN2MtMS4wMi0uNjg4LTIuMDMtMS4wMTEtMy4wMjktMS0uNjYyLjAwNy0xLjMxOC4xNzMtMS45NzEuNDYzdjQuNTM3aC0xdi00Yy0uOTgyLS42NDUtMS45NzEtLjk4OS0yLjk3MS0xem0tNS4wMjkgOXY2aDJjMS42NDYgMCAzLTEuMzU0IDMtM3MtMS4zNTQtMy0zLTN6bTUgM2MwIDEuNjQ2IDEuMzU0IDMgMyAzczMtMS4zNTQgMy0zLTEuMzU0LTMtMy0zLTMgMS4zNTQtMyAzem02IDBjMCAxLjY0NiAxLjM1NCAzIDMgM2gxdi0yaC0xYy0uNTQ5IDAtMS0uNDUxLTEtMXMuNDUxLTEgMS0xaDF2LTJoLTFjLTEuNjQ2IDAtMyAxLjM1NC0zIDN6bS05LTFjLjU0OSAwIDEgLjQ1MSAxIDFzLS40NTEgMS0xIDF6bTYgMGMuNTQ5IDAgMSAuNDUxIDEgMXMtLjQ1MSAxLTEgMS0xLS40NTEtMS0xIC40NTEtMSAxLTF6IiBmaWxsPSIjYmZiZmJmIiBmaWxsLW9wYWNpdHk9Ii41OSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+Cg==");
        --external-reference-icon: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjOGNmIj48cGF0aCBkPSJtNy41IDcuMXYzLjRoLTZ2LTZoMy40Ii8+PHBhdGggZD0ibTUuNzY1IDFoNS4yMzV2NS4zOWwtMS41NzMgMS41NDctMS4zMS0xLjMxLTIuNzI0IDIuNzIzLTIuNjktMi42ODggMi44MS0yLjgwOC0xLjMxMy0xLjMxeiIvPjwvZz48L3N2Zz4K");

        --hr-color: #555;
        --table-row-odd-background-color: #3b3e41;
        --code-background-color: #22252d;
        --code-border-color: #505356;
        --code-literal-color: #d68f8f;
        --input-background-color: #333537;
        --input-focus-border-color: #5f8cff;

        --tabs-background-color: #434649;
        --tabs-selected-color: #a2a9ae;
        --code-tabs-background-color: #353c4c;
        --code-tabs-selected-color: #5a657e;

        --classref-primary-color: #e8e8e8;
        --classref-secondary-color: #929598;
        --classref-setget-color: #9e9fa0;

        --search-input-background-color: #43464a; /* derived from --input-background-color */
        --search-match-color: #52b4ff; /* derived from --link-color */
        --search-match-background-color: #414c56; /* derived from --link-color */
        --search-active-color: #202326;
        --search-credits-background-color: #202123; /* derived from --navbar-background-color */
        --search-credits-color: #6b6b6b; /* derived from --footer-color */
        --search-credits-link-color: #628fb1; /* derived from --link-color */

        --search-odd-color: #202326;
        --search-even-color: #25282b;
        --search-highlighted-color: rgb(255 205 0 / 16%);
        --search-context-color: #aaa;

        /* Colors taken from the Godot script editor with the Adaptive theme */
        --highlight-background-color: #202531;
        --highlight-background-emph-color: #2d3444;
        --highlight-default-color: rgba(255, 255, 255, 0.85);
        --highlight-comment-color: rgba(204, 206, 211, 0.5);
        --highlight-doc-comment-color: rgba(153, 179, 204, 0.8);
        --highlight-region-comment-color: rgba(173, 117, 196, 20);
        --highlight-keyword-color: #ff7085;
        --highlight-literal-color: var(--highlight-keyword-color);
        --highlight-keyword2-color: #42ffc2;
        --highlight-control-flow-keyword-color: #ff8ccc;
        --highlight-number-color: #a1ffe0;
        --highlight-decorator-color: #ffb373;
        --highlight-base-type-color: #42ffc2;
        --highlight-engine-type-color: #8fffdb;
        --highlight-user-type-color: #c7ffed;
        --highlight-member-variable-color: #bce0ff;
        --highlight-function-color: #57b3ff;
        --highlight-function-declaration-color: #66e6ff;
        --highlight-global-function-color: #a3a3f5;
        --highlight-operator-color: #abc8ff;
        --highlight-string-color: #ffeca1;
        --highlight-get-node-shorthand-color: #63c259;
        --highlight-node-path-color: #b8c47d;
        --highlight-string-name-color: #ffc2a6;

        --copybtn-background-color: #2a303c;
        --copybtn-background-color-hover: #3e4450;
        --copybtn-border-color: #3e4450;
        --copybtn-border-color-hover: #8b949e;
        --copybtn-icon-color: #8b949e;
        --copybtn-icon-color-success: #3fb950;
        --copybtn-tooltip-background-color: #6e7681;
        --copybtn-box-shadow: 0 0 transparent, 0 0 transparent;
        --copybtn-border-color-success: #238636;

        --contribute-background-color: #25282d;
        --contribute-text-color: #7f939b;

        --admonition-note-background-color: #303d4f;
        --admonition-note-color: #bfeeff;
        --admonition-note-title-background-color: #305070;
        --admonition-note-title-color: #bfefff;
        --admonition-attention-background-color: #444033;
        --admonition-attention-color: #ffeeaf;
        --admonition-attention-title-background-color: #665022;
        --admonition-attention-title-color: #ffeeaf;
        --admonition-danger-background-color: #433;
        --admonition-danger-color: #fcc;
        --admonition-danger-title-background-color: #633;
        --admonition-danger-title-color: #fcc;
        --admonition-tip-background-color: #28382d;
        --admonition-tip-color: #dfd;
        --admonition-tip-title-background-color: #336648;
        --admonition-tip-title-color: #dfd;

        --kbd-background-color: #595b5d;
        --kbd-outline-color: #3d4144;
        --kbd-shadow-color: #1e2023;
        --kbd-text-color: #e2f2ff;

        --role-button-background-color: #22252d;

        --code-example-good-color: #3fb950;
        --code-example-bad-color: #f85149;

        --btn-neutral-background-color: #404040;
        --btn-neutral-hover-background-color: #505050;
        --footer-color: #aaa;
    }
}

body, html {
    display: flex;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;

    flex-direction: row;

    font-family: var(--system-font-family);
    font-size: 16px;
    font-weight: 400;
}

body {
    background-color: var(--content-wrap-background-color);
}

@media only screen and (min-width: 769px) {
    body {
        /* Center the page on wide displays for better readability */
        max-width: 1200px;
        margin: 0 auto;
    }
}

#sidebar {
    display: flex;
    flex-direction: column;
    width: 300px;
    background-color: var(--navbar-background-color);
    color: #9b9b9b;
}

#sidebar > #sidebar-header {
    padding: .809em;
    color: inherit;
    text-decoration: none;
}

#sidebar > #sidebar-header:visited {
    color: inherit;
    text-decoration: none;
}

#sidebar > #sidebar-header:active {
    color: inherit;
    text-decoration: none;
}

#sidebar > #sidebar-content {
    display: flex;
    flex-direction: column;
    overflow: auto;
    list-style: none;
    padding: 0;
    flex: 1;
}

.sidebar-caption {
    display: flex;
    align-items: center;
    cursor: pointer;
    height: 32px;
    margin: 0;
    color: var(--navbar-level-1-color);
    line-height: 32px;
    font-weight: 700;
    font-size: 85%;
}

.sidebar-caption > a {
    color: inherit;
    text-decoration: none;
}

.sidebar-caption > a:visited {
    color: inherit;
    text-decoration: none;
}

.sidebar-caption > a:hover {
    color: inherit;
    text-decoration: none;
}

.sidebar-caption.item::before {
    width: 16px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;

    line-height: 1;
    text-decoration: none;
    font-variation-settings:
        'FILL' 1,
        'wght' 700,
        'GRAD' 0,
        'opsz' 24;
    font-size: 16px;
    
    font-family: 'Material Symbols Outlined';

    content: '\e145';
}

.sidebar-caption.item.active::before {
    content: '\e15b';
}

.sidebar-caption.item.active {
    background-color: var(--navbar-current-background-color-hover);
}

.sidebar-caption.leaf.active {
    background-color: var(--navbar-current-background-color-hover);
}

.sidebar-caption:hover {
    background-color: var(--navbar-current-background-color-hover);
}

.sidebar-caption + ul {
    background-color: var(--navbar-current-background-color);
    display: none;
    padding-left: 0;
    margin: 0;
}

.sidebar-caption.active + ul {
    display: block;
}

.sidebar-caption + ul > li {
    list-style: none;
}

.sidebar-caption + ul > li > a {
    display: flex;
    align-items: center;
    list-style: none;
    color: var(--navbar-level-2-color);
    height: 32px;
    width: 100%;
    box-sizing: border-box;
    text-decoration: none;
}

.sidebar-caption + ul > li > a:hover {
    background-color: var(--navbar-current-background-color-hover);
}

.sidebar-caption.category {
    color: var(--navbar-heading-color);
}

.sidebar-caption.category + ul {
    background: none;
}

.sidebar-caption.category::before {
    width: 16px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    content: "\276f";
    font-size: inherit;
    transition: transform 100ms ease-in-out;
}

.sidebar-caption.category.active {
    background-color: var(--navbar-category-active-color);
}

.sidebar-caption.category.active::before {
    transform: rotate(90deg);
}

.sidebar-caption.leaf {
    font-weight: 400;
}

.sidebar-caption.leaf > a {
    width: 100%;
}

.sidebar-caption.leaf.active {
    font-weight: 700;
}

body > div {
    flex: 1;
    background-color: var(--content-background-color);
    padding: 1.618em 3.236em;
    overflow: auto;
}

#navigation > ul {
    list-style: none;
    list-style-image: none;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#navigation > ul > li {
    display: flex;
    align-items: center;
}

#navigation > ul > .breadcrumb-item:before {
    content: "/";
    padding: 0 6px;
    font-size: 13px;
}

.material-symbols-outlined {
    font-size: inherit;
    line-height: 1;
    text-decoration: none;
    font-variation-settings:
    'FILL' 1,
    'wght' 400,
    'GRAD' 0,
    'opsz' 24
}

a {
    text-decoration: none;
    color: var(--link-color);
    cursor: pointer;
}

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

a:active {
    /* Add visual feedback when clicking on a link */
    color: var(--link-color-active);
}

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

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid var(--hr-color);
    margin: 24px 0;
    padding: 0;
}

p {
    margin: 0 0 24px;
    line-height: 1.425rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
legend {
    /* Use the same font as the godotengine.org website. */
    font-family: var(--header-font-family);
}

#class-list {
    padding: 0;
}

#class-list > li {
    list-style: disc;
    margin-left: 24px;
    margin-top: 8px;
    margin-bottom: 8px;
}

#class-method-table {
    border-collapse: collapse;
    width: 100%;
}

#class-method-table > tbody > tr.row-odd {
    background-color: var(--table-row-odd-background-color);
}

#class-method-table > tbody > tr.row-even {
    background-color: var(--table-row-even-background-color);
}

#class-method-table > tbody > tr > td {
    padding: 4px 16px;
    border: 2px solid var(--code-border-color);
}

.method-ref > td > p {
    margin-bottom: 0;
    font-family: var(--monospace-font-family);
}

.method-header {
    color: var(--classref-secondary-color);
    font-size: 110%;
    font-family: var(--monospace-font-family);
}

.method-header > strong {
    color: var(--classref-primary-color);
}

.method-description {
    padding-left: 12px;
    line-height: 1.5em;
}

.method-description > p {
    margin-bottom: 12px;
}

.headerlink {
    opacity: 0%;
    margin-left: 8px;
}

[link-section]:hover > .headerlink {
    opacity: 100%;
}

footer {
    margin-top: auto;
    color: var(--footer-color);
}

footer > p {
    margin: 0;
}

code {
	background-color: var(--code-background-color);
    border-radius: 4px;
}

code.literal {
	color: var(--code-literal-color);
	padding: 3px 5px;
}

.codeblocks > .codeblocks-tabs {
	display: flex;
	flex-direction: row;
}

.codeblocks > .codeblocks-tabs > button {
	padding: 0;
	border: 0;
	border-radius: 0;

	background-color: var(--code-tabs-background-color);
    border-top: 4px solid var(--code-tabs-selected-color);
	color: var(--link-color);
    padding: 0.5rem 1.25rem;

    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;

	cursor: pointer;
}

.codeblocks > .codeblocks-tabs > button:not(.active) {
    background-color: transparent;
    border-color: transparent;
}

.codeblocks > .language {
	display: none;

	padding: 0.4rem;
	position: relative;

	background-color: var(--code-tabs-background-color);
}

.codeblocks > .language.active {
	display: block;
}

.codeblocks > .language > .filename {
	background-color: var(--code-tabs-background-color);
	position: absolute;
	right: 16px;
	top: 16px;
	cursor: pointer;
	color: var(--link-color);
	border-radius: 2px;

	padding: 3px 5px;
	border: 0;

	font-family: var(--monospace-font-family);
	font-weight: 700;

	opacity: 50%;
}

.codeblocks > .language > .filename:hover {
	background-color: var(--code-tabs-background-color);
	position: absolute;
	right: 16px;
	top: 16px;
	cursor: pointer;
	color: var(--link-color);
	border-radius: 2px;

	padding: 3px 5px;

	opacity: 100%;
}

.codeblocks > .language > pre {
	-moz-tab-size:    4;
    -o-tab-size:      4;
    tab-size:         4;

	background-color: var(--highlight-background-color);
	padding: 18px 16px;
	margin: 0;
}

.codeblocks .language > pre > code {
	background: none;
}

.prev-next-page {
    margin-top: 16px;
    overflow: hidden;
}

.prev-next-page > a {
    display: flex;
    align-items: end;
    gap: 8px;
    font-family: var(--system-font-family);
    font-size: 16px;
    font-weight: 400;
    background-color: var(--btn-neutral-background-color);
    padding: 6px 12px 8px;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px -1px hsla(0, 0%, 100%, .5), inset 0 -2px 0 0 rgba(0, 0, 0, .1);
    color: var(--body-color);
    text-decoration: none;
}

.prev-next-page > a:hover {
    color: var(--body-color);
    text-decoration: none;
}

.prev-next-page > a:visited {
    color: var(--body-color);
    text-decoration: none;
}

.prev-next-page > .prev {
    float: left;
}

.prev-next-page > .next {
    float: right;
}