@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto Regular"), local("Roboto-Regular"), url(../font/roboto-latin-400.woff2) format("woff2"), url(../font/roboto-latin-400.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    src: local("Roboto Italic"), local("Roboto-Italic"), url(../font/roboto-latin-400italic.woff2) format("woff2"), url(../font/roboto-latin-400italic.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(../font/roboto-latin-500.woff2) format("woff2"), url(../font/roboto-latin-500.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 500;
    src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(../font/roboto-latin-500italic.woff2) format("woff2"), url(../font/roboto-latin-500italic.woff) format("woff")
}

@font-face {
    font-family: Roboto Mono;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto Mono Regular"), local("RobotoMono-Regular"), url(../font/roboto-mono-latin-400.woff2) format("woff2"), url(../font/roboto-mono-latin-400.woff) format("woff")
}

@font-face {
    font-family: Roboto Mono;
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Mono Medium"), local("RobotoMono-Medium"), url(../font/roboto-mono-latin-500.woff2) format("woff2"), url(../font/roboto-mono-latin-500.woff) format("woff")
}

@font-face {
    font-family: Comfortaa;
    font-style: normal;
    font-weight: 400;
    src: local("Comfortaa Regular"), local("Comfortaa-Regular"), url(../font/comfortaa-latin-400.woff2) format("woff2"), url(../font/comfortaa-latin-400.woff) format("woff")
}

:root {
    --color-brand-primary: #28b76b;
    --color-white: #fff;
    --color-smoke-10: #fefefe;
    --color-smoke-30: #fafafa;
    --color-smoke-50: #f5f5f5;
    --color-smoke-70: #f0f0f0;
    --color-smoke-90: #e1e1e1;
    --color-gray-10: #c1c1c1;
    --color-gray-15: #bababa;
    --color-gray-30: #8e8e8e;
    --color-gray-50: grey;
    --color-gray-70: #5d5d5d;
    --color-jet-20: #4a4a4a;
    --color-jet-30: #424242;
    --color-jet-50: #333;
    --color-jet-70: #222;
    --color-jet-80: #191919;
    --color-black: #000;
    --rem-base: 18;
    --viewport-height: calc(var(--vh, 1vh) * 100);
    --body-font-size: 1.0625em;
    --body-font-size--desktop: 1.125em;
    --body-font-size--print: 0.9375em;
    --body-line-height: 1.15;
    --body-font-color: var(--color-jet-80);
    --body-font-family: "Roboto", sans-serif;
    --body-font-weight-bold: 500;
    --monospace-font-family: "Roboto Mono", monospace;
    --monospace-font-weight-bold: 500;
    --body-background: var(--color-white);
    --panel-background: var(--color-smoke-30);
    --panel-border-color: var(--color-smoke-90);
    --scrollbar-thumb-color: var(--color-gray-10);
    --navbar-background: var(--color-jet-80);
    --navbar-font-color: var(--color-white);
    --navbar-heading-font-color: var(--color-gray-70);
    --navbar-heading-font-weight: var(--body-font-weight-bold);
    --navbar_hover-background: var(--color-black);
    --navbar-button-background: var(--color-white);
    --navbar-button-border-color: var(--panel-border-color);
    --navbar-button-font-color: var(--body-font-color);
    --navbar-menu-border-color: var(--panel-border-color);
    --navbar-menu-border-radius: 0 0 0.25rem 0.25rem;
    --navbar-menu-box-shadow: 0 2px 4px hsla(0, 0%, 62.7%, 0.15);
    --navbar-menu-background: var(--color-white);
    --navbar-menu-font-color: var(--body-font-color);
    --navbar-menu-icon-filter: invert(10%);
    --navbar-menu_hover-background: var(--color-smoke-50);
    --nav-background: var(--panel-background);
    --nav-border-color: var(--color-gray-10);
    --nav-line-height: 1.35;
    --nav-heading-font-color: var(--color-brand-primary);
    --nav-muted-color: var(--color-gray-70);
    --nav-muted-icon-filter: invert(36.5%);
    --nav-panel-divider-color: var(--color-smoke-90);
    --nav-secondary-background: var(--color-smoke-70);
    --toolbar-background: var(--panel-background);
    --toolbar-border-color: var(--panel-border-color);
    --toolbar-font-color: var(--nav-muted-color);
    --toolbar-icon-filter: var(--nav-muted-icon-filter);
    --toolbar-primary-icon-filter: var(--navbar-menu-icon-filter);
    --toolbar-muted-color: var(--color-gray-30);
    --page-version-menu-background: var(--color-smoke-70);
    --page-version-missing-font-color: var(--color-gray-30);
    --caution-color: #802392;
    --caution-on-color: var(--color-white);
    --important-color: var(--color-brand-primary);
    --important-on-color: var(--color-white);
    --note-color: #2d7dd2;
    --note-on-color: var(--color-white);
    --tip-color: #43b929;
    --tip-on-color: var(--color-white);
    --warning-color: #f70;
    --warning-on-color: var(--color-white);
    --doc-font-color: #24262b;
    --doc-icon-filter: invert(14.5%);
    --doc-font-size: inherit;
    --doc-font-size--desktop: calc(17 / var(--rem-base) * 1rem);
    --doc-line-height: 1.6;
    --doc-margin: 0 auto;
    --doc-margin--desktop: 0 2rem;
    --heading-font-color: var(--color-jet-80);
    --heading-font-weight: normal;
    --alt-heading-font-weight: var(--body-font-weight-bold);
    --section-divider-color: var(--panel-border-color);
    --link-font-color: #2c7fa2;
    --link_hover-filter: brightness(75%) saturate(150%);
    --link_unresolved-font-color: var(--important-color);
    --abstract-background: var(--color-smoke-70);
    --abstract-font-color: var(--color-jet-20);
    --abstract-border-color: var(--panel-border-color);
    --admonition-background: var(--panel-background);
    --admonition-label-font-weight: var(--body-font-weight-bold);
    --caption-font-color: var(--color-gray-70);
    --caption-font-weight: var(--body-font-weight-bold);
    --code-background: var(--panel-background);
    --code-font-color: var(--body-font-color);
    --example-background: var(--color-white);
    --example-border-color: var(--color-gray-70);
    --kbd-background: var(--panel-background);
    --kbd-border-color: var(--color-gray-10);
    --pre-background: var(--panel-background);
    --pre-border-color: var(--panel-border-color);
    --pre-annotation-font-color: var(--color-gray-50);
    --pre-annotation-icon-filter: invert(50.2%);
    --quote-background: var(--panel-background);
    --quote-border-color: var(--color-gray-70);
    --quote-font-color: var(--color-gray-70);
    --quote-attribution-font-color: var(--color-gray-30);
    --sidebar-background: var(--color-smoke-90);
    --table-border-color: var(--panel-border-color);
    --table-stripe-background: var(--panel-background);
    --table-footer-background: linear-gradient(180deg, var(--color-smoke-70) 0%, var(--color-white));
    --toc-font-color: var(--nav-muted-color);
    --toc-heading-font-color: var(--doc-font-color);
    --toc-border-color: var(--panel-border-color);
    --toc-line-height: 1.2;
    --footer-line-height: var(--doc-line-height);
    --footer-background: var(--color-jet-80);
    --footer-font-color: var(--color-gray-15);
    --footer-link-font-color: var(--color-white);
    --navbar-height: calc(63 / var(--rem-base) * 1rem);
    --toolbar-height: calc(45 / var(--rem-base) * 1rem);
    --drawer-height: var(--toolbar-height);
    --body-top: var(--navbar-height);
    --body-min-height: calc(var(--viewport-height) - var(--body-top));
    --nav-height: calc(var(--body-min-height) - var(--toolbar-height));
    --nav-height--desktop: var(--body-min-height);
    --nav-panel-menu-height: calc(100% - var(--drawer-height));
    --nav-panel-explore-height: calc(50% + var(--drawer-height));
    --nav-width: calc(270 / var(--rem-base) * 1rem);
    --toc-top: calc(var(--body-top) + var(--toolbar-height));
    --toc-height: calc(var(--viewport-height) - var(--toc-top) - 2.5rem);
    --toc-width: calc(162 / var(--rem-base) * 1rem);
    --toc-width--widescreen: calc(216 / var(--rem-base) * 1rem);
    --doc-max-width: calc(720 / var(--rem-base) * 1rem);
    --doc-max-width--desktop: calc(828 / var(--rem-base) * 1rem);
    --z-index-doc: 1;
    --z-index-nav: 2;
    --z-index-toolbar: 3;
    --z-index-page-version-menu: 4;
    --z-index-footer: 5;
    --z-index-navbar: 6
}

