/* The style of the theme, in the colours and type of the Zurich Instruments
   corporate design, for the light colour scheme. Loaded after extra.css,
   unless `extra.zhinst_style` selects the legacy style. */

/* Every block of the content, from paragraphs to code, tables and images,
   shares one width and so one right edge. The width keeps a line of text
   readable. */

:root {
    --zi-light: "ZIAkkurat Light Web", "SourceHanSansSC Light", sans-serif;
    --zi-regular: "ZIAkkurat Regular Web", "SourceHanSansSC Regular", sans-serif;

    /* The rest of the corporate palette; extra.css defines its three blues. */
    --zi-black: #000;
    --zi-orange: #ee7f00;
    --zi-red: #e62600;

    /* The intermediary blue and the orange, darkened for text to the
       contrast of 4.5:1 that WCAG AA asks for, on white and on the panel. */
    --zi-link: #0074b8;
    --zi-orange-text: #a85a00;

    --zi-grey: #666;
    --zi-rule: #eaeaea;
    --zi-panel: #f5f5f8;
    /* The lightest of the shading blues of the corporate design. */
    --zi-shade: #d5edfa;

    /* The cyan of h1 and h2 reaches only the contrast of 3:1 that WCAG AA
       asks for large text, from 24 px. */
    --zi-text-h1: 1.5rem;
    --zi-text-h2: 1.2rem;
    --zi-text-h3: .9rem;
    --zi-text: .8rem;
    --zi-text-small: .7rem;

    --zi-header-height: 3rem;
    --zi-sidebar-width: 13rem;
    --zi-toc-width: 11rem;
    --zi-column-width: 40.4rem;
    /* Material's margin on either side of the content. */
    --zi-content-margin: 1.2rem;
}

[data-md-color-scheme="default"] {
    --md-typeset-color: var(--zi-black);
    --md-default-fg-color--light: var(--zi-grey);
    --md-default-fg-color--lightest: var(--zi-rule);
    --md-code-bg-color: var(--zi-panel);
    --md-typeset-a-color: var(--zi-link);
    --md-accent-fg-color: var(--zi-color-secondary);
    --md-typeset-table-color: var(--zi-rule);
    --md-footer-fg-color: var(--zi-black);
    --md-footer-fg-color--light: var(--zi-grey);
    --md-footer-fg-color--lighter: var(--zi-grey);
    --md-footer-bg-color: var(--md-default-bg-color);
    --md-footer-bg-color--dark: var(--md-default-bg-color);
    --md-admonition-fg-color: var(--zi-black);
    --md-accent-fg-color--transparent: color-mix(in srgb, var(--zi-color-secondary) 10%, transparent);

    /* The corporate design allows no colours outside its palette, so the
       syntax highlighting uses the palette too. */
    --md-code-fg-color: var(--zi-black);
    --md-code-hl-keyword-color: var(--zi-color-secondary);
    --md-code-hl-operator-color: var(--zi-black);
    --md-code-hl-punctuation-color: var(--zi-black);
    --md-code-hl-name-color: var(--zi-black);
    --md-code-hl-function-color: var(--zi-black);
    --md-code-hl-variable-color: var(--zi-black);
    --md-code-hl-generic-color: var(--zi-black);
    --md-code-hl-string-color: var(--zi-link);
    --md-code-hl-special-color: var(--zi-link);
    --md-code-hl-constant-color: var(--zi-orange-text);
    --md-code-hl-number-color: var(--zi-orange-text);
    --md-code-hl-comment-color: var(--zi-grey);

    /* A diagram draws its boxes in the shading blue with a cyan outline,
       and its lines and text in black. */
    --md-mermaid-font-family: var(--zi-light);
    --md-mermaid-node-bg-color: var(--zi-shade);
    --md-mermaid-node-fg-color: var(--zi-color-primary);
    --md-mermaid-edge-color: var(--zi-black);
    --md-mermaid-label-fg-color: var(--zi-black);
}

/* Material grows the root font with the window width, and every size and
   spacing with it. */
html {
    font-size: 125%;
}

/* ZI Akkurat Regular is the bold of ZI Akkurat Light. A synthesized bold of
   it smears. */
