<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* -- variables ------------------------------------------------------------- */

:root {
    --sidebar-width: 19rem;
    --topbar-height: 3rem;
}

/* -- page layout ----------------------------------------------------------- */

body {
    position: relative;  /* reference for sidebar-resize-handle */
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    min-width: unset;
    color: #000;
    background-color: #fff;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
}

/* keep the footer at the bottom (on very short pages) */
html { height: 100%; }
body { min-height: 100%; display: flex; flex-direction: column; }
div.document { flex-grow: 1; }

div.body {
    padding: 0 20px;
    min-width: unset;  /* body_min_width is applied to &lt;body&gt; */
    overflow-x: auto;

    margin-left: auto;
    margin-right: auto;

    line-height: 1.618;
}

* {
    scroll-margin-top: var(--topbar-height);
    scroll-snap-margin-top: var(--topbar-height);  /* Safari */
}

/* -- scrollbars ------------------------------------------------------------ */

html::-webkit-scrollbar, div.sphinxsidebar::-webkit-scrollbar {
    width: 12px;
    background-color: #fff;
}

html::-webkit-scrollbar-thumb, div.sphinxsidebar::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 6px;
}

html, div.sphinxsidebar {
    scrollbar-color: #ccc transparent;
}

body {
    scrollbar-color: initial;
}

div.sphinxsidebar::-webkit-scrollbar {
    width: 7px;
}

div.sphinxsidebar::-webkit-scrollbar-thumb {
    border-radius: 3.5px;
}

div.sphinxsidebar {
    scrollbar-width: thin;
}

/* -- body styles ----------------------------------------------------------- */

strong {
    font-weight: 600;
}

div.body h1,
div.body h2,
div.body h3,
div.body h4,
div.body h5,
div.body h6,
.toctree-wrapper .caption,
p.rubric {
    margin-top: 1.3em;
    margin-bottom: 1rem;
    font-weight: 600;
    line-height: 1.35;
    overflow-wrap: break-word;
}

div.body h5,
div.body h6 {
    font-weight: bold;
}

div.body h1 strong,
div.body h2 strong,
div.body h3 strong,
div.body h4 strong,
div.body h5 strong,
div.body h6 strong {
    font-weight: 800;
}

div.body h1 { font-size: 2em; }
div.body h2 { font-size: 1.7em; }
div.body h3 { font-size: 1.4em; }
div.body h4 { font-size: 1.2em; }
div.body h5 { font-size: 1em; }
div.body h6 { font-size: 0.9em }

.toctree-wrapper .caption,
p.rubric {
    font-size: 1.1em;
    font-weight: bold;
}

a.headerlink {
    padding: 0 4px;
    font-size: 1rem;
    font-weight: normal;
}

blockquote {
    clear: inline-start;
    margin: 10px 0;
    border: 1px solid #0002;
    border-left-width: 7px;
    padding: 0 1em;
}

.section &gt; blockquote,
section &gt; blockquote {
    margin: 10px -7px;
}

blockquote.pull-quote p:not(.attribution),
blockquote.epigraph p:not(.attribution) {
    font-size: 130%;
    font-style: italic;
    color: #666;
}

blockquote:not(.pull-quote):not(.epigraph) p.attribution {
    font-style: italic;
}

blockquote p.attribution {
    text-align: end;
}

div.body a:target,
strong:target {
    padding: 3px;
    margin: -3px;
}

div.body dl &gt; dt:target,
div.body div.admonition dl &gt; dt:target,
div.body .topic dl &gt; dt:target,
div.body .sidebar dl &gt; dt:target,
div.body .sidebar .sidebar-title a:target,
div.body a:target,
strong:target {
    background-color: #fbe54e;
}

.footnote:target {
    background-color: unset;
}

.footnote:target .label {
    padding: 3px;
    margin: -3px;
    background-color: #fbe54e;
}

.citation:target .label {
    padding: 3px;
    margin-left: -3px;
    margin-top: -3px;
    margin-bottom: -3px;
    margin-right: 5px;
    background-color: #fbe54e;
}

.citation:target .backrefs {
    margin-left: -8px;
}

hr.docutils {
    border: 0;
    border-top: solid 1px #ccc;
}

