/*
 * Bas Visscher - Night Reader
 * Reverses the page's colours, while undoing the inversion for photographs,
 * videos, canvas content and embedded media.
 */
html.bvn-night-reader {
    background-color: #fff;
    -webkit-filter: invert(1);
    filter: invert(1);
}

/* Two inversions cancel each other out, keeping media recognisable. */
html.bvn-night-reader img,
html.bvn-night-reader video,
html.bvn-night-reader iframe,
html.bvn-night-reader canvas,
html.bvn-night-reader object,
html.bvn-night-reader embed {
    -webkit-filter: invert(1);
    filter: invert(1);
}

/* The switch is deliberately styled like a normal navigation link. */
.bvn-night-reader-toggle {
    cursor: pointer;
    white-space: nowrap;
}

.bvn-night-reader-toggle:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

html.bvn-night-reader .bvn-night-reader-toggle[aria-pressed="true"] {
    text-decoration: underline;
    text-underline-offset: 0.18em;
}

.bvn-night-reader-item {
    list-style: none;
}

/* Used only when the navigation contains bare links instead of list items. */
.bvn-night-reader-inline {
    margin-inline-start: 1em;
}