.md-typeset :is(.doc-section-title, .tabbed-labels > label, .footnote-ref),
.md-search-result :is(.md-search-result__title, h2),
.device_name,
.md-header .md-header__topic,
.md-nav--primary .md-nav__title[for="__drawer"],
.md-nav__title {
    font-weight: 400;
}

/* Layout */

.md-grid {
    max-width: calc(var(--zi-sidebar-width) + var(--zi-column-width) + var(--zi-toc-width) + 2 * var(--zi-content-margin));
}

.md-sidebar {
    top: var(--zi-header-height);
}

@media screen and (min-width: 76.25em) {
    .md-sidebar--primary {
        width: var(--zi-sidebar-width);
    }
}

@media screen and (min-width: 60em) {
    .md-sidebar--secondary {
        width: var(--zi-toc-width);
    }
}

.md-main__inner {
    margin-top: .8rem;
}

/* Header */

.md-header {
    box-shadow: none;
    border-bottom: .05rem solid var(--zi-rule);
}

.md-header__inner {
    height: var(--zi-header-height);
    padding: 0 .4rem;
}

.md-header__button.md-logo {
    display: block;
    margin: 0 .6rem 0 .4rem;
    padding: 0 .9rem 0 0;
    border-right: .05rem solid var(--zi-rule);
    border-radius: 0;
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
    height: 2rem;
}

.md-header .md-header__title {
    margin-left: 0;
    font-family: var(--zi-regular);
    font-size: var(--zi-text-h3);
    color: var(--zi-color-secondary);
}

.md-search__input,
.md-search__suggest {
    font-size: var(--zi-text-small);
}

@media screen and (min-width: 45em) {
    [data-md-color-primary=white] .md-search__button {
        font-size: var(--zi-text-small);
    }
}

/* Material underlines a match in a search result, like a link. */
.md-search-result mark {
    text-decoration: none;
    color: inherit;
    background-color: color-mix(in srgb, var(--zi-color-primary) 20%, transparent);
}

/* The version selector takes the panel of the search field. */
#version-dropdown {
    appearance: none;
    margin: 0 .4rem;
    padding: .3rem 1.6rem .3rem .6rem;
    border: none;
    border-radius: 0;
    font-family: var(--zi-light);
    font-size: var(--zi-text-small);
    color: var(--zi-black);
    background: var(--zi-panel) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7.41 8.58 12 13.17l4.59-4.59L18 10l-6 6-6-6z"/></svg>') no-repeat right .3rem center / .9rem;
    cursor: pointer;
}

/* The glyph of the PDF icon reaches below its viewBox. */
.md-header .zi-pdf svg {
    width: 1.25rem;
    overflow: visible;
}

.md-header :is(.zi-pdf, .zi-feedback) {
    color: var(--zi-grey);
}

.md-header :is(.zi-pdf, .zi-feedback):is(:hover, :focus) {
    color: var(--zi-link);
}

@media screen and (max-width: 44.984375em) {
    /* A phone shows the mark of the logo without its wordmark, which
       leaves room for the site name. */
    .md-header__button.md-logo img {
        width: 1.5rem;
        object-fit: cover;
        object-position: left;
    }

    .md-header__button.md-logo {
        margin-right: .4rem;
        padding-right: .6rem;
    }
}

/* Typography */

.md-typeset {
    font-size: var(--zi-text);
    line-height: 1.7;
}

.md-typeset :is(h1, h2, h3, h4, h5, h6) {
    font-family: var(--zi-regular);
    font-weight: 400;
    letter-spacing: 0;
}

.md-typeset h1 {
    margin: 0 0 1em;
    font-size: var(--zi-text-h1);
    line-height: 1.25;
    color: var(--zi-color-primary);
}

.md-typeset h2 {
    margin: 2em 0 .6em;
    font-size: var(--zi-text-h2);
    line-height: 1.35;
    color: var(--zi-color-primary);
}

.md-typeset :is(h3, h4, h5, h6) {
    margin: 1.6em 0 .4em;
    font-size: var(--zi-text);
    line-height: 1.7;
    text-transform: none;
    color: var(--zi-black);
}

.md-typeset h3 {
    font-size: var(--zi-text-h3);
    line-height: 1.5;
    color: var(--zi-color-secondary);
}

.md-typeset h2 + h3 {
    margin-top: .8em;
}