.section &gt; hr.docutils,
section &gt; hr.docutils {
    margin-left: -7px;
    margin-right: -7px;
}

.compound:not(.toctree-wrapper) {
    margin-top: 1em;
    margin-bottom: 1em;
}

.compound:not(.toctree-wrapper) &gt; * {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}

.compound:not(.toctree-wrapper) &gt; *:first-child {
    margin-top: 0;
    margin-bottom: 0.2em;
}

.compound:not(.toctree-wrapper) &gt; *:last-child {
    margin-top: 0.2em;
    margin-bottom: 0;
}

section, .section {
    clear: inline-start;
}

/* -- hyperlink styles ------------------------------------------------------ */

a {
    color: #1863b5;
    text-decoration: none;
    overflow-wrap: break-word;
}

a:hover {
    text-decoration: underline;
}

a:visited {
    color: #004188;
}

a.external {
    text-decoration: underline;
}

a.external:hover {
    text-decoration: none;
}

a.external:visited {
    text-decoration: none;
}

/* -- code formatting ------------------------------------------------------- */

code, pre, kbd, samp {
    font-family: 'DejaVu Sans Mono', Menlo, monospace;
}

pre {
    padding: 7px;
    line-height: normal;
    font-size: 0.875em;
}

.section &gt; div &gt; div.highlight,
.section &gt; .compound &gt; div &gt; div.highlight,
.section &gt; .literal-block-wrapper &gt; div &gt; div.highlight,
.section &gt; pre.literal-block,
.section &gt; .compound &gt; pre.literal-block,
section &gt; div &gt; div.highlight,
section &gt; .compound &gt; div &gt; div.highlight,
section &gt; .literal-block-wrapper &gt; div &gt; div.highlight,
section &gt; pre.literal-block,
section &gt; .compound &gt; pre.literal-block {
    margin-left: -7px;
    margin-right: -7px;
}

code,
code.xref,
a code,
div.body div.admonition dl &gt; dt code,
div.body .topic dl &gt; dt code,
div.body .sidebar dl &gt; dt code,
h1 code, h2 code, h3 code, h4 code, h5 code, h6 code,
div.code-block-caption code {
    background-color: rgba(27,31,35,.05);
    padding: 0.1em 0.2em;
    font-weight: normal;
}

div.body dl &gt; dt code {
    background-color: unset;
    padding: unset;
}

code.xref,
a code {
    font-weight: unset;
}

code.descname {
    font-size: unset;
}

.sig-name {
	font-size: unset;
}

.sig-paren,
.optional {
    line-height: 0;
}

div.code-block-caption {
    text-align: center;
    font-size: unset;
}

div.literal-block-wrapper {
    clear: both;
}

td.linenos .linenodiv pre {
    color: #666;
    background-color: transparent;
    padding: 7px 0px;
}

table.highlighttable td.linenos {
    padding-right: 0.5em;
}

span.linenos {
    margin-right: 0.7em;
}

/* highlighted line (:emphasize-lines:) */
.highlight .hll {
    padding: 0 0.5em;
    margin: 0 -0.5em;
}

kbd.docutils:not(.compound) {
    padding: 0.15em;
    border-radius: 3px;
    border: 1px solid #333;
}