*, ::after, ::before {
    box-sizing: inherit
}

html {
    box-sizing: border-box;
    font-size: 1.0625em;
    font-size: var(--body-font-size);
    height: 100vh;
    height: var(--viewport-height);
    min-height: 100vh;
    scroll-behavior: smooth
}

@media screen and (min-width: 1024px) {
    html {
        font-size: 1.125em;
        font-size: var(--body-font-size--desktop)
    }
}

body {
    background: #fff;
    background: var(--body-background);
    color: #191919;
    color: var(--body-font-color);
    font-family: Roboto, sans-serif;
    font-family: var(--body-font-family);
    line-height: 1.15;
    line-height: var(--body-line-height);
    margin: 0;
    word-wrap: anywhere
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

a:active {
    background-color: none
}

code, kbd, pre {
    font-family: Roboto Mono, monospace;
    font-family: var(--monospace-font-family)
}

b, dt, strong, th {
    font-weight: 500;
    font-weight: var(--body-font-weight-bold)
}

em em {
    font-style: normal
}

strong strong {
    font-weight: 400
}

button {
    cursor: pointer;
    font-family: inherit;
    font-size: 1em;
    line-height: 1.15;
    line-height: var(--body-line-height);
    margin: 0
}

button::-moz-focus-inner {
    border: none;
    padding: 0
}

summary {
    cursor: pointer
}

table {
    border-collapse: collapse;
    word-wrap: normal
}

::-moz-placeholder {
    opacity: .5
}

:-ms-input-placeholder {
    opacity: .5
}

::placeholder {
    opacity: .5
}

@supports (scrollbar-width:thin) {
    body * {
        scrollbar-width: thin;
        scrollbar-color: #c1c1c1 transparent;
        scrollbar-color: var(--scrollbar-thumb-color) transparent
    }
}

body ::-webkit-scrollbar {
    height: .25rem;
    width: .25rem
}

body ::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    background-color: var(--scrollbar-thumb-color)
}

@media screen and (min-width: 1024px) {
    .body {
        display: flex
    }
}

@media screen and (max-width: 768.5px) {
    html.is-clipped--nav {
        overflow-y: hidden
    }

    @supports (scrollbar-width:none) {
        html.is-clipped--nav {
            overflow-y: initial;
            scrollbar-width: none
        }
    }
}

.nav-container {
    position: fixed;
    top: 3.5rem;
    top: var(--navbar-height);
    left: 0;
    width: 100%;
    font-size: .94444rem;
    font-size: calc(17 / var(--rem-base) * 1rem);
    z-index: 2;
    z-index: var(--z-index-nav);
    visibility: hidden
}

@media screen and (min-width: 769px) {
    .nav-container {
        width: 15rem;
        width: var(--nav-width)
    }
}

@media screen and (min-width: 1024px) {
    .nav-container {
        font-size: .86111rem;
        font-size: calc(15.5 / var(--rem-base) * 1rem);
        flex: none;
        position: static;
        visibility: visible;
        height: calc(100vh - 3.5rem);
        height: var(--nav-height--desktop)
    }
}

.nav-container.is-active {
    visibility: visible
}

.nav {
    background: #fafafa;
    background: var(--nav-background);
    position: relative;
    top: 2.5rem;
    top: var(--toolbar-height);
    height: calc(100vh - 6rem);
    height: var(--nav-height)
}

@media screen and (min-width: 769px) {
    .nav {
        box-shadow: .5px 0 3px #c1c1c1;
        box-shadow: .5px 0 3px var(--nav-border-color)
    }
}

@media screen and (min-width: 1024px) {
    .nav {
        top: 3.5rem;
        top: var(--navbar-height);
        box-shadow: none;
        position: fixed;
        width: inherit;
        height: inherit
    }
}

.nav .panels {
    display: flex;
    flex-direction: column;
    height: inherit
}

.nav-panel-menu {
    overflow-y: scroll;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    height: calc(100% - 2.5rem);
    height: var(--nav-panel-menu-height)
}

.nav-panel-menu.is-loading {
    visibility: hidden
}

.nav-panel-menu:not(.is-active) .nav-menu {
    opacity: .75
}