.md-typeset :is(h1, h2) code {
    padding: 0;
    background: none;
    color: inherit;
}

.md-typeset :is(p, ul, ol) {
    margin-top: 0;
    margin-bottom: .9em;
}

/* The corporate design marks links by colour alone. Under the pointer and
   on keyboard focus, an underline marks them for readers who cannot tell
   the colour apart. */
.md-typeset a:not(.headerlink, .md-content__button):is(:hover, :focus-visible) {
    text-decoration: underline;
    text-underline-offset: .2em;
}

.md-typeset .headerlink {
    color: var(--zi-grey);
}

.md-typeset .tabbed-labels > label {
    font-size: var(--zi-text-small);
}

.md-typeset hr {
    border-bottom-color: var(--zi-rule);
}

.md-path {
    font-size: var(--zi-text-small);
}

/* As on zhinst.com, emphasis slants the text, which tells it apart from
   strong text in Regular. ZI Akkurat has no italic, so the browser slants
   Light. Chinese has no italics and takes Regular instead. The corporate
   design aligns all text to the left. */
.md-typeset em:lang(zh) {
    font-family: var(--zi-regular);
    font-style: normal;
}

.md-typeset figure {
    align-items: flex-start;
    margin-left: 0;
}

.md-typeset :is(figcaption, caption) {
    max-width: none;
    margin-left: 0;
    font-size: var(--zi-text);
    font-style: normal;
    text-align: left;
    color: var(--zi-grey);
}

.md-typeset h1 + h2 {
    margin-top: 1em;
}

/* Touch screens show the permalink of a heading permanently. */
@media (hover: none) {
    .md-typeset .headerlink {
        display: none;
    }
}

.md-skip:focus {
    border-radius: 0;
    outline: .1rem solid var(--zi-color-secondary);
    background-color: var(--md-default-bg-color);
    color: var(--zi-link);
}

.md-tooltip,
.md-top {
    border: .05rem solid var(--zi-rule);
    border-radius: 0;
    box-shadow: none;
    color: var(--zi-black);
}

/* The bullet of the corporate design is a glyph of ZI Akkurat. A nested
   bullet lines up with the text of its parent item. */

.md-typeset :is(ul, ol) li {
    margin-bottom: .4em;
}

.md-typeset :is(ul:not([class]), ol) > li {
    margin-left: 1.6em;
}

.md-typeset ul:not([class]) > li {
    position: relative;
    list-style: none;
}

.md-typeset ul:not([class]) > li::before {
    content: "\f8ff";
    position: absolute;
    left: -1.6em;
    font-family: var(--zi-light);
    color: var(--zi-black);
}

.md-typeset .grid > ul > li {
    margin-left: 0;
}

.md-typeset .grid > ul > li::before {
    content: none;
}

.md-typeset ol li::marker {
    color: var(--zi-black);
}

.md-typeset .footnote ol {
    padding-left: 0;
}

/* Navigation */

.md-nav--secondary code {
    padding: 0;
    background: none;
    color: inherit;
    font-weight: 400;
}

.md-nav {
    font-size: var(--zi-text);
    line-height: 1.4;
}

.md-nav--secondary,
.md-nav--secondary .md-nav {
    font-size: var(--zi-text-small);
}

/* A nested item is a container of a link and a toggle. */
.md-nav__item > .md-nav__link {
    margin-top: .45em;
}

.md-nav__link {
    color: var(--zi-black);
}

.md-nav--secondary .md-nav__link {
    color: var(--zi-grey);
}

.md-nav__link:is(:focus, :hover),
.md-nav--secondary .md-nav__link:is(:focus, :hover) {
    color: var(--zi-link);
}

.md-nav__item .md-nav__link--active,
.md-nav__item .md-nav__link--active code {
    color: var(--zi-link);
    font-family: var(--zi-regular);
}

/* The site name above the navigation repeats the header. */
@media screen and (min-width: 76.25em) {
    .md-nav--primary > .md-nav__title {
        display: none;
    }
}

.md-nav--secondary > .md-nav__title {
    font-family: var(--zi-regular);
    color: var(--zi-black);
    background: none;
    box-shadow: none;
}

