.darkmode-toggle,
.darkmode-layer {
  z-index: 500;
}
.darkmode--activated i,
.darkmode--activated svg,
.darkmode--activated img,
.darkmode--activated .darkmode-ignore {
  isolation: isolate;
  z-index: 999 !important;
  mix-blend-mode: difference;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .darkmode-toggle {
    display: none !important;
  }
}
@supports (-ms-ime-align:auto),
(-ms-accelerator:true) {
  .darkmode-toggle {
    display: none !important;
  }
}
/* -------------------------- */
/* Dark Mode Positioning (Logical) */
/* -------------------------- */
.bdt-dark-mode-position-bottom-right .darkmode-toggle,
.bdt-dark-mode-position-bottom-right .darkmode-layer {
  inset-block-end: var(--bdt-vertical-offset, 32px) !important;
  inset-inline-end: var(--bdt-horizontal-offset, 32px) !important;
  inset-block-start: unset !important;
  inset-inline-start: unset !important;
}
.bdt-dark-mode-position-bottom-right .darkmode-layer--expanded {
  inset-inline-end: 0 !important;
  inset-block-end: 0 !important;
}
.bdt-dark-mode-position-bottom-left .darkmode-toggle,
.bdt-dark-mode-position-bottom-left .darkmode-layer {
  inset-block-end: var(--bdt-vertical-offset, 32px) !important;
  inset-inline-start: var(--bdt-horizontal-offset, 32px) !important;
  inset-block-start: unset !important;
  inset-inline-end: unset !important;
}
.bdt-dark-mode-position-bottom-left .darkmode-layer--expanded {
  inset-inline-start: 0 !important;
  inset-block-end: 0 !important;
}
.bdt-dark-mode-position-top-right .darkmode-toggle,
.bdt-dark-mode-position-top-right .darkmode-layer {
  inset-block-start: var(--bdt-vertical-offset, 32px) !important;
  inset-inline-end: var(--bdt-horizontal-offset, 32px) !important;
  inset-block-end: unset !important;
  inset-inline-start: unset !important;
}
.bdt-dark-mode-position-top-right .darkmode-layer--expanded {
  inset-block-start: 0 !important;
  inset-inline-end: 0 !important;
}
.bdt-dark-mode-position-top-left .darkmode-toggle,
.bdt-dark-mode-position-top-left .darkmode-layer {
  inset-block-start: var(--bdt-vertical-offset, 32px) !important;
  inset-inline-start: var(--bdt-horizontal-offset, 32px) !important;
  inset-block-end: unset !important;
  inset-inline-end: unset !important;
}
.bdt-dark-mode-position-top-left .darkmode-layer--expanded {
  inset-block-start: 0 !important;
  inset-inline-start: 0 !important;
}