span.pre {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

/* -- admonitions ----------------------------------------------------------- */

div.topic, aside.topic,
div.sidebar, aside.sidebar,
nav.contents {
    border: none;
    padding: 7px;
}

.section &gt; div.admonition,
section &gt; div.admonition,
div.body &gt; div.admonition,
.section &gt; .topic,
section &gt; .topic,
div.body &gt; .topic,
.section &gt; nav.contents,
section &gt; nav.contents,
div.body &gt; nav.contents {
    margin: 10px -7px;
}

div.sidebar,
aside.sidebar {
    margin-right: -7px;
}

div.admonition &gt; p.admonition-title,
.topic &gt; p.topic-title,
nav.contents &gt; p.topic-title,
.sidebar &gt; p.sidebar-title {
    margin: -7px -7px 7px -7px;
    padding: 4px 7px;
    font-weight: normal;
    font-size: unset;
    color: #333;
}

.first.admonition-title,
.first.topic-title,
.first.sidebar-title {
    /* override basic.css, which uses !important */
    margin-top: -7px !important;
}

div.admonition &gt; p.admonition-title + *,
.topic &gt; p.topic-title + *,
nav.contents &gt; p.topic-title + *,
.sidebar &gt; p.sidebar-title + * {
    margin-top: 0;
}

div.admonition &gt; :first-child:not(.admonition-title),
div.topic &gt; :first-child:not(.topic-title),
aside.topic &gt; :first-child:not(.topic-title),
nav.contents &gt; :first-child:not(.topic-title) {
    margin-top: 0;
}

nav.contents &gt; :last-child {
    margin-bottom: 0;
}

div.admonition {
    background-color: #e4ebf2;
}

div.admonition &gt; p.admonition-title {
    background-color: #cadcea;
}

div.admonition.attention,
div.admonition.caution,
div.admonition.danger,
div.admonition.error,
div.admonition.warning {
    background-color: #fbe7d4;
}

div.admonition.attention &gt; p.admonition-title,
div.admonition.caution &gt; p.admonition-title,
div.admonition.danger &gt; p.admonition-title,
div.admonition.error &gt; p.admonition-title,
div.admonition.warning &gt; p.admonition-title {
    background-color: #f0d5b8;
}

div.topic, nav.contents, aside.topic {
    background-color: #fff0eb;
}

.topic &gt; p.topic-title,
nav.contents &gt; p.topic-title {
    background-color: #f0dbd4;
}

div.sidebar,
aside.sidebar,
div.admonition.seealso {
    background-color: #f4f4f4;
}

.sidebar &gt; p.sidebar-title,
div.admonition.seealso &gt; p.admonition-title {
    background-color: #e4e4e4;
}

div.admonition.seealso {
    clear: both;
}

p.sidebar-subtitle {
    font-style: italic;
}

/* More specific selectors to override previous defintions */
div.body div.admonition dl &gt; dt,
div.body .topic dl &gt; dt,
div.body .sidebar dl &gt; dt {
    padding: unset;
    background-color: unset;
}

div.body div.admonition dl:not(.glossary) &gt; dt,
div.body .topic dl:not(.glossary) &gt; dt,
div.body .sidebar dl:not(.glossary) &gt; dt {
    font-weight: unset;
}

/* -- tables and lists ------------------------------------------------------ */

table.docutils {
    overflow-x: auto;
    display: block;
    border-collapse: separate;
    border-spacing: 4px 4px;
    margin-top: 1em;
    margin-bottom: 1em;
}

table.docutils th {
    font-weight: normal;
    background-color: rgba(27,31,35,.05);
    border-bottom: 2px solid #333;
}

table.docutils td {
    overflow-wrap: break-word;
}



ol, ul {
    padding-left: 1.2em;
}

ol.simple p, ul.simple p {
    margin-bottom: 0.3em;
}

.toctree-wrapper ul,
.contents ul {
    list-style: none;
    margin-top: 0.5em;
    padding-left: 2em;
}

.toctree-wrapper li:not(:first-child),
.contents li:not(:first-child) {
    margin-top: 0.5em;
}

.toctree-wrapper &gt; ul,
.contents &gt; ul {
    padding-left: unset;
}

dl.citation &gt; dt {
    font-weight: 600;
}

div.body dl {
    margin: 1em 0;
}

div.body dl &gt; dt,
dl.field-list &gt; dt {
    display: table;
}

div.body dt:not(.label),
dl.field-list &gt; dt {
    margin-top: 1em;
    padding: 1px 7px;
    background-color: #f5f5f5;
}

.section &gt; dl &gt; dt:not(.label),
.section &gt; dl.field-list &gt; dt,
section &gt; dl &gt; dt:not(.label),
section &gt; dl.field-list &gt; dt {
    margin: 1em -7px 0;
}

div.body dl &gt; dt:first-child {
    margin-top: 0;
}

div.body dl &gt; dt.label:target,
div.body div.admonition dl &gt; dt:target,
div.body .topic dl &gt; dt:target,
div.body .sidebar dl &gt; dt:target {
    padding: 3px 7px;
    margin-top: -3px;
    margin-bottom: -3px;
    margin-left: -7px;
}

dl.glossary &gt; dt {
    font-size: unset;
    font-weight: 600;
}

dl.glossary &gt; dt strong {
    font-weight: bold;
}

dl.field-list {
    display: unset;
}

dl.field-list &gt; dt {
    font-weight: unset;
}

dl.field-list &gt; dt::after {
    content: unset;
}

dd,
dl.field-list &gt; dd {
    padding-left: 0;
    margin-top: 3px;
    margin-left: 2em;
}

dd:not(:last-child),
dl.field-list &gt; dd:not(:last-child) {
    margin-bottom: 1em;
}

div.body dl.class &gt; dt:not(:target),
div.body dl.type &gt; dt:not(:target),
div.body dl.concept &gt; dt:not(:target),
div.body dl.enum &gt; dt:not(:target),
div.body dl.enum-class &gt; dt:not(:target),
div.body dl.union &gt; dt:not(:target) {
    background-color: #e4ebf2;
}

div.body dl.exception &gt; dt:not(:target) {
    background-color: #fbe7d4;
}

/* -- relbar ---------------------------------------------------------------- */

.relbar {
    padding: 10px 10px 0;
}

.relbar &gt; a {
    box-sizing: border-box;
    width: 50%;
    padding: 10px;
    display: flex;
    align-items: center;
    color: inherit;
    text-decoration: none;
    user-select: none;
}

.relbar &gt; a.previous {
    float: left;
}

.relbar &gt; a.next {
    float: right;
    text-align: right;
}

.relbar .icon {
    color: #888;
}

.relbar .previous .icon {
    margin-right: 1em;
}

.relbar .next .icon {
    margin-left: 1em;
}

.relbar .title {
    position: relative;
    flex: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 1.4em;
    font-weight: 200;
}

.relbar .title .text {
    line-height: 2.1em;
}

.relbar .title .text .direction {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    font-size: 60%;
    line-height: 0.5em;
}

.relbar .pre {
    white-space: pre;
}

/* -- breadcrumbs ----------------------------------------------------------- */

nav.crumbs {
    color: #888;
    font-size: 90%;
}

nav.crumbs ul {
    padding: 0;
    list-style: none;
}

nav.crumbs ul li {
    display: inline;
}

nav.crumbs a:visited {
    color: #1565c0;
}

/* -- footer ---------------------------------------------------------------- */

footer {
    padding: 9px 0 9px 0;
    text-align: center;
    font-size: 75%;
    color: #333;
}

footer, div.articleComments {
    border-top: #ccc solid 1px;
}

/* -- sidebar --------------------------------------------------------------- */

div.sphinxsidebar {
    position: fixed;
    width: var(--sidebar-width);
    left: 0;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    float: unset;
    margin-left: unset;  /* override basic.css */
    padding-top: var(--topbar-height);
    z-index: 390;
    color: #333;
    background-color: #f5f5f5;
    overscroll-behavior: contain;
}

#sidebar-checkbox:checked ~ div.document,
#sidebar-checkbox:checked ~ .relbar,
#sidebar-checkbox:checked ~ .articleComments,
#sidebar-checkbox:checked ~ footer {
    margin-left: var(--sidebar-width);
}