/* Material's drawer is 12.1rem wide, which wraps most page titles. */
@media screen and (max-width: 76.234375em) {
    .md-sidebar--primary {
        --zi-drawer-width: min(85vw, 17rem);
        width: var(--zi-drawer-width);
    }

    /* The drawer covers the header. */
    .md-sidebar--primary {
        top: 0;
    }

    [dir=ltr] .md-sidebar--primary {
        left: calc(-1 * var(--zi-drawer-width));
    }

    [dir=rtl] .md-sidebar--primary {
        right: calc(-1 * var(--zi-drawer-width));
    }

    [dir=ltr] [data-md-toggle=drawer]:checked ~ .md-container .md-sidebar--primary {
        transform: translateX(var(--zi-drawer-width));
    }

    [dir=rtl] [data-md-toggle=drawer]:checked ~ .md-container .md-sidebar--primary {
        transform: translateX(calc(-1 * var(--zi-drawer-width)));
    }

    .md-nav--primary .md-nav__item {
        border-top: none;
    }

    .md-nav--primary .md-nav__link {
        font-size: var(--zi-text);
    }

    .md-nav--primary .md-nav__title {
        border-bottom: .05rem solid var(--zi-rule);
        background-color: var(--md-default-bg-color);
        color: var(--zi-black);
    }
}

/* Code */

