/* Uiverse.io by Pradeepsaranbishnoi — original geometry scaled to the header. */
.bx-theme-toggle {
  position: relative; display: inline-block; inline-size: 64px; block-size: 64px;
  flex: 0 0 64px; margin: 0; cursor: pointer; vertical-align: middle;
  --bx-toggle-face: #eaeaea; --bx-toggle-ink: rgb(0 0 0 / .9);
}
body .bx-theme-toggle__button {
  transition: background-color 300ms cubic-bezier(.23, 1, .32, 1);
  box-shadow: none !important; filter: none !important;
  position: absolute; display: block; inline-size: 44.032px; block-size: 44.032px;
  inset-inline-start: 50%; inset-block-start: 50%; transform: translate(-50%, -50%);
  border-radius: 44.032px; background: var(--bx-toggle-face); pointer-events: none;
}
[dir="rtl"] .bx-theme-toggle__button { transform: translate(50%, -50%); }
body .bx-theme-toggle__symbol {
  transition: color 300ms ease-out, font-size 300ms ease-out; line-height: 64.64px;
  text-align: center; position: absolute; inset: 0; font-weight: 700; font-size: 17.92px;
  display: block; opacity: .9; color: var(--bx-toggle-ink) !important; pointer-events: none;
}
body .bx-theme-toggle > .bx-theme-toggle__input[type="checkbox"] {
  opacity: 0 !important; position: absolute; cursor: pointer; z-index: 1; inset: 0;
  inline-size: 100% !important; block-size: 100% !important; margin: 0 !important; padding: 0 !important;
}
body .bx-theme-toggle__input:active ~ .bx-theme-toggle__symbol { font-size: 16.64px; opacity: .45; }
.bx-theme-toggle__input:focus-visible ~ .bx-theme-toggle__button { outline: 2px solid #86ebcd; outline-offset: 5px; }
html[data-bx-theme="dark"] .bx-theme-toggle {
  --bx-toggle-face: #203b30; --bx-toggle-ink: #86ebcd;
}
@media (prefers-reduced-motion: reduce) {
  body .bx-theme-toggle__button, body .bx-theme-toggle__symbol { transition: none; }
}
@media print { .bx-theme-toggle { display: none !important; } }
