#night-mode-toggle{white-space:nowrap;min-height:44px;padding:9px 13px;border:1px solid #bac9cf;border-radius:6px;background:#fff;color:#24434e;font:inherit;cursor:pointer}
@media screen {
  html.night-mode{color-scheme:dark;background:#000!important;scrollbar-color:#813030 #000}
  html.night-mode body,html.night-mode body *{
    color:#e34b4b!important;
    -webkit-text-fill-color:#e34b4b!important;
    background-color:#000!important;
    background-image:none!important;
    border-color:#632323!important;
    box-shadow:none!important;
    text-shadow:none!important;
    accent-color:#e34b4b;
    caret-color:#e34b4b;
  }
  html.night-mode body *::before,html.night-mode body *::after{
    color:#e34b4b!important;background-color:transparent!important;background-image:none!important;border-color:#632323!important;box-shadow:none!important;
  }
  html.night-mode ::placeholder{color:#b74747!important;-webkit-text-fill-color:#b74747!important;opacity:1}
  html.night-mode dialog::backdrop{background:rgba(0,0,0,.88)!important}
  html.night-mode :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid #ff6666!important;outline-offset:3px}
  html.night-mode :is(button,a,summary):hover,html.night-mode :is(button.active,[aria-selected="true"],[aria-pressed="true"]){background-color:#230707!important;border-color:#bf4545!important}
  html.night-mode :is(button.active,[aria-selected="true"]){box-shadow:inset 3px 0 #e34b4b!important}
  html.night-mode :disabled{opacity:.55}
  html.night-mode ::selection{background:#702020!important;color:#ffaaaa!important}
  html.night-mode :is(img,video,canvas,iframe,object,embed){filter:grayscale(1) brightness(.3)}
  html.night-mode svg{color:#e34b4b!important}
  html.night-mode svg [stroke]:not([stroke="none"]){stroke:currentColor!important}
  html.night-mode svg [fill]:not([fill="none"]){fill:currentColor!important}
}
@media print{#night-mode-toggle{display:none!important}}

@media screen{html.night-mode .rich-selected-image{outline-color:#e34b4b!important}}

/* Keep transparent logo pixels clear when recolouring the white logo for night use. */
@media screen{html.night-mode body img.brand-logo{background-color:transparent!important;opacity:1!important;filter:brightness(0) saturate(100%) invert(40%) sepia(80%) saturate(1260%) hue-rotate(327deg) brightness(95%) contrast(88%)!important}}