.theme-toggle{
  --theme-accent:var(--brand,var(--gold,#d9b24c));
  position:relative;
  display:inline-flex;
  flex:0 0 auto;
  width:78px;
  height:38px;
  margin:0;
  padding:0;
  border:0;
  border-radius:999px;
  background:transparent;
  color:var(--ink,#fff);
  cursor:pointer;
  isolation:isolate;
}
.site-header .theme-toggle{color:#fff}
.theme-toggle:hover{background:transparent;color:inherit}
.theme-switch-track{
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  width:100%;
  height:100%;
  padding:3px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,currentColor 32%,transparent);
  border-radius:inherit;
  background:color-mix(in srgb,currentColor 9%,transparent);
  box-shadow:inset 0 1px 3px #0002;
}
.theme-switch-option{position:relative;z-index:2;display:grid;place-items:center;opacity:.58;transition:opacity .25s ease,color .25s ease}
.theme-switch-option svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.theme-switch-option:nth-child(2) svg{fill:currentColor;stroke:none}
.theme-switch-thumb{
  position:absolute;
  z-index:1;
  inset:3px auto 3px 3px;
  width:calc(50% - 3px);
  border-radius:999px;
  background:var(--theme-accent);
  box-shadow:0 3px 9px #0003;
  transition:transform .3s cubic-bezier(.2,.8,.2,1);
}
.theme-toggle[data-theme-state="dark"] .theme-switch-thumb{transform:translateX(100%)}
.theme-toggle[data-theme-state="normal"] .theme-switch-option:first-child,
.theme-toggle[data-theme-state="dark"] .theme-switch-option:nth-child(2){color:#17130a;opacity:1}
.theme-toggle:focus-visible{outline:3px solid var(--theme-accent);outline-offset:3px}
.theme-toggle:active .theme-switch-thumb{box-shadow:0 1px 4px #0003}
@supports not (color:color-mix(in srgb,#fff 20%,transparent)){
  .theme-switch-track{border-color:#ffffff66;background:#00000018}
}
@media(max-width:560px){.theme-toggle{width:70px;height:34px}}
@media(prefers-reduced-motion:reduce){.theme-switch-thumb,.theme-switch-option{transition:none}}