body:not(.sidebar-resizing) div.document,
body:not(.sidebar-resizing) .relbar,
body:not(.sidebar-resizing) .articleComments,
body:not(.sidebar-resizing) footer {
    transition: margin-left 0.3s ease-out;
}

body:not(.sidebar-resizing) .sphinxsidebar {
    transition: left 0.3s ease-out;
}

div.sphinxsidebarwrapper {
    position: relative;  /* reference for sidebar-resize-handle */
    box-sizing: border-box;
    padding: 10px;
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

div.sphinxsidebarwrapper &gt; :first-child {
    margin-top: 0;
}

div.sphinxsidebarwrapper &gt; :last-child {
    margin-bottom: 0;
}

.sidebar-resize-handle {
    display: none;
    position: absolute;
    width: 0;
    top: 0;
    bottom: 0;
}

body.js #sidebar-checkbox:checked ~ .sidebar-resize-handle,
body.js #sidebar-checkbox:checked ~ div.document .sidebar-resize-handle {
    display: block;
    cursor: col-resize;
    width: 10px;
}

.sphinxsidebar .sidebar-resize-handle {
    right: 0;
}

body.js #sidebar-checkbox:checked ~ .sidebar-resize-handle {
    z-index: 390;
    left: var(--sidebar-width);
}

