/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/@wordpress/scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./packages/extensions/dark-mode/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Dark Mode Toggle — frontend floating switch.
 *
 * Palette CSS is printed from PHP / injected by JS (tokens under html.dsm-dark).
 * Design custom properties may be overridden via applyFloatingSwitchCssVars().
 *
 * @package DiviSupreme
 */
.dsm-dark-mode-toggle {
  --dsm-dm-toggle-size: 48px;
  --dsm-dm-toggle-padding-x: 14px;
  --dsm-dm-toggle-border-width: 1px;
  --dsm-dm-toggle-border-style: solid;
  --dsm-dm-toggle-border-radius: 999px;
  --dsm-dm-toggle-border-color-light: rgba(0, 0, 0, 0.1);
  --dsm-dm-toggle-border-color-dark: rgba(255, 255, 255, 0.12);
  --dsm-dm-toggle-bg-light: #ffffff;
  --dsm-dm-toggle-bg-dark: #2a2a2a;
  --dsm-dm-toggle-fg-light: #1a1a1a;
  --dsm-dm-toggle-fg-dark: #f5f5f5;
  --dsm-dm-toggle-accent: #7eb8ff;
  --dsm-dm-toggle-track: rgba(127, 127, 127, 0.25);
  --dsm-dm-toggle-shadow-light: 0 8px 24px rgba(0, 0, 0, 0.12);
  --dsm-dm-toggle-shadow-dark: 0 8px 24px rgba(0, 0, 0, 0.28);
  --dsm-dm-toggle-offset-x: 20px;
  --dsm-dm-toggle-offset-y: 20px;
  /* High but below typical modal / admin overlays; overridable via customiser. */
  --dsm-dm-toggle-z-index: 99999;
  --dsm-dm-toggle-label-family: inherit;
  --dsm-dm-toggle-label-size: 13px;
  --dsm-dm-toggle-label-weight: 600;
  --dsm-dm-toggle-label-letter-spacing: 0px;
  --dsm-dm-toggle-label-line-height: 1.2em;
  --dsm-dm-toggle-label-text-transform: none;
  --dsm-dm-toggle-label-font-variant-caps: normal;
  --dsm-dm-toggle-label-text-align: center;
  --dsm-dm-toggle-label-font-style: normal;
  --dsm-dm-toggle-label-text-decoration: none;
  --dsm-dm-toggle-label-text-wrap: nowrap;
  --dsm-dm-toggle-label-white-space: nowrap;
  --dsm-dm-toggle-label-color: inherit;
  /* Custom icons: empty colour inherits Foreground; empty size scales from switch size. */
  --dsm-dm-toggle-icon-size: calc(var(--dsm-dm-toggle-size) * 0.38);
  /* Active scheme (dark chrome by default; --light remaps). */
  --dsm-dm-toggle-bg: var(--dsm-dm-toggle-bg-dark);
  --dsm-dm-toggle-fg: var(--dsm-dm-toggle-fg-dark);
  --dsm-dm-toggle-border-color: var(--dsm-dm-toggle-border-color-dark);
  --dsm-dm-toggle-shadow: var(--dsm-dm-toggle-shadow-dark);
  --dsm-dm-toggle-label-color: var(--dsm-dm-toggle-label-color-dark, inherit);
  --dsm-dm-toggle-icon-color: var(--dsm-dm-toggle-icon-color-dark, inherit);
  position: fixed;
  z-index: var(--dsm-dm-toggle-z-index);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: var(--dsm-dm-toggle-size);
  height: var(--dsm-dm-toggle-size);
  padding: 0;
  margin: 0;
  border: var(--dsm-dm-toggle-border-width) var(--dsm-dm-toggle-border-style) var(--dsm-dm-toggle-border-color);
  border-radius: var(--dsm-dm-toggle-border-radius);
  background: var(--dsm-dm-toggle-bg);
  color: var(--dsm-dm-toggle-fg);
  box-shadow: var(--dsm-dm-toggle-shadow);
  cursor: pointer;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  transition: background 0.2s ease, color 0.2s ease, transform 0.15s ease;
}
.dsm-dark-mode-toggle--module {
  position: relative;
  z-index: 1;
  inset: auto;
  right: auto;
  left: auto;
  top: auto;
  bottom: auto;
}
.dsm-dark-mode-toggle:hover {
  transform: translateY(-1px);
}
.dsm-dark-mode-toggle--no-hover-lift:hover, .dsm-dark-mode-toggle--module:hover {
  transform: none;
}
.dsm-dark-mode-toggle:focus-visible {
  outline: 2px solid var(--dsm-dm-toggle-accent);
  outline-offset: 3px;
}
.dsm-dark-mode-toggle {
  /* Offsets include safe-area so notches / home indicators do not clip the switch. */
}
.dsm-dark-mode-toggle--pos-bottom_right {
  top: auto;
  left: auto;
  right: calc(var(--dsm-dm-toggle-offset-x) + env(safe-area-inset-right, 0px));
  bottom: calc(var(--dsm-dm-toggle-offset-y) + env(safe-area-inset-bottom, 0px));
}
.dsm-dark-mode-toggle--pos-bottom_left {
  top: auto;
  right: auto;
  left: calc(var(--dsm-dm-toggle-offset-x) + env(safe-area-inset-left, 0px));
  bottom: calc(var(--dsm-dm-toggle-offset-y) + env(safe-area-inset-bottom, 0px));
}
.dsm-dark-mode-toggle--pos-top_right {
  bottom: auto;
  left: auto;
  right: calc(var(--dsm-dm-toggle-offset-x) + env(safe-area-inset-right, 0px));
  top: calc(var(--dsm-dm-toggle-offset-y) + env(safe-area-inset-top, 0px));
}
.dsm-dark-mode-toggle--pos-top_left {
  bottom: auto;
  right: auto;
  left: calc(var(--dsm-dm-toggle-offset-x) + env(safe-area-inset-left, 0px));
  top: calc(var(--dsm-dm-toggle-offset-y) + env(safe-area-inset-top, 0px));
}
.dsm-dark-mode-toggle--light {
  --dsm-dm-toggle-bg: var(--dsm-dm-toggle-bg-light);
  --dsm-dm-toggle-fg: var(--dsm-dm-toggle-fg-light);
  --dsm-dm-toggle-border-color: var(--dsm-dm-toggle-border-color-light);
  --dsm-dm-toggle-shadow: var(--dsm-dm-toggle-shadow-light);
  --dsm-dm-toggle-label-color: var(--dsm-dm-toggle-label-color-light, inherit);
  --dsm-dm-toggle-icon-color: var(--dsm-dm-toggle-icon-color-light, inherit);
}
.dsm-dark-mode-toggle__icon {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.dsm-dark-mode-toggle__icon--sun {
  background: var(--dsm-dm-toggle-icon-color-light, radial-gradient(circle at 50% 50%, #ffd76a 0%, #f0a500 70%));
  box-shadow: 0 0 0 2px rgba(240, 165, 0, 0.15);
}
.dsm-dark-mode-toggle__icon--moon {
  background: var(--dsm-dm-toggle-icon-color-dark, #e8e8e8);
  box-shadow: inset -4px -2px 0 0 var(--dsm-dm-toggle-bg);
}
.dsm-dark-mode-toggle--has-icon-color-dark .dsm-dark-mode-toggle__icon--moon {
  box-shadow: none;
}
.dsm-dark-mode-toggle--light .dsm-dark-mode-toggle__icon--sun, .dsm-dark-mode-toggle--dark .dsm-dark-mode-toggle__icon--moon {
  opacity: 1;
  visibility: visible;
}
.dsm-dark-mode-toggle__track {
  display: none;
}
.dsm-dark-mode-toggle--style-switch {
  width: 64px;
  height: 34px;
  justify-content: flex-start;
  padding: 3px;
}
.dsm-dark-mode-toggle--style-switch .dsm-dark-mode-toggle__icon {
  display: none;
}
.dsm-dark-mode-toggle--style-switch .dsm-dark-mode-toggle__track {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 999px;
  background: var(--dsm-dm-toggle-track);
}
.dsm-dark-mode-toggle--style-switch .dsm-dark-mode-toggle__thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--dsm-dm-toggle-fg);
  transition: transform 0.2s ease;
}
.dsm-dark-mode-toggle--style-switch.dsm-dark-mode-toggle--dark .dsm-dark-mode-toggle__thumb {
  transform: translateX(28px);
  background: var(--dsm-dm-toggle-accent);
}
.dsm-dark-mode-toggle--style-icon .dsm-dark-mode-toggle__track {
  display: none;
}
.dsm-dark-mode-toggle--style-pill {
  width: auto;
  min-width: 56px;
  padding: 0 var(--dsm-dm-toggle-padding-x);
}
.dsm-dark-mode-toggle {
  /* Custom content modes (icon / text / image). Default keeps CSS sun/moon. */
}
.dsm-dark-mode-toggle__label {
  display: none;
  font-family: var(--dsm-dm-toggle-label-family);
  font-size: var(--dsm-dm-toggle-label-size);
  font-weight: var(--dsm-dm-toggle-label-weight);
  letter-spacing: var(--dsm-dm-toggle-label-letter-spacing);
  line-height: var(--dsm-dm-toggle-label-line-height);
  text-transform: var(--dsm-dm-toggle-label-text-transform);
  font-variant-caps: var(--dsm-dm-toggle-label-font-variant-caps);
  text-align: var(--dsm-dm-toggle-label-text-align);
  font-style: var(--dsm-dm-toggle-label-font-style);
  -webkit-text-decoration: var(--dsm-dm-toggle-label-text-decoration);
          text-decoration: var(--dsm-dm-toggle-label-text-decoration);
  text-wrap: var(--dsm-dm-toggle-label-text-wrap);
  white-space: var(--dsm-dm-toggle-label-white-space);
  color: var(--dsm-dm-toggle-label-color);
  pointer-events: none;
}
.dsm-dark-mode-toggle__image {
  display: none;
  width: 60%;
  height: 60%;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
}
.dsm-dark-mode-toggle__icon--custom {
  display: none;
  position: static;
  width: auto;
  height: auto;
  border-radius: 0;
  opacity: 1;
  visibility: visible;
  font-size: var(--dsm-dm-toggle-icon-size);
  line-height: 1;
  color: var(--dsm-dm-toggle-icon-color) !important;
  background: none;
  box-shadow: none;
}
.dsm-dark-mode-toggle__icon--custom.dsm-webfont-icon-host, .dsm-dark-mode-toggle__icon--custom:has(.dsm-webfont-icon-glyph) {
  font-family: inherit;
}
.dsm-dark-mode-toggle__icon--custom.dsm-webfont-icon-host::before, .dsm-dark-mode-toggle__icon--custom.dsm-webfont-icon-host::after, .dsm-dark-mode-toggle__icon--custom:has(.dsm-webfont-icon-glyph)::before, .dsm-dark-mode-toggle__icon--custom:has(.dsm-webfont-icon-glyph)::after {
  content: none !important;
  display: none !important;
}
.dsm-dark-mode-toggle__icon--custom .dsm-webfont-icon-glyph {
  display: inline-block;
  font-size: 1em;
  line-height: 1;
  color: inherit;
  font-style: normal;
  font-weight: normal;
}
.dsm-dark-mode-toggle--content-custom {
  width: auto;
  min-width: var(--dsm-dm-toggle-size);
  height: auto;
  min-height: var(--dsm-dm-toggle-size);
  padding: 8px var(--dsm-dm-toggle-padding-x);
}
.dsm-dark-mode-toggle--content-custom .dsm-dark-mode-toggle__icon--sun:not(.dsm-dark-mode-toggle__icon--for-light),
.dsm-dark-mode-toggle--content-custom .dsm-dark-mode-toggle__icon--moon:not(.dsm-dark-mode-toggle__icon--for-dark) {
  display: none;
}
.dsm-dark-mode-toggle--content-custom .dsm-dark-mode-toggle__icon--sun.dsm-dark-mode-toggle__icon--for-light,
.dsm-dark-mode-toggle--content-custom .dsm-dark-mode-toggle__icon--moon.dsm-dark-mode-toggle__icon--for-dark {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.dsm-dark-mode-toggle--content-custom.dsm-dark-mode-toggle--light .dsm-dark-mode-toggle__icon--for-light,
.dsm-dark-mode-toggle--content-custom.dsm-dark-mode-toggle--light .dsm-dark-mode-toggle__label--for-light,
.dsm-dark-mode-toggle--content-custom.dsm-dark-mode-toggle--light .dsm-dark-mode-toggle__image--for-light {
  display: inline-flex;
  align-items: center;
}
.dsm-dark-mode-toggle--content-custom.dsm-dark-mode-toggle--light .dsm-dark-mode-toggle__icon--for-dark,
.dsm-dark-mode-toggle--content-custom.dsm-dark-mode-toggle--light .dsm-dark-mode-toggle__label--for-dark,
.dsm-dark-mode-toggle--content-custom.dsm-dark-mode-toggle--light .dsm-dark-mode-toggle__image--for-dark {
  display: none;
}
.dsm-dark-mode-toggle--content-custom.dsm-dark-mode-toggle--dark .dsm-dark-mode-toggle__icon--for-dark,
.dsm-dark-mode-toggle--content-custom.dsm-dark-mode-toggle--dark .dsm-dark-mode-toggle__label--for-dark,
.dsm-dark-mode-toggle--content-custom.dsm-dark-mode-toggle--dark .dsm-dark-mode-toggle__image--for-dark {
  display: inline-flex;
  align-items: center;
}
.dsm-dark-mode-toggle--content-custom.dsm-dark-mode-toggle--dark .dsm-dark-mode-toggle__icon--for-light,
.dsm-dark-mode-toggle--content-custom.dsm-dark-mode-toggle--dark .dsm-dark-mode-toggle__label--for-light,
.dsm-dark-mode-toggle--content-custom.dsm-dark-mode-toggle--dark .dsm-dark-mode-toggle__image--for-light {
  display: none;
}
.dsm-dark-mode-toggle--content-custom.dsm-dark-mode-toggle--style-switch .dsm-dark-mode-toggle__icon--custom,
.dsm-dark-mode-toggle--content-custom.dsm-dark-mode-toggle--style-switch .dsm-dark-mode-toggle__label,
.dsm-dark-mode-toggle--content-custom.dsm-dark-mode-toggle--style-switch .dsm-dark-mode-toggle__image {
  display: none !important;
}

/* Screen-reader live region for scheme announcements (a11y). */
.dsm-dark-mode-live-region {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 782px) {
  /* Soft defaults for uncustomized sites. Skipped when tablet/phone maps exist
     (`.dsm-dark-mode-toggle--bp-layout`) so Divi-breakpoint CSS from PHP wins. */
  .dsm-dark-mode-toggle:not(.dsm-dark-mode-toggle--bp-layout) {
    --dsm-dm-toggle-size: 44px;
    --dsm-dm-toggle-offset-x: 16px;
    --dsm-dm-toggle-offset-y: 16px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .dsm-dark-mode-toggle,
  .dsm-dark-mode-toggle__icon,
  .dsm-dark-mode-toggle__thumb {
    transition: none;
  }
  .dsm-dark-mode-toggle:hover {
    transform: none;
  }
}
.dsm_dark_mode_toggle {
  display: flex;
  align-items: center;
}
.dsm_dark_mode_toggle.dsm-dark-mode-toggle-align-left {
  justify-content: flex-start;
}
.dsm_dark_mode_toggle.dsm-dark-mode-toggle-align-center {
  justify-content: center;
}
.dsm_dark_mode_toggle.dsm-dark-mode-toggle-align-right {
  justify-content: flex-end;
}

.dsm-dark-mode-custom-css {
  width: 100%;
  min-height: 140px;
  box-sizing: border-box;
  padding: 10px 12px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 12px;
  line-height: 1.45;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  resize: vertical;
}

.dsm-dark-mode-notice {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 4px;
  background: rgba(65, 97, 212, 0.08);
  font-size: 13px;
  line-height: 1.4;
}
.dsm-dark-mode-notice p {
  margin: 0;
}