.nav-panel-menu:not(.is-active)::after {
    content: "";
    background: rgba(0, 0, 0, .5);
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.nav-menu {
    min-height: 100%;
    padding: .5rem .75rem;
    line-height: 1.35;
    line-height: var(--nav-line-height);
    position: relative
}

.nav-menu-toggle {
    background: transparent url(../img/octicons-24.svg#view-unfold) no-repeat 50%/100% 100%;
    border: none;
    outline: none;
    width: .9rem;
    height: .9rem;
    opacity: .5;
    position: -webkit-sticky;
    position: sticky;
    top: .8075rem;
    margin-right: -.5rem;
    float: right;
    visibility: hidden
}

.nav-menu-toggle.is-active {
    background-image: url(../img/octicons-24.svg#view-fold)
}

.nav-panel-menu.is-active:hover .nav-menu-toggle {
    visibility: visible
}

.nav-menu h3.title {
    color: #e40046;
    color: var(--nav-heading-font-color);
    font-size: .9rem;
    font-weight: 500;
    font-weight: var(--body-font-weight-bold);
    margin: .15rem 0 0;
    padding: 0
}

.nav-menu a {
    color: inherit
}

.nav-list {
    margin: 0 0 0 .75rem;
    padding: 0
}

.nav-menu > .nav-list + .nav-list {
    margin-top: .5rem
}

.nav-item {
    list-style: none;
    margin-top: .5em
}

.nav-item-toggle ~ .nav-list {
    padding-bottom: .125rem
}

.nav-item[data-depth="0"] > .nav-list:first-child {
    display: block;
    margin: 0
}

.nav-item:not(.is-active) > .nav-list {
    display: none
}

.nav-item-toggle {
    background: transparent url(../img/octicons-16.svg#view-triangle-right) no-repeat 50%/100% 100%;
    opacity: .25;
    border: none;
    outline: none;
    line-height: inherit;
    position: absolute;
    height: 1.35em;
    height: calc(var(--nav-line-height) * 1em);
    width: 1.35em;
    width: calc(var(--nav-line-height) * 1em);
    margin: -.05em 0 0 -1.35em;
    margin: -.05em 0 0 calc(var(--nav-line-height) * -1em)
}

.nav-item.is-active > .nav-item-toggle {
    background-image: url(../img/octicons-16.svg#view-triangle-down)
}

.is-current-page > .nav-link, .is-current-page > .nav-text {
    -webkit-text-stroke-width: .02em
}

.nav-panel-explore {
    background: #fafafa;
    background: var(--nav-background);
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.nav-panel-explore:not(:first-child) {
    top: auto;
    max-height: calc(50% + 2.5rem);
    max-height: var(--nav-panel-explore-height)
}

.nav-panel-explore .context {
    font-size: .83333rem;
    font-size: calc(15 / var(--rem-base) * 1rem);
    flex-shrink: 0;
    color: #5d5d5d;
    color: var(--nav-muted-color);
    box-shadow: 0 -1px 0 #e1e1e1;
    box-shadow: 0 -1px 0 var(--nav-panel-divider-color);
    padding: 0 .5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1;
    height: 2.5rem;
    height: var(--drawer-height)
}

.nav-panel-explore:not(:first-child) .context {
    cursor: pointer
}

.nav-panel-explore .context .version {
    padding-right: .25rem
}

.nav-panel-explore:not(:first-child) .context .version::after {
    content: "";
    background: url(../img/octicons-16.svg#view-chevron-down) no-repeat center right -.15em/1em 1em;
    filter: invert(36.5%);
    filter: var(--nav-muted-icon-filter);
    padding-right: 1.25em;
    margin-right: -.25rem
}

.nav-panel-explore .components {
    line-height: 1.3;
    flex-grow: 1;
    box-shadow: inset 0 1px 5px #e1e1e1;
    box-shadow: inset 0 1px 5px var(--nav-panel-divider-color);
    background: #f0f0f0;
    background: var(--nav-secondary-background);
    padding: .5rem .75rem 0;
    margin: 0;
    overflow-y: scroll;
    max-height: 100%;
    display: block
}

.nav-panel-explore:not(.is-active) .components {
    display: none
}

.nav-panel-explore .component {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.nav-panel-explore .component + .component {
    margin-top: .5rem
}

.nav-panel-explore .component:last-child {
    margin-bottom: .75rem
}

.nav-panel-explore .component .title {
    font-weight: 500;
    font-weight: var(--body-font-weight-bold);
    color: inherit;
    margin-top: .25rem;
    flex: none
}

.nav-panel-explore .component .title:not(:only-child) {
    max-width: 66.66%
}

.nav-panel-explore .versions {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0;
    line-height: 1
}

.nav-panel-explore .component .version {
    display: block;
    margin: .25rem 0 0 .25rem
}

.nav-panel-explore .component .version a {
    border: 1px solid #c1c1c1;
    border: 1px solid var(--nav-border-color);
    border-radius: .25rem;
    color: inherit;
    opacity: .75;
    white-space: nowrap;
    padding: .125em .25em;
    display: inherit
}

.nav-panel-explore .component .is-current a {
    border-color: currentColor;
    opacity: .9;
    font-weight: 500;
    font-weight: var(--body-font-weight-bold)
}

@media screen and (max-width: 1023.5px) {
    aside.toc.sidebar {
        display: none
    }

    main > .content {
        overflow-x: auto
    }
}

@media screen and (min-width: 1024px) {
    main {
        flex: auto;
        min-width: 0
    }

    main > .content {
        display: flex
    }

    aside.toc.embedded {
        display: none
    }

    aside.toc.sidebar {
        flex: 0 0 9rem;
        flex: 0 0 var(--toc-width);
        order: 1
    }
}

@media screen and (min-width: 1216px) {
    aside.toc.sidebar {
        flex-basis: 12rem;
        flex-basis: var(--toc-width--widescreen)
    }
}

.toolbar {
    color: #5d5d5d;
    color: var(--toolbar-font-color);
    align-items: center;
    background-color: #fafafa;
    background-color: var(--toolbar-background);
    box-shadow: 0 1px 0 #e1e1e1;
    box-shadow: 0 1px 0 var(--toolbar-border-color);
    display: flex;
    font-size: .83333rem;
    font-size: calc(15 / var(--rem-base) * 1rem);
    height: 2.5rem;
    height: var(--toolbar-height);
    justify-content: flex-start;
    position: -webkit-sticky;
    position: sticky;
    top: 3.5rem;
    top: var(--navbar-height);
    z-index: 3;
    z-index: var(--z-index-toolbar)
}

.toolbar a {
    color: inherit
}

.nav-toggle {
    background: url(../img/octicons-24.svg#view-file-directory) no-repeat 50%/50% 50%;
    filter: invert(10%);
    filter: var(--toolbar-primary-icon-filter);
    border: none;
    outline: none;
    line-height: inherit;
    padding: 0;
    margin-right: -.625rem;
    height: 2.5rem;
    height: var(--toolbar-height);
    width: 2.5rem;
    width: var(--toolbar-height)
}

@media screen and (min-width: 1024px) {
    .nav-toggle {
        display: none
    }
}

.nav-toggle.is-active {
    background-image: url(../img/octicons-24.svg#view-arrow-left)
}

.home-link {
    display: block;
    background: url(../img/octicons-24.svg#view-home) no-repeat 50%/100% 100%;
    height: 1.25rem;
    height: calc(var(--toolbar-height) / 2);
    width: 1.25rem;
    width: calc(var(--toolbar-height) / 2);
    margin: .625rem;
    margin: calc(var(--toolbar-height) / 4);
    margin-right: .5rem;
    filter: invert(10%);
    filter: var(--toolbar-primary-icon-filter)
}

.home-link.is-current, .home-link:hover {
    background-image: url(../img/octicons-24.svg#view-home-fill)
}

.edit-this-page {
    display: none;
    padding-right: .5rem
}

@media screen and (min-width: 1024px) {
    .edit-this-page {
        display: block
    }
}

.toolbar .edit-this-page a {
    color: #8e8e8e;
    color: var(--toolbar-muted-color)
}

.breadcrumbs {
    display: none;
    flex: 1 1;
    padding: 0 .5rem 0 .75rem;
    line-height: 1.35;
    line-height: var(--nav-line-height)
}

@media screen and (min-width: 1024px) {
    .breadcrumbs {
        display: block
    }
}

a + .breadcrumbs {
    padding-left: .05rem
}

.breadcrumbs ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

.breadcrumbs li {
    display: inline;
    margin: 0
}

.breadcrumbs li::after {
    content: "/";
    padding: 0 .5rem
}

.breadcrumbs li:last-of-type::after {
    content: none
}

.page-versions {
    margin: 0 .2rem 0 auto;
    position: relative;
    line-height: 1
}

@media screen and (min-width: 1024px) {
    .page-versions {
        margin-right: .7rem
    }
}

.page-versions .version-menu-toggle {
    color: inherit;
    background-color: transparent;
    border: none;
    outline: none;
    line-height: inherit;
    padding: .5rem;
    position: relative;
    z-index: 4;
    z-index: var(--z-index-page-version-menu)
}

.page-versions .version-menu-toggle::after {
    content: "";
    background: url(../img/octicons-16.svg#view-chevron-down) no-repeat center right -.15em/1em 1em;
    filter: invert(36.5%);
    filter: var(--toolbar-icon-filter);
    padding-right: 1rem
}

.page-versions .version-menu {
    display: flex;
    min-width: 100%;
    flex-direction: column;
    align-items: flex-end;
    background: linear-gradient(180deg, #f0f0f0 0, #f0f0f0) no-repeat;
    background: linear-gradient(180deg, var(--page-version-menu-background) 0, var(--page-version-menu-background)) no-repeat;
    padding: 1.375rem 1.5rem .5rem .5rem;
    position: absolute;
    top: 0;
    right: 0;
    white-space: nowrap
}

.page-versions:not(.is-active) .version-menu {
    display: none
}

.page-versions .version {
    display: block;
    padding-top: .5rem
}

.page-versions .version.is-current {
    display: none
}

.page-versions .version.is-missing {
    color: #8e8e8e;
    color: var(--page-version-missing-font-color);
    font-style: italic;
    text-decoration: none
}

.toc-menu {
    color: #5d5d5d;
    color: var(--toc-font-color)
}

.toc.sidebar .toc-menu {
    margin-right: .75rem;
    position: -webkit-sticky;
    position: sticky;
    top: 6rem;
    top: var(--toc-top)
}

.toc .toc-menu h3 {
    color: #24262b;
    color: var(--toc-heading-font-color);
    font-size: .88889rem;
    font-size: calc(16 / var(--rem-base) * 1rem);
    font-weight: 500;
    font-weight: var(--body-font-weight-bold);
    line-height: 1.3;
    margin: 0 -.5px;
    padding-bottom: .25rem
}

.toc.sidebar .toc-menu h3 {
    display: flex;
    flex-direction: column;
    height: 2.5rem;
    justify-content: flex-end
}

.toc .toc-menu ul {
    font-size: .83333rem;
    font-size: calc(15 / var(--rem-base) * 1rem);
    line-height: 1.2;
    line-height: var(--toc-line-height);
    list-style: none;
    margin: 0;
    padding: 0
}

.toc.sidebar .toc-menu ul {
    max-height: calc(100vh - 8.5rem);
    max-height: var(--toc-height);
    overflow-y: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    scrollbar-width: none
}

.toc .toc-menu ul::-webkit-scrollbar {
    width: 0;
    height: 0
}

@media screen and (min-width: 1024px) {
    .toc .toc-menu h3 {
        font-size: .83333rem;
        font-size: calc(15 / var(--rem-base) * 1rem)
    }

    .toc .toc-menu ul {
        font-size: .75rem;
        font-size: calc(13.5 / var(--rem-base) * 1rem)
    }
}

.toc .toc-menu li {
    margin: 0
}

.toc .toc-menu li[data-level="2"] a {
    padding-left: 1.25rem
}

.toc .toc-menu li[data-level="3"] a {
    padding-left: 2rem
}

.toc .toc-menu a {
    color: inherit;
    border-left: 2px solid #e1e1e1;
    border-left: 2px solid var(--toc-border-color);
    display: inline-block;
    padding: .25rem 0 .25rem .5rem;
    text-decoration: none
}

.sidebar.toc .toc-menu a {
    display: block;
    outline: none
}

.toc .toc-menu a.is-active, .toc .toc-menu a:hover {
    color: #24262b;
    color: var(--doc-font-color);
    -webkit-text-stroke-width: .01em
}

.toc .toc-menu a.is-active {
    border-left-color: #e40046;
    border-left-color: var(--color-brand-primary)
}

.sidebar.toc .toc-menu a:focus {
    background: #fafafa;
    background: var(--panel-background)
}

.toc .toc-menu .is-hidden-toc {
    display: none !important
}

.doc {
    color: #24262b;
    color: var(--doc-font-color);
    font-size: inherit;
    font-size: var(--doc-font-size);
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    line-height: 1.6;
    line-height: var(--doc-line-height);
    margin: 0 auto;
    margin: var(--doc-margin);
    max-width: 40rem;
    max-width: var(--doc-max-width);
    padding: 0 1rem 4rem
}

@media screen and (min-width: 1024px) {
    .doc {
        flex: auto;
        font-size: .94444rem;
        font-size: var(--doc-font-size--desktop);
        margin: 0 2rem;
        margin: var(--doc-margin--desktop);
        max-width: 46rem;
        max-width: var(--doc-max-width--desktop);
        min-width: 0;
        position: relative;
        z-index: 1;
        z-index: var(--z-index-doc)
    }
}

.doc h1, .doc h2, .doc h3, .doc h4, .doc h5, .doc h6 {
    color: #191919;
    color: var(--heading-font-color);
    font-weight: 400;
    font-weight: var(--heading-font-weight);
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    line-height: 1.3;
    margin: 1rem 0 0
}

.doc > h1.page:first-child {
    font-size: 2rem;
    font-size: calc(36 / var(--rem-base) * 1rem);
    margin: 1.5rem 0
}

@media screen and (min-width: 769px) {
    .doc > h1.page:first-child {
        margin-top: 2.5rem
    }
}

h1.page + aside.toc.embedded {
    margin-top: -.5rem
}

#preamble + .sect1, .doc .sect1 + .sect1 {
    margin-top: 2rem
}

.doc h1.sect0 {
    background: #f0f0f0;
    background: var(--abstract-background);
    font-size: 1.8em;
    margin: 1.5rem -1rem 0;
    padding: .5rem 1rem
}

.doc h2:not(.discrete) {
    border-bottom: 1px solid #e1e1e1;
    border-bottom: 1px solid var(--section-divider-color);
    margin-left: -1rem;
    margin-right: -1rem;
    padding: .4rem 1rem .1rem
}

.doc h3:not(.discrete) {
    font-weight: 500;
    font-weight: var(--alt-heading-font-weight)
}

.doc h1 .anchor, .doc h2 .anchor, .doc h3 .anchor, .doc h4 .anchor, .doc h5 .anchor, .doc h6 .anchor {
    position: absolute;
    text-decoration: none;
    width: 1.75ex;
    margin-left: -1.5ex;
    visibility: hidden;
    font-size: .8em;
    font-weight: 400;
    padding-top: .05em
}

.doc h1 .anchor::before, .doc h2 .anchor::before, .doc h3 .anchor::before, .doc h4 .anchor::before, .doc h5 .anchor::before, .doc h6 .anchor::before {
    content: "\00a7"
}

.doc h1:hover .anchor, .doc h2:hover .anchor, .doc h3:hover .anchor, .doc h4:hover .anchor, .doc h5:hover .anchor, .doc h6:hover .anchor {
    color: #e40046;
    color: var(--color-brand-primary);
    visibility: visible
}

.doc dl, .doc p {
    margin: 0
}

.doc a {
    color: #2c7fa2;
    color: var(--link-font-color)
}

.doc a:hover {
    filter: brightness(75%) saturate(150%);
    filter: var(--link_hover-filter)
}

.doc a.bare {
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

.doc a.unresolved {
    color: #e40046;
    color: var(--link_unresolved-font-color)
}

.doc i.fa {
    display: inline-block;
    background: no-repeat 50%/1em 1em;
    filter: invert(14.5%);
    filter: var(--doc-icon-filter);
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-style: normal;
    height: 1em;
    width: 1em;
    vertical-align: -.125em
}

.doc p code, .doc thead code {
    color: #191919;
    color: var(--code-font-color);
    background: #fafafa;
    background: var(--code-background);
    border-radius: .25em;
    font-size: .95em;
    padding: .125em .25em
}

.doc code, .doc pre {
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

.doc pre {
    font-size: .88889rem;
    font-size: calc(16 / var(--rem-base) * 1rem);
    line-height: 1.5;
    margin: 0
}

.doc blockquote {
    margin: 0
}

.doc .paragraph.lead > p {
    font-size: 1rem;
    font-size: calc(18 / var(--rem-base) * 1rem)
}

.doc .right {
    float: right
}

.doc .left {
    float: left
}

.doc .stretch {
    width: 100%
}

.doc .underline {
    text-decoration: underline
}

.doc .line-through {
    text-decoration: line-through
}

.doc .dlist, .doc .exampleblock, .doc .hdlist, .doc .imageblock, .doc .listingblock, .doc .literalblock, .doc .olist, .doc .paragraph, .doc .partintro, .doc .quoteblock, .doc .sidebarblock, .doc .ulist, .doc .verseblock, .doc details, .doc hr {
    margin: 1rem 0 0
}

.doc table.tableblock {
    background: #fff;
    background: var(--body-background);
    font-size: .83333rem;
    font-size: calc(15 / var(--rem-base) * 1rem);
    margin: 1.5rem 0 0
}

@media screen and (min-width: 1024px) {
    .doc table.tableblock {
        box-shadow: 0 0 .25rem .25rem #fff;
        box-shadow: 0 0 .25rem .25rem var(--color-white)
    }

    .doc .content table.tableblock {
        box-shadow: none
    }
}

.doc table.tableblock + * {
    margin-top: 1.5rem
}

.doc td.tableblock > .content > :first-child {
    margin-top: 0
}

.doc table.tableblock td, .doc table.tableblock th {
    padding: .5rem
}

.doc table.tableblock, .doc table.tableblock > * > tr > * {
    border: 0 solid #e1e1e1;
    border: 0 solid var(--table-border-color)
}

.doc table.grid-all > * > tr > * {
    border-width: 1px
}

.doc table.grid-cols > * > tr > * {
    border-width: 0 1px
}

.doc table.grid-rows > * > tr > * {
    border-width: 1px 0
}

.doc table.grid-all > thead th, .doc table.grid-rows > thead th {
    border-bottom-width: 2.5px
}

.doc table.frame-all {
    border-width: 1px
}

.doc table.frame-ends {
    border-width: 1px 0
}

.doc table.frame-sides {
    border-width: 0 1px
}

.doc table.frame-none > colgroup + * > :first-child > *, .doc table.frame-sides > colgroup + * > :first-child > * {
    border-top-width: 0
}

.doc table.frame-sides > :last-child > :last-child > * {
    border-bottom-width: 0
}

.doc table.frame-ends > * > tr > :first-child, .doc table.frame-none > * > tr > :first-child {
    border-left-width: 0
}

.doc table.frame-ends > * > tr > :last-child, .doc table.frame-none > * > tr > :last-child {
    border-right-width: 0
}

.doc table.stripes-all > tbody > tr, .doc table.stripes-even > tbody > tr:nth-of-type(2n), .doc table.stripes-hover > tbody > tr:hover, .doc table.stripes-odd > tbody > tr:nth-of-type(odd) {
    background: #fafafa;
    background: var(--table-stripe-background)
}

.doc table.tableblock > tfoot {
    background: linear-gradient(180deg, #f0f0f0 0, #fff);
    background: var(--table-footer-background)
}

.doc .halign-left {
    text-align: left
}

.doc .halign-right {
    text-align: right
}

.doc .halign-center {
    text-align: center
}

.doc .valign-top {
    vertical-align: top
}

.doc .valign-bottom {
    vertical-align: bottom
}

.doc .valign-middle {
    vertical-align: middle
}

.doc .admonitionblock {
    margin: 1.4rem 0 0
}

.doc .admonitionblock p, .doc .admonitionblock td.content {
    font-size: .88889rem;
    font-size: calc(16 / var(--rem-base) * 1rem)
}

.doc .admonitionblock td.content > .title + *, .doc .admonitionblock td.content > :not(.title):first-child {
    margin-top: 0
}

.doc .admonitionblock pre {
    font-size: .83333rem;
    font-size: calc(15 / var(--rem-base) * 1rem)
}

.doc .admonitionblock > table {
    table-layout: fixed;
    position: relative;
    width: 100%
}

.doc .admonitionblock td.content {
    padding: 1rem 1rem .75rem;
    background: #fafafa;
    background: var(--admonition-background);
    width: 100%;
    word-wrap: anywhere
}

.doc .admonitionblock td.icon {
    position: absolute;
    top: 0;
    left: 0;
    font-size: .83333rem;
    font-size: calc(15 / var(--rem-base) * 1rem);
    line-height: 1;
    transform: translate(-.5rem, -50%);
    background: linear-gradient(90deg, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .2)) no-repeat 0/2.075em 100%;
    border-radius: .5em;
    padding: .25em .075em
}

.doc .admonitionblock td.icon i {
    display: inline-flex;
    align-items: center;
    width: auto;
    background-position-x: .5em;
    filter: invert(100%);
    padding-left: 2em;
    vertical-align: initial
}

.doc .admonitionblock td.icon i::after {
    content: attr(title);
    text-transform: uppercase;
    filter: invert(100%);
    font-weight: 500;
    font-weight: var(--admonition-label-font-weight);
    font-style: normal;
    padding: 0 .5em;
    margin: -.05em
}

.doc .admonitionblock.caution td.icon {
    background-color: #802392;
    background-color: var(--caution-color);
    color: #fff;
    color: var(--caution-on-color)
}

.doc .admonitionblock.caution td.icon i {
    background-image: url(../img/octicons-16.svg#view-flame)
}

.doc .admonitionblock.important td.icon {
    background-color: #e40046;
    background-color: var(--important-color);
    color: #fff;
    color: var(--important-on-color)
}

.doc .admonitionblock.important td.icon i {
    background-image: url(../img/octicons-16.svg#view-stop)
}

.doc .admonitionblock.note td.icon {
    background-color: #2d7dd2;
    background-color: var(--note-color);
    color: #fff;
    color: var(--note-on-color)
}

.doc .admonitionblock.note td.icon i {
    background-image: url(../img/octicons-16.svg#view-info)
}

.doc .admonitionblock.tip td.icon {
    background-color: #43b929;
    background-color: var(--tip-color);
    color: #fff;
    color: var(--tip-on-color)
}

.doc .admonitionblock.tip td.icon i {
    background-image: url(../img/octicons-16.svg#view-light-bulb)
}

.doc .admonitionblock.warning td.icon {
    background-color: #f70;
    background-color: var(--warning-color);
    color: #fff;
    color: var(--warning-on-color)
}

.doc .admonitionblock.warning td.icon i {
    background-image: url(../img/octicons-16.svg#view-alert)
}

.doc .imageblock {
    display: flex;
    flex-direction: column;
    align-items: center
}

.doc .image > img, .doc .imageblock img {
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: middle
}

.doc .image:not(.left):not(.right) > img {
    margin-top: -.2em
}

#preamble .abstract blockquote {
    background: #f0f0f0;
    background: var(--abstract-background);
    border-left: 5px solid #e1e1e1;
    border-left: 5px solid var(--abstract-border-color);
    color: #4a4a4a;
    color: var(--abstract-font-color);
    font-size: .88889rem;
    font-size: calc(16 / var(--rem-base) * 1rem);
    padding: .75em 1em
}

.doc .quoteblock, .doc .verseblock {
    background: #fafafa;
    background: var(--quote-background);
    border-left: 5px solid #5d5d5d;
    border-left: 5px solid var(--quote-border-color);
    color: #5d5d5d;
    color: var(--quote-font-color)
}

.doc .quoteblock {
    padding: .25rem 2rem 1.25rem
}

.doc .quoteblock .attribution {
    color: #8e8e8e;
    color: var(--quote-attribution-font-color);
    font-size: .83333rem;
    font-size: calc(15 / var(--rem-base) * 1rem);
    margin-top: .75rem
}

.doc .quoteblock blockquote {
    margin-top: 1rem
}

.doc .quoteblock .paragraph {
    font-style: italic
}

.doc .quoteblock cite {
    padding-left: 1em
}

.doc .verseblock {
    font-size: 1.15em;
    padding: 1rem 2rem
}

.doc .verseblock pre {
    font-family: inherit;
    font-size: inherit
}

.doc ol, .doc ul {
    margin: 0;
    padding: 0 0 0 2rem
}

.doc ol.none, .doc ol.unnumbered, .doc ol.unstyled, .doc ul.checklist, .doc ul.no-bullet, .doc ul.none, .doc ul.unstyled {
    list-style-type: none
}

.doc ol.unnumbered, .doc ul.no-bullet {
    padding-left: 1.25rem
}

.doc ol.unstyled, .doc ul.unstyled {
    padding-left: 0
}

.doc ul.circle, .doc ul.disc, .doc ul.square {
    list-style-type: square
}

.doc ol.arabic {
    list-style-type: decimal
}

.doc ol.decimal {
    list-style-type: decimal-leading-zero
}

.doc ol.loweralpha {
    list-style-type: lower-alpha
}

.doc ol.upperalpha {
    list-style-type: upper-alpha
}

.doc ol.lowerroman {
    list-style-type: lower-roman
}

.doc ol.upperroman {
    list-style-type: upper-roman
}

.doc ol.lowergreek {
    list-style-type: lower-greek
}

.doc ul.checklist {
    padding-left: .5rem
}

.doc ul.checklist > li > * > i.fa-check-square-o:first-child, .doc ul.checklist > li > * > i.fa-square-o:first-child {
    width: 1.25rem
}

.doc ul.checklist > li > * > i.fa-check-square-o:first-child {
    background-image: url(../img/octicons-16.svg#view-tasklist)
}

.doc ul.checklist > li > * > i.fa-square-o:first-child {
    background-image: url(../img/octicons-16.svg#view-tasklist-unchecked)
}

.doc .dlist .dlist, .doc .dlist .olist, .doc .dlist .ulist, .doc .olist .dlist, .doc .olist .olist, .doc .olist .ulist, .doc .ulist .dlist, .doc .ulist .olist, .doc .ulist .ulist {
    margin-top: .5rem
}

.doc .olist li, .doc .ulist li {
    margin-bottom: .5rem
}

.doc .admonitionblock .listingblock, .doc .olist .listingblock, .doc .ulist .listingblock {
    padding: 0
}

.doc .admonitionblock .title, .doc .exampleblock .title, .doc .imageblock .title, .doc .listingblock .title, .doc .literalblock .title, .doc .openblock .title, .doc .tableblock caption {
    color: #5d5d5d;
    color: var(--caption-font-color);
    font-size: .88889rem;
    font-size: calc(16 / var(--rem-base) * 1rem);
    font-weight: 500;
    font-weight: var(--caption-font-weight);
    font-style: italic;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    letter-spacing: .01em;
    padding-bottom: .075rem;
    text-align: left
}

.doc .imageblock .title {
    margin-top: .5rem;
    padding-bottom: 0
}

.doc details.result {
    margin-top: .25rem
}

.doc details.result > summary {
    color: #5d5d5d;
    color: var(--caption-font-color)
}

.doc .exampleblock > .content, .doc details.result > .content {
    background: #fff;
    background: var(--example-background);
    border: .25rem solid #5d5d5d;
    border: .25rem solid var(--example-border-color);
    border-radius: .5rem;
    padding: .75rem
}

.doc .exampleblock > .content::after, .doc details.result > .content::after {
    content: "";
    display: table;
    clear: both
}

.doc .exampleblock > .content > :first-child, .doc details.result > .content > :first-child {
    margin-top: 0
}

.doc .sidebarblock {
    background: #e1e1e1;
    background: var(--sidebar-background);
    border-radius: .75rem;
    padding: .75rem 1.5rem
}

.doc .sidebarblock > .content > .title {
    font-size: 1.25rem;
    font-size: calc(22.5 / var(--rem-base) * 1rem);
    font-weight: 500;
    font-weight: var(--alt-heading-font-weight);
    line-height: 1.3;
    margin-bottom: -.3em;
    text-align: center
}

.doc .sidebarblock > .content > :not(.title):first-child {
    margin-top: 0
}

.doc .listingblock.wrap pre, .doc .tableblock pre {
    white-space: pre-wrap
}


.doc pre.highlight {
    position: relative
}

.doc .source-toolbox {
    display: flex;
    visibility: hidden;
    position: absolute;
    top: .25rem;
    right: .5rem;
    color: grey;
    color: var(--pre-annotation-font-color);
    font-family: Roboto, sans-serif;
    font-family: var(--body-font-family);
    font-size: .75rem;
    font-size: calc(13.5 / var(--rem-base) * 1rem);
    line-height: 1
}

.doc .listingblock:hover .source-toolbox {
    visibility: visible
}

.doc .source-toolbox .source-lang {
    text-transform: uppercase;
    letter-spacing: .075em;
    font-size: .96em;
    line-height: 1.0425
}

.doc .source-toolbox > :not(:last-child)::after {
    content: "|";
    letter-spacing: 0;
    padding: 0 1ch
}

.doc .source-toolbox .copy-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: transparent;
    border: none;
    color: inherit;
    outline: none;
    padding: 0;
    font-size: inherit;
    line-height: inherit;
    width: 1em;
    height: 1em
}

.doc .source-toolbox .copy-icon {
    flex: none;
    width: inherit;
    height: inherit
}

.doc .source-toolbox img.copy-icon {
    filter: invert(50.2%);
    filter: var(--pre-annotation-icon-filter)
}

.doc .source-toolbox svg.copy-icon {
    fill: currentColor
}

.doc .source-toolbox .copy-toast {
    flex: none;
    position: relative;
    display: inline-flex;
    justify-content: center;
    margin-top: 1em;
    background-color: #24262b;
    background-color: var(--doc-font-color);
    border-radius: .25em;
    padding: .5em;
    color: #fff;
    color: var(--color-white);
    cursor: auto;
    opacity: 0;
    transition: opacity .5s ease .75s
}

.doc .source-toolbox .copy-toast::after {
    content: "";
    position: absolute;
    top: 0;
    width: 1em;
    height: 1em;
    border: .55em solid transparent;
    border-left: .55em solid var(--doc-font-color);
    transform: rotate(-90deg) translateX(50%) translateY(50%);
    transform-origin: left
}

.doc .source-toolbox .copy-button.clicked .copy-toast {
    opacity: 1;
    transition: none
}

.doc .language-console .hljs-meta {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.doc .dlist dt {
    font-style: italic
}

.doc .dlist dd {
    margin: 0 0 .25rem 1.5rem
}

.doc .dlist dd:last-of-type {
    margin-bottom: 0
}

.doc td.hdlist1, .doc td.hdlist2 {
    padding: .5rem 0 0;
    vertical-align: top
}

.doc tr:first-child > .hdlist1, .doc tr:first-child > .hdlist2 {
    padding-top: 0
}

.doc td.hdlist1 {
    font-weight: 500;
    font-weight: var(--body-font-weight-bold);
    padding-right: .25rem
}

.doc td.hdlist2 {
    padding-left: .25rem
}

.doc .colist {
    font-size: .88889rem;
    font-size: calc(16 / var(--rem-base) * 1rem);
    margin: .25rem 0 -.25rem
}

.doc .colist > table > tbody > tr > :first-child, .doc .colist > table > tr > :first-child {
    padding: .25em .5rem 0;
    vertical-align: top
}

.doc .colist > table > tbody > tr > :last-child, .doc .colist > table > tr > :last-child {
    padding: .25rem 0
}

.doc .conum[data-value] {
    border: 1px solid;
    border-radius: 100%;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-family: var(--body-font-family);
    font-size: .75rem;
    font-size: calc(13.5 / var(--rem-base) * 1rem);
    font-style: normal;
    line-height: 1.2;
    text-align: center;
    width: 1.25em;
    height: 1.25em;
    letter-spacing: -.25ex;
    text-indent: -.25ex
}

.doc .conum[data-value]::after {
    content: attr(data-value)
}

.doc .conum[data-value] + b {
    display: none
}

.doc hr {
    border: solid #e1e1e1;
    border: solid var(--section-divider-color);
    border-width: 2px 0 0;
    height: 0
}

.doc b.button {
    white-space: nowrap
}

.doc b.button::before {
    content: "[";
    padding-right: .25em
}

.doc b.button::after {
    content: "]";
    padding-left: .25em
}

.doc kbd {
    display: inline-block;
    font-size: .66667rem;
    font-size: calc(12 / var(--rem-base) * 1rem);
    background: #fafafa;
    background: var(--kbd-background);
    border: 1px solid #c1c1c1;
    border: 1px solid var(--kbd-border-color);
    border-radius: .25em;
    box-shadow: 0 1px 0 #c1c1c1, inset 0 0 0 .1em #fff;
    box-shadow: 0 1px 0 var(--kbd-border-color), 0 0 0 .1em var(--body-background) inset;
    padding: .25em .5em;
    vertical-align: text-bottom;
    white-space: nowrap
}

.doc .keyseq, .doc kbd {
    line-height: 1
}

.doc .keyseq {
    font-size: .88889rem;
    font-size: calc(16 / var(--rem-base) * 1rem)
}

.doc .keyseq kbd {
    margin: 0 .125em
}

.doc .keyseq kbd:first-child {
    margin-left: 0
}

.doc .keyseq kbd:last-child {
    margin-right: 0
}

.doc .menuseq, .doc .path {
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

.doc .menuseq i.caret {
    background-image: url(../img/octicons-16.svg#view-chevron-right);
    margin: 0 -.25em
}

.doc :not(pre).nowrap {
    white-space: nowrap
}

.doc .nobreak {
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    word-wrap: normal
}

nav.pagination {
    display: flex;
    border-top: 1px solid #e1e1e1;
    border-top: 1px solid var(--toolbar-border-color);
    line-height: 1;
    margin: 2rem -1rem -1rem;
    padding: .75rem 1rem 0
}

nav.pagination span {
    display: flex;
    flex: 50%;
    flex-direction: column
}

nav.pagination .prev {
    padding-right: .5rem
}

nav.pagination .next {
    margin-left: auto;
    padding-left: .5rem;
    text-align: right
}

nav.pagination span::before {
    color: #8e8e8e;
    color: var(--toolbar-muted-color);
    font-size: .75em;
    padding-bottom: .1em
}

nav.pagination .prev::before {
    content: "Prev"
}

nav.pagination .next::before {
    content: "Next"
}

nav.pagination a {
    font-weight: 500;
    font-weight: var(--body-font-weight-bold);
    line-height: 1.3;
    position: relative
}

nav.pagination a::after, nav.pagination a::before {
    color: #8e8e8e;
    color: var(--toolbar-muted-color);
    font-weight: 400;
    font-size: 1.5em;
    line-height: .75;
    position: absolute;
    top: 0;
    width: 1rem
}

nav.pagination .prev a::before {
    content: "\2039";
    transform: translateX(-100%)
}

nav.pagination .next a::after {
    content: "\203a"
}

html.is-clipped--navbar {
    overflow-y: hidden
}

@supports (scrollbar-width:none) {
    html.is-clipped--navbar {
        overflow-y: initial;
        scrollbar-width: none
    }
}

body {
    padding-top: 3.5rem;
    padding-top: var(--navbar-height)
}

.navbar {
    background: #191919;
    background: var(--navbar-background);
    color: #fff;
    color: var(--navbar-font-color);
    font-size: .88889rem;
    font-size: calc(16 / var(--rem-base) * 1rem);
    height: 3.5rem;
    height: var(--navbar-height);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 6;
    z-index: var(--z-index-navbar)
}

.navbar a {
    text-decoration: none
}

.navbar-brand {
    display: flex
}

.navbar-brand .navbar-item.logo {
    align-self: center;
    padding: 0;
    margin-left: 1rem;
    height: 2.1rem;
    height: calc(var(--navbar-height) * 0.6);
    width: 2.1rem;
    width: calc(var(--navbar-height) * 0.6)
}

.navbar-brand .navbar-item.logo img {
    width: inherit
}

.navbar-brand .navbar-item.title {
    align-self: center;
    color: #fff;
    color: var(--navbar-font-color);
    font-family: Comfortaa, sans-serif;
    font-size: 1rem;
    line-height: 1;
    position: relative;
    top: .06em;
    letter-spacing: -.02em;
    padding: 0;
    margin: 0 1rem
}

#search {
    display: flex;
    position: relative;
    color: #191919;
    color: var(--body-font-color);
    width: 100%
}

#search > .algolia-autocomplete {
    display: inherit !important;
    position: static !important;
    flex: auto
}

#search .query {
    border: 1px solid #e1e1e1;
    border: 1px solid var(--navbar-button-border-color);
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: 1.5;
    padding: .25rem;
    width: 7ex;
    height: -webkit-fit-content;
    flex: auto
}

#search .query:focus {
    outline: none
}

#search.has-filter .query {
    border-right: none;
    border-radius: .1em 0 0 .1em
}

#search .filter {
    background: #fff linear-gradient(180deg, #e1e1e1 0, #e1e1e1) no-repeat 0/1px 50%;
    background: var(--color-white) linear-gradient(180deg, var(--navbar-button-border-color) 0, var(--navbar-button-border-color)) no-repeat 0/1px 50%;
    border: 1px solid #e1e1e1;
    border: 1px solid var(--navbar-button-border-color);
    border-left: none;
    border-radius: 0 .1em .1em 0;
    color: #5d5d5d;
    color: var(--toolbar-font-color);
    cursor: pointer;
    font-size: .875em;
    display: flex;
    align-items: center;
    padding: 0 .5rem;
    white-space: nowrap;
    overflow: hidden
}

#search .filter input {
    margin: 0 .25rem 0 0;
    cursor: inherit
}

.navbar-burger {
    background: none;
    border: none;
    outline: none;
    line-height: 1;
    position: relative;
    width: 3rem;
    margin-left: auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 0
}

.navbar-burger span {
    background-color: #fff;
    background-color: var(--navbar-font-color);
    height: 2px;
    width: 1rem
}

.navbar-burger:not(.is-active) span {
    transition: transform .25s ease-out, opacity 0s .25s, margin-top .25s ease-out .25s
}

.navbar-burger span + span {
    margin-top: .25rem
}

.navbar-burger.is-active span + span {
    margin-top: -2px
}

.navbar-burger.is-active span:first-child {
    transform: rotate(45deg)
}

.navbar-burger.is-active span:nth-child(2) {
    opacity: 0
}

.navbar-burger.is-active span:nth-child(3) {
    transform: rotate(-45deg)
}

.navbar-item, .navbar-link {
    color: #191919;
    color: var(--navbar-menu-font-color);
    display: block;
    line-height: 1.6;
    line-height: var(--doc-line-height);
    padding: .5rem 1rem
}

.navbar-item.has-dropdown {
    padding: 0
}

.navbar-item .icon {
    width: 1.25rem;
    height: 1.25rem;
    display: block
}

.navbar-item .icon img, .navbar-item .icon svg {
    width: inherit;
    height: inherit
}

.navbar-item .icon img {
    filter: invert(10%);
    filter: var(--navbar-menu-icon-filter)
}

.navbar-item .icon svg {
    fill: currentColor
}

.navbar-link {
    padding-right: 2.5em
}

.navbar-dropdown .navbar-item {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    justify-content: space-between
}

.navbar-dropdown .navbar-item small {
    position: relative;
    right: -1rem;
    color: #8e8e8e;
    color: var(--toolbar-muted-color);
    font-size: .66667rem;
    font-size: calc(12 / var(--rem-base) * 1rem)
}

.navbar-divider {
    background-color: #e1e1e1;
    background-color: var(--navbar-menu-border-color);
    border: none;
    height: 1px;
    margin: .25rem 0
}

.navbar-dropdown div.navbar-item {
    font-weight: 500;
    font-weight: var(--navbar-heading-font-weight);
    color: #5d5d5d;
    color: var(--navbar-heading-font-color);
    letter-spacing: -.01em
}

@media screen and (max-width: 1023.5px) {
    .navbar-brand {
        height: inherit
    }

    .navbar-brand .navbar-item {
        align-items: center;
        display: flex
    }

    .navbar-menu {
        background: #fff;
        background: var(--navbar-menu-background);
        box-shadow: 0 8px 16px rgba(10, 10, 10, .1);
        max-height: calc(100vh - 3.5rem);
        max-height: var(--body-min-height);
        overflow-y: auto;
        -ms-scroll-chaining: none;
        overscroll-behavior: none;
        padding: .5rem 0
    }

    .navbar-menu:not(.is-active) {
        display: none
    }

    .navbar-menu .navbar-link:hover, .navbar-menu a.navbar-item:hover {
        background: #f5f5f5;
        background: var(--navbar-menu_hover-background)
    }

    .navbar-end .navbar-item.search {
        height: 3rem;
        display: flex
    }

    #search .query {
        height: 100%
    }
}

@media screen and (min-width: 1024px) {
    .navbar-burger {
        display: none
    }

    .navbar, .navbar-end, .navbar-menu {
        display: flex
    }

    .navbar-menu {
        flex: auto
    }

    .navbar-end {
        flex: auto;
        justify-content: flex-end
    }

    .navbar-item, .navbar-link {
        display: flex;
        position: relative;
        flex: none
    }

    .navbar-item:not(.has-dropdown), .navbar-link {
        align-items: center
    }

    .navbar-item.is-hoverable:hover .navbar-dropdown {
        display: block
    }

    .navbar-link::after {
        border-width: 0 0 1px 1px;
        border-style: solid;
        content: "";
        display: block;
        height: .5em;
        pointer-events: none;
        position: absolute;
        transform: rotate(-45deg);
        width: .5em;
        margin-top: -.375em;
        right: 1.125em;
        top: 50%
    }

    .navbar-end .navbar-link, .navbar-end > .navbar-item {
        color: #fff;
        color: var(--navbar-font-color)
    }

    .navbar-end .navbar-item.has-dropdown:hover .navbar-link, .navbar-end .navbar-link:hover, .navbar-end > a.navbar-item:hover {
        background: #000;
        background: var(--navbar_hover-background);
        color: #fff;
        color: var(--navbar-font-color)
    }

    .navbar-end .navbar-link::after {
        border-color: currentColor
    }

    .navbar-end .navbar-item.search {
        flex: 0 1 20rem;
        padding-left: 0
    }

    .navbar-item .icon img {
        filter: invert(100%)
    }

    .navbar-dropdown {
        background: #fff;
        background: var(--navbar-menu-background);
        border: 1px solid #e1e1e1;
        border-top: 2px solid #e40046;
        border: 1px solid var(--navbar-menu-border-color);
        border-top: 2px solid var(--color-brand-primary);
        border-radius: 0 0 .25rem .25rem;
        border-radius: var(--navbar-menu-border-radius);
        box-shadow: 0 2px 4px hsla(0, 0%, 62.7%, .15);
        box-shadow: var(--navbar-menu-box-shadow);
        display: none;
        top: 100%;
        left: 0;
        min-width: 100%;
        position: absolute
    }

    .navbar-dropdown .navbar-item {
        padding: .5rem 2rem .5rem 1rem;
        white-space: nowrap
    }

    .navbar-dropdown .navbar-item:last-child {
        border-radius: inherit
    }

    .navbar-dropdown.is-right {
        left: auto;
        right: 0
    }

    .navbar-dropdown a.navbar-item:hover {
        background: #f5f5f5;
        background: var(--navbar-menu_hover-background)
    }
}

footer.footer {
    background-color: #191919;
    background-color: var(--footer-background);
    color: #bababa;
    color: var(--footer-font-color);
    font-size: .77778rem;
    font-size: calc(14 / var(--rem-base) * 1rem);
    line-height: 1.6;
    line-height: var(--footer-line-height);
    padding: 2rem 1rem;
    display: flex;
    flex-direction: column
}

.footer p {
    margin: 0
}

.footer a {
    color: inherit;
    text-decoration: none
}

.footer a:hover {
    color: #fff;
    color: var(--footer-link-font-color)
}

.footer p + p {
    margin-top: 1em
}

.footer-main {
    flex-direction: column
}

.footer-brand, .footer-main {
    display: flex;
    align-items: center
}

.footer-brand {
    margin: 0
}

.footer-brand .logo {
    display: flex
}

.footer-brand a, .footer-brand figcaption {
    color: #fff;
    color: var(--footer-link-font-color)
}

.footer-brand figcaption {
    font-family: Comfortaa, sans-serif;
    font-size: 2rem;
    font-size: calc(36 / var(--rem-base) * 1rem);
    line-height: 1;
    position: relative;
    top: .06em;
    letter-spacing: -.02em
}

.footer-brand .logo + figcaption {
    margin-left: 1rem
}

.footer-brand img {
    height: 2.5rem;
    height: calc(45 / var(--rem-base) * 1rem)
}

.footer-brand-links {
    list-style: none;
    display: flex;
    margin: 2rem 0 0;
    padding: 0;
    font-size: .9rem
}

.footer-brand-links li + li::before {
    content: "|";
    padding: 0 .5em
}

.footer-legal {
    margin-top: 1.5rem
}

.footer-legal, .footer-thanks {
    text-align: center
}

.footer-thanks .badges {
    line-height: 1;
    display: inline-flex;
    align-items: center
}

.footer-thanks .badges a + a {
    margin-left: 5px
}

.footer-thanks .badges img {
    vertical-align: middle
}

@media screen and (min-width: 1024px) {
    footer.footer {
        flex-direction: row;
        position: relative;
        z-index: 5;
        z-index: var(--z-index-footer)
    }

    .footer-legal {
        margin-top: 0;
        padding: 0 1.5rem;
        text-align: left;
        width: 40%
    }

    .footer-main, .footer-thanks {
        width: 30%
    }

    .footer-thanks {
        text-align: right
    }

    .footer-thanks .badges {
        display: flex;
        justify-content: flex-end
    }
}

@page {
    margin: .5in
}

@media print {
    .hide-for-print {
        display: none !important
    }

    html {
        font-size: .9375em;
        font-size: var(--body-font-size--print)
    }

    a {
        color: inherit !important;
        text-decoration: underline
    }

    a.bare, a[href^="#"], a[href^="mailto:"] {
        text-decoration: none
    }

    img, object, svg, tr {
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    pre {
        -webkit-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
        white-space: pre-wrap
    }

    body {
        padding-top: 2rem
    }

    .navbar {
        background: none;
        color: inherit;
        position: absolute
    }

    .navbar * {
        color: inherit !important
    }

    .footer > :not(.footer-legal), .nav-container, .navbar > :not(.navbar-brand), .toolbar, aside.toc, nav.pagination {
        display: none
    }

    .doc {
        color: inherit;
        margin: auto;
        max-width: none;
        padding-bottom: 2rem
    }

    .doc .listingblock code[data-lang]::before {
        display: block
    }

    footer.footer {
        background: none;
        border-top: 1px solid #e1e1e1;
        border-top: 1px solid var(--panel-border-color);
        color: #8e8e8e;
        color: var(--quote-attribution-font-color);
        padding: .75rem .5rem 0
    }

    .footer-legal {
        margin-top: 0;
        text-align: left
    }

    .footer * {
        color: inherit
    }
}

.scrollable-div {
    max-width: 100%;
    overflow-x: auto;
}

.description-column {
    min-width: 400px;
}

/* Target the second column (td or th) within the table that has the .product-table role */
.properties-table th:nth-child(4),
.properties-table td:nth-child(4) {
    /* Apply your desired styles here, e.g., to change the background */
    background-color: #d3fae2; /* Alice Blue */
    border-right: 1px solid #ccc;
    min-width: 500px; /* or whatever width you need */
}

.properties-table td:nth-child(1) {
    text-wrap: nowrap;
}