#sidebar-checkbox:not(:checked) ~ div.document .sphinxsidebar {
    left: calc(0px - var(--sidebar-width));
}

div.sphinxsidebar h3 {
    font-size: 1.4em;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 5px;
}

div.sphinxsidebar h4 {
    font-size: 1.3em;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 5px;
}

div.sphinxsidebar p.caption {
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 5px;
}

div.sphinxsidebar p.caption + ul {
    margin-top: 0;
}

div.sphinxsidebar p.topless {
    margin: 10px;
}

div.sphinxsidebar p.topless {
    margin-top: 0;
}

div.sphinxsidebar ul {
    padding-left: 0;
    margin-left: 10px;
}

div.sphinxsidebar h3 + ul,
div.sphinxsidebar h4 + ul {
    margin-top: -5px;
}

div.sphinxsidebar li {
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}

div.sphinxsidebar li li:first-child {
    margin-top: 0.4em;
}

div.sphinxsidebar li li:last-child {
    margin-bottom: -0.4em;
}

div.sphinxsidebar ul ul {
    list-style: unset;
}

.sphinxsidebar a {
    color: #004188;
}

div.sphinxsidebar a.in-view {
    font-weight: 600;
    letter-spacing: -0.013em;
}

div.sphinxsidebar code {
    background-color: unset;
    padding: 0;
}

div.sphinxsidebar h3,
div.sphinxsidebar h4,
div.sphinxsidebar p,
div.sphinxsidebar li {
    margin-right: -10px;
    padding-right: 10px;
}

div.sphinxsidebar h3,
div.sphinxsidebar h4,
div.sphinxsidebar p,
div.sphinxsidebar li {
    margin-left: -20px;
    padding-left: 20px;
}

div.sphinxsidebar li.toctree-l2 {
    margin-left: -40px;
    padding-left: 40px;
}

div.sphinxsidebar li.toctree-l3 {
    margin-left: -60px;
    padding-left: 60px;
}

div.sphinxsidebar li.toctree-l4 {
    margin-left: -80px;
    padding-left: 80px;
}

div.sphinxsidebar li.toctree-l5 {
    margin-left: -100px;
    padding-left: 100px;
}

div.sphinxsidebar li.toctree-l6 {
    margin-left: -120px;
    padding-left: 120px;
}

div.sphinxsidebar li.toctree-l7 {
    margin-left: -140px;
    padding-left: 140px;
}

div.sphinxsidebar li.toctree-l8 {
    margin-left: -160px;
    padding-left: 160px;
}

div.sphinxsidebar li.toctree-l9 {
    margin-left: -180px;
    padding-left: 180px;
}

div.sphinxsidebar li.toctree-l10 {
    margin-left: -200px;
    padding-left: 200px;
}

body:not(.js) div.sphinxsidebar li.current,
div.sphinxsidebar .current-page:not(.logo) {
    background-color: #fff;
}

div.sphinxsidebar .current-page li:not(.current-page) {
    background-color: #f5f5f5;
}

div.sphinxsidebar .current-page {
    transition: background-color 0.3s ease-out;
}

div.sphinxsidebar input {
    border-color: #ccc;
    font-family: unset;
}

/* -- topbar ---------------------------------------------------------------- */

#topbar-placeholder {
    z-index: 500;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

#topbar {
    border-bottom: #ccc solid 1px;
    background-color: #fff;
}

#topbar,
#titlebar a,
#titlebar a:visited {
    color: #888;
}

.relbar,
.relbar &gt; a:hover .direction {
    color: #ccc;
}

#topbar button:hover,
#titlebar .buttons &gt; *:hover,
#titlebar a:hover,
.relbar a:hover,
.relbar a:hover .icon {
    color: #333;
}

#titlebar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    min-height: 3rem;
}

#titlebar .buttons {
    display: flex;
    align-items: baseline;
    margin: 0 5px;
}

