/* The same accessible theme control is available in every page's navigation. */
:root{color-scheme:light}
.theme-toggle{display:none!important}
.theme-ready .theme-toggle{
  display:inline-flex!important;align-items:center;justify-content:center;gap:9px;
  min-height:44px;min-width:142px;padding:8px 12px;border:1px solid #6c7779;
  border-radius:7px;background:#fff;color:#526063;font:500 12px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  cursor:pointer;flex-shrink:0;text-transform:none;letter-spacing:0;
}
.theme-toggle .theme-track{display:block;position:relative;width:29px;height:17px;background:#d8dfdd;border:1px solid #73827f;border-radius:99px}
.theme-toggle .theme-track:after{content:'';position:absolute;width:11px;height:11px;top:2px;left:2px;background:#245a57;border-radius:50%}
.theme-toggle[aria-checked="false"] .theme-light-label{color:#18252a}
.theme-toggle[aria-checked="true"]{background-color:#222630;border-color:#7b8495;color:#b9becb}
.theme-toggle[aria-checked="true"] .theme-night-label{color:#f3f2f6}
.theme-toggle[aria-checked="true"] .theme-track{background-color:#294b42;border-color:#94dfcf}
.theme-toggle[aria-checked="true"] .theme-track:after{background-color:#94dfcf}
.theme-toggle:hover{box-shadow:0 0 0 1px currentColor}
body .theme-toggle:focus-visible{outline:3px solid #6c42a4;outline-offset:4px}
html[data-theme="dark"] body .theme-toggle:focus-visible{outline-color:#c5b1f6}
@media(max-width:760px){
  header nav .theme-toggle{align-self:flex-start;margin-top:10px;margin-bottom:6px}
}
@media(prefers-reduced-motion:reduce){.theme-toggle,.theme-toggle *{transition:none!important}}