/* Light/dark/auto switch (same look as app.nemdisplay.dk) and the logo for each theme. */
.theme-switch{position:fixed;top:16px;right:16px;z-index:5;display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.theme-switch button{display:grid;place-items:center;width:30px;height:28px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer}
.theme-switch button:hover{color:var(--ink)}.theme-switch button[aria-pressed=true]{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(15,23,42,.18)}
.theme-switch button:focus-visible{outline:2px solid var(--accent,#1f6feb);outline-offset:1px}
.theme-switch svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.logo-dark{display:none!important}
:root[data-theme=dark] .logo-light{display:none!important}:root[data-theme=dark] .logo-dark{display:block!important}
@media (prefers-color-scheme:dark){:root[data-theme=auto] .logo-light{display:none!important}:root[data-theme=auto] .logo-dark{display:block!important}}
/* phones: the switch sits above the content instead of on top of it */
@media (max-width:600px){.theme-switch{position:absolute;top:12px;right:12px}body{padding-top:64px!important}}