#titlebar .buttons &gt; *,
#topbar button {
    margin: 0;
    border: none;
    padding: 8px;
    color: inherit;
    background: none;
    font: inherit;
    cursor: pointer;
}

#titlebar .title button {
    padding: 0;
}

#titlebar svg,
.insipid-icon svg,
.relbar svg,
.related svg,
.crumbs svg {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  fill: currentColor;
}

#topbar a {
    text-decoration: none;
}

body.js.topbar-folded #topbar-placeholder:not(.fake-hover) #topbar {
    transform: translateY(-100%);
}

body.js #topbar {
    transition: transform 0.3s ease-out;
}

body:not(.js) #search-button {
    display: none;
}

#titlebar .title {
    font-weight: 200;
    font-size: 1.7rem;
    text-align: center;
    margin: 0;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#titlebar .top,
body.scrolled #titlebar .parent {
    display: none;
}

body.scrolled #titlebar .top {
    display: inline-block;
}

/* -- search field in topbar ------------------------------------------------ */

#topbar #searchbox form {
    display: flex;
    align-items: stretch;
    margin: 5px;
}

#topbar #searchbox input {
    flex-grow: 1;
    border: 1px solid #ccc;
    padding: 7px;
    color: #333;
}

#topbar #searchbox p.highlight-link {
    text-align: center;
    margin: 8px;
}

#searchbox p.highlight-link a {
    padding: 0 4px;
    background-color: #fbe54e;
}



/* -- navigation icons ------------------------------------------------------ */

/* cover nav-icon */
div.body, .relbar, footer, div.articleComments {
    position: relative;
    background-color: #fff;
}

.nav-icon svg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1.25em;
    width: 2.5em;
    height: 2.5em;
    fill: currentColor;
}

.nav-icon {
    position: fixed;
    right: 0;
    margin: -2em 1em;
    width: 4em;
    height: 4em;
    color: #f5f5f5;
}

.nav-icon:visited {
    color: #f5f5f5;
}

.nav-icon:hover {
    color: #fff;
    background-color: #f5f5f5;
}

.nav-icon.previous {
    bottom: 50vh;
    left: 0;
    right: unset;
}

.nav-icon.next {
    top: 50vh;
}
#sidebar-checkbox:checked ~ nav .nav-icon.previous {
    left: var(--sidebar-width);
}

body:not(.sidebar-resizing) .nav-icon.previous {
    transition: left 0.3s ease-out;
}

/* -- sphinx.ext.viewcode --------------------------------------------------- */

.viewcode-link {
    font-size: 90%;
    margin-left: 1em;
}

div.viewcode-block:target {
    margin: -0.5em;
    padding: 0.5em;
    background-color: #ffffcc;
}

/* -- media queries --------------------------------------------------------- */
@media only screen and (max-width: 39rem) {
    #sidebar-checkbox:checked ~ div.document,
    #sidebar-checkbox:checked ~ .relbar,
    #sidebar-checkbox:checked ~ .articleComments,
    #sidebar-checkbox:checked ~ footer {
        margin-left: 0;
    }

    #sidebar-checkbox:checked ~ #topbar-placeholder {
        margin-left: 0;
    }

    #overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        visibility: hidden;
        opacity: 0;
        background-color: rgba(100%, 100%, 100%, 80%);
        transition: opacity 0.3s ease-out, visibility 0s 0.3s ease-out;
        z-index: 380;
    }

    #sidebar-checkbox:checked ~ #overlay {
        visibility: visible;
        opacity: 1;
        transition: opacity 0.3s ease-out;
    }

    #sidebar-checkbox:checked ~ #topbar-placeholder #titlebar .parent {
        display: unset;
    }

    #sidebar-checkbox:checked ~ #topbar-placeholder #titlebar #titlebar .top {
        display: none;
    }
}

body:not(.js) #fullscreen-button {
    display: none;
}

body.js #fullscreen-button .disable {
    display: none;
}

@media all and (display-mode: fullscreen) {
    body.js #fullscreen-button .enable {
        display: none;
    }

    body.js #fullscreen-button .disable {
        display: unset;
    }
}

/* -- fix Firefox buttons --------------------------------------------------- */

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

button:-moz-focusring {
  outline: 1px dotted;
}</pre></body></html>