.md-typeset :is(code, kbd) {
    font-size: .875em;
    border-radius: 0;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.md-typeset :not(pre) > code {
    padding: .05em .3em;
}

/* A size relative to the container would shrink the code in notebook
   cells, which set a smaller font. */
.md-typeset pre {
    font-size: var(--zi-text-small);
}

.md-typeset pre > code {
    font-size: 1em;
}

.md-typeset .highlight :is(.linenos, [data-linenos]::before) {
    color: var(--zi-grey);
    background-color: transparent;
    box-shadow: none;
}

/* A block of one line needs no line number. */
.md-typeset .highlight code:not(:has(> .linenos ~ .linenos)) > .linenos {
    display: none;
}

/* Tables */

.md-typeset .md-typeset__table,
.md-typeset .md-typeset__table > table:not([class]) {
    width: 100%;
}

.md-typeset table:not([class]) {
    display: table;
    font-size: var(--zi-text);
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.md-typeset table:not([class]) :is(td, th) {
    padding: .5em .9em;
    border: none;
}

.md-typeset table:not([class]) td {
    border-bottom: .05rem solid var(--zi-rule);
}

.md-typeset table:not([class]) th {
    border-bottom: .05rem solid var(--zi-grey);
    font-family: var(--zi-regular);
    font-weight: 400;
    color: var(--zi-black);
    background-color: var(--zi-panel);
}

/* Markdown requires a header row, so a table without one has empty
   header cells. */
.md-typeset table:not([class]) thead:not(:has(th:not(:empty))) {
    display: none;
}

.md-typeset table:not([class], :has(th:not(:empty))) tbody tr:first-child td {
    border-top: .05rem solid var(--zi-rule);
}

.md-typeset table:not([class]) tbody tr:hover {
    background-color: transparent;
    box-shadow: none;
}

/* Admonitions. The `[class]` makes the rules more specific than
   Material's rules for each kind. */

.md-typeset :is(.admonition, details) {
    --zi-mark: var(--zi-color-primary);
    --md-code-bg-color: var(--md-default-bg-color);
}

.md-typeset :is(.admonition, details):is(.warning, .caution, .attention) {
    --zi-mark: var(--zi-orange);
}

.md-typeset :is(.admonition, details):is(.important, .danger, .error, .failure, .fail, .missing, .bug) {
    --zi-mark: var(--zi-red);
}

.md-typeset :is(.admonition, details)[class] {
    font-size: var(--zi-text);
    margin: 1.2em 0;
    padding: 0 .8rem;
    border: none;
    border-radius: 0;
    background-color: var(--zi-panel);
    box-shadow: none;
}

.md-typeset :is(.admonition, details)[class] > :where(.admonition-title, summary) {
    width: fit-content;
    margin: 0 0 .5rem -.8rem;
    padding: .1rem .4rem;
    font-family: var(--zi-regular);
    font-size: var(--zi-text);
    font-weight: 400;
    line-height: 1.5;
    color: color-mix(in srgb, var(--zi-mark) 60%, black);
    background-color: color-mix(in srgb, var(--zi-mark) 25%, white);
}

.md-typeset :is(.admonition, details)[class] > :is(.admonition-title, summary)::before {
    display: none;
}

.md-typeset :is(.admonition, details) > :first-child:not(.admonition-title, summary) {
    margin-top: .6rem;
}

.md-typeset :is(.admonition, details) > :last-child {
    margin-bottom: .6rem;
}

/* A page can hold hundreds of collapsibles, as the node reference does, so
   a collapsible takes little room. */
.md-typeset details[class] {
    margin: .4em 0;
}

.md-typeset :is(.admonition, details)[class] > summary {
    padding-right: 1.4rem;
}

.md-typeset :is(.admonition, details)[class]:not([open]) > summary {
    margin-bottom: 0;
}

.md-typeset details[class] > summary::after {
    top: .2rem;
    right: .3rem;
    width: .9rem;
    height: .9rem;
    background-color: currentcolor;
}

.md-typeset :is(.admonition, details):is(.control, .node)[class] {
    --md-code-bg-color: var(--zi-panel);
    border: .05rem solid var(--zi-rule);
    background-color: var(--md-default-bg-color);
}

.md-typeset :is(.admonition, details):is(.control, .node)[class] > :is(.admonition-title, summary) {
    width: auto;
    margin-right: -.8rem;
    padding: .3rem 2rem .3rem .8rem;
    color: var(--zi-black);
    background-color: transparent;
}

.md-typeset details:is(.control, .node)[class] > summary::after {
    top: .4rem;
    right: .8rem;
}

.md-typeset .node_info td {
    padding: .1em .8em .1em 0;
    vertical-align: top;
}

/* Cards */

.md-typeset .grid {
    grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
    gap: .8rem;
}

.md-typeset .grid.cards > ul > li,
.md-typeset .grid > .card {
    border-color: var(--zi-rule);
    border-radius: 0;
}

.md-typeset .grid.cards > ul > li:is(:hover, :focus-within),
.md-typeset .grid > .card:is(:hover, :focus-within) {
    border-color: var(--zi-color-primary);
    box-shadow: none;
}

.md-typeset .grid.cards > ul > li > hr {
    border-bottom-color: var(--zi-rule);
}

/* Lightbox. The selectors name the container, because the GLightbox
   plugin of MkDocs loads its stylesheet after this one, and the backdrop
   rule names the body, because GLightbox colours it black on phones. The
   backdrop is the panel, which shows the edge of a white image. */

body .glightbox-container .goverlay {
    background: var(--zi-panel);
}

/* On a wide screen, the arrows sit beside the image, not on it. */
@media (min-width: 769px) {
    .glightbox-container .gslide:not(.zoomed) .gslide-image img {
        max-width: calc(100vw - 10rem) !important;
    }
}

.glightbox-container.glightbox-clean .gslide-media {
    box-shadow: none;
}

.glightbox-container.glightbox-clean :is(.gclose, .gnext, .gprev) {
    background-color: transparent;
}

.glightbox-container.glightbox-clean :is(.gclose, .gnext, .gprev) path {
    fill: var(--zi-black);
}

.glightbox-container.glightbox-clean .gslide-description {
    background-color: var(--md-default-bg-color);
}

.glightbox-container.glightbox-clean .gdesc-inner {
    padding: .6rem 0;
    font-family: var(--zi-light);
    font-size: var(--zi-text-small);
    color: var(--zi-black);
}

/* API reference */

.md-typeset .doc-heading {
    overflow-wrap: anywhere;
}

.md-typeset .doc-heading code {
    padding: 0;
    font-size: 1em;
    background: none;
}

.md-typeset h1.doc-heading {
    font-size: var(--zi-text-h2);
    color: var(--zi-color-primary);
}

.md-typeset h2.doc-heading {
    font-size: var(--zi-text-h3);
    color: var(--zi-color-secondary);
}

/* In a signature, the name is what a reader scans for. */
.md-typeset .doc-heading code > span {
    color: var(--zi-grey);
}

.md-typeset .doc-heading code > span:first-child {
    color: var(--zi-color-secondary);
}

/* A rule opens a class and every object of a module. The members of a
   class follow without one, closer together, so that they read as parts of
   the class, also on phones, which show no indentation. */
.md-typeset .doc-object:not(.doc-module) > .doc-heading {
    margin: .9rem 0 .2rem;
    font-size: var(--zi-text);
}

.md-typeset .doc-object:not(.doc-module, .doc-class .doc-object) > .doc-heading {
    margin-top: 1.6rem;
    padding-top: .9rem;
    border-top: .05rem solid var(--zi-rule);
}

.md-typeset .doc-class > .doc-heading {
    font-size: var(--zi-text-h3);
}

.md-typeset .doc-object:not(.doc-module) > .doc-heading code {
    color: var(--zi-color-secondary);
}

/* A member without a description takes no more than its line. */
.md-typeset .doc-object:not(:has(> .doc-contents > *)) + .doc-object:not(:has(> .doc-contents > *)) > .doc-heading {
    margin-top: .2rem;
}

/* The monospace font marks the names in the tables of parameters and
   attributes, so they need no panel. */
.md-typeset :is(.doc-section-item, .doc-class-bases) code {
    padding: 0;
    background: none;
}

div.doc-contents {
    border-left-color: var(--zi-rule);
}

.md-typeset .doc-section-title {
    font-family: var(--zi-regular);
}

.md-typeset .doc-label {
    margin-left: .3em;
    white-space: nowrap;
    padding: 0;
    border: none;
    background: none;
    vertical-align: baseline;
}

.md-typeset .doc-heading .doc-label > code {
    padding: 0;
    font-family: var(--zi-light);
    font-weight: 400;
    font-size: var(--zi-text-small);
    color: var(--zi-grey);
}

@media screen and (max-width: 44.984375em) {
    div.doc-contents {
        padding-left: 0;
        border-left: none;
    }

    /* A phone has no room for the columns of a table of parameters, so
       each row shows its name and type on one line and the rest below. */
    .md-typeset .doc-contents table:not([class]),
    .md-typeset .doc-contents table:not([class]) :is(tbody, tr, td) {
        display: block;
    }

    .md-typeset .doc-contents table:not([class]) thead {
        display: none;
    }

    .md-typeset .doc-contents table:not([class]) tr {
        padding: .5em 0;
        border-bottom: .05rem solid var(--zi-rule);
    }

    .md-typeset .doc-contents table:not([class]) td {
        padding: 0;
        border: none;
    }

    .md-typeset .doc-contents table:not([class]) td:nth-child(-n + 2) {
        display: inline-block;
        margin-right: .8em;
    }
}

/* Footer */

.md-footer {
    border-top: .05rem solid var(--zi-rule);
}

.md-footer__inner {
    justify-content: space-between;
    gap: 1.2rem;
    padding: .8rem 0;
}

.md-footer__link {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin: 0;
    padding: .4rem .8rem;
    color: var(--zi-link);
}

.md-footer__link:is(:hover, :focus) {
    opacity: 1;
    color: var(--zi-color-secondary);
}

.md-footer__link--prev {
    width: auto;
}

.md-footer__link--next {
    margin-left: auto;
    text-align: right;
}

.md-footer__button {
    margin: 0;
    padding: 0;
}

.md-footer__button.md-icon svg {
    width: .9rem;
    height: .9rem;
}

.md-footer__title {
    flex-grow: 0;
    max-width: none;
    margin: 0;
    padding: 0;
    font-family: var(--zi-light);
    font-size: var(--zi-text);
    line-height: 1.4;
}

.md-footer__direction {
    position: static;
    display: block;
    padding: 0;
    font-size: var(--zi-text-small);
    color: var(--zi-grey);
    opacity: 1;
}

.md-footer-meta {
    border-top: .05rem solid var(--zi-rule);
}

.md-footer-meta__inner {
    padding: .5rem 0;
}

.md-copyright {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
    padding: 0 .8rem;
    font-size: var(--zi-text-small);
}

.md-copyright__highlight {
    margin-right: auto;
}

.md-copyright a {
    margin-left: .25em;
}

/* Material shows only the arrow of the previous page on small screens. */
@media screen and (max-width: 44.984375em) {
    .md-footer__inner {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .md-footer__link--next {
        justify-content: flex-end;
    }

    .md-footer__link--prev .md-footer__title {
        display: block;
    }

    .md-footer__title .md-ellipsis {
        white-space: normal;
    }

    .md-copyright__highlight {
        flex-basis: 100%;
    }
}