/* GotCracked Portal — compact light/dark theme switch. */
.theme-toggle{
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:58px!important;
  min-width:58px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  box-shadow:none!important;
  cursor:pointer;
  touch-action:manipulation;
}
.theme-toggle:focus-visible{
  outline:2px solid #2f92ed!important;
  outline-offset:3px;
}
.theme-switch-track{
  position:relative;
  display:block;
  width:54px;
  height:30px;
  border:1px solid #c9d6e2;
  border-radius:999px;
  background:#e8eef4;
  box-shadow:inset 0 1px 2px rgba(14,34,55,.10);
  transition:background .18s ease,border-color .18s ease;
}
.theme-switch-thumb{
  position:absolute;
  top:2px;
  left:2px;
  z-index:2;
  width:24px;
  height:24px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 2px 6px rgba(10,29,49,.22);
  transform:translateX(0);
  transition:transform .18s ease,background .18s ease;
}
.theme-switch-symbol{
  position:absolute;
  top:50%;
  z-index:1;
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  transform:translateY(-50%);
  font-size:12px;
  line-height:1;
  font-weight:800;
  pointer-events:none;
  user-select:none;
}
.theme-switch-symbol.sun{left:4px;color:#b27300}
.theme-switch-symbol.moon{right:4px;color:#536a82}
.theme-toggle.is-dark .theme-switch-track{
  background:#17314a;
  border-color:#3f6385;
}
.theme-toggle.is-dark .theme-switch-thumb{
  transform:translateX(24px);
  background:#edf4fb;
}
.theme-toggle.is-dark .theme-switch-symbol.sun{color:#7891a8}
.theme-toggle.is-dark .theme-switch-symbol.moon{color:#a9d2ff}
html[data-theme="dark"] .theme-toggle,
html[data-theme="dark"] .theme-toggle:hover,
html[data-theme="dark"] .theme-toggle:focus{
  background:transparent!important;
  border:0!important;
}
@media(max-width:750px){
  .theme-toggle{
    width:56px!important;
    min-width:56px!important;
    height:34px!important;
    min-height:34px!important;
  }
  .theme-switch-track{width:52px;height:30px}
  .theme-toggle.is-dark .theme-switch-thumb{transform:translateX(22px)}
}