/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./inc/Components/Toggle/styles.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable */
.edwp-block--dark-mode .wp-component-toggle {
  --component-toggle-colour: var(--component-toggle-colour-dark);
  --component-toggle-container-background-colour: var(--component-toggle-container-background-colour-dark);
  --component-toggle-container-background-active-colour: var(--component-toggle-container-background-active-colour-dark);
  --component-toggle-position-background-colour: var(--component-toggle-position-background-colour-dark);
  --component-toggle-position-background-active-colour: var(--component-toggle-position-background-active-colour-dark);
}
.wp-admin .wp-block-group.bg--primary .wp-component-toggle, .wp-admin .wp-block-group.bg--secondary .wp-component-toggle, .wp-admin .wp-block-group.bg--black .wp-component-toggle, .wp-admin .wp-block-group.wp-block-group--background-image .wp-component-toggle, .wp-admin .wp-block-group.wp-block-group--background-video .wp-component-toggle {
  --component-toggle-colour: var(--component-toggle-colour-dark);
  --component-toggle-container-background-colour: var(--component-toggle-container-background-colour-dark);
  --component-toggle-container-background-active-colour: var(--component-toggle-container-background-active-colour-dark);
  --component-toggle-position-background-colour: var(--component-toggle-position-background-colour-dark);
  --component-toggle-position-background-active-colour: var(--component-toggle-position-background-active-colour-dark);
}
.wp-component-toggle {
  align-items: start;
  color: var(--component-toggle-colour);
  display: flex;
  gap: var(--spacing-xs);
  justify-content: space-between;
  width: 100%;
}

.wp-component-toggle__label {
  display: inline-flex;
}
.wp-component-toggle__label:hover, .wp-component-toggle__label:focus-visible {
  cursor: pointer;
  outline: none;
}

.wp-component-toggle__toggle {
  height: 0;
  opacity: 0;
  overflow: hidden;
  width: 0;
}
.wp-component-toggle__toggle:focus-visible ~ .wp-component-toggle__state > .wp-component-toggle__container {
  outline-color: var(--base-outline-colour);
  outline-offset: var(--base-outline-offset);
  outline-style: var(--base-outline-style);
  outline-width: var(--base-outline-width);
}
.wp-component-toggle__toggle:not(:checked) ~ .wp-component-toggle__state > .wp-component-toggle__text-on {
  display: none;
}
.wp-component-toggle__toggle:checked ~ .wp-component-toggle__state > .wp-component-toggle__text-off {
  display: none;
}
.wp-component-toggle__toggle:checked ~ .wp-component-toggle__state > .wp-component-toggle__container {
  background-color: var(--component-toggle-container-background-active-colour);
}
.wp-component-toggle__toggle:checked ~ .wp-component-toggle__state > .wp-component-toggle__container > .wp-component-toggle__position {
  background-color: var(--component-toggle-position-background-active-colour);
  border-color: var(--component-toggle-position-background-active-colour);
  left: calc(var(--component-toggle-container-width) - var(--component-toggle-position-width) - var(--component-toggle-position-left));
}

.wp-component-toggle__state {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-xxxxs);
  user-select: none;
}

.wp-component-toggle--label-visually-hidden .wp-component-toggle__text {
  border: 0 !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  text-indent: -9999px !important;
  transform: scale(0) !important;
  width: 1px !important;
}

.wp-component-toggle__container {
  background-color: var(--component-toggle-container-background-colour);
  border-radius: 500px;
  display: inline-block;
  height: var(--component-toggle-container-height);
  position: relative;
  transition: var(--transition-background-color);
  width: var(--component-toggle-container-width);
}

.wp-component-toggle__position {
  background-color: var(--component-toggle-position-background-colour);
  border: 2px solid var(--component-toggle-position-background-colour);
  border-radius: var(--radius-full);
  display: inline-block;
  height: var(--component-toggle-position-height);
  left: var(--component-toggle-position-left);
  position: relative;
  top: 0;
  transition: var(--transition-all);
  width: var(--component-toggle-position-width);
}

.wp-component-toggle__description_title {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-p);
  line-height: var(--line-height-p);
  text-transform: none;
}

.wp-component-toggle__description_content {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p);
  font-weight: 400;
  letter-spacing: var(--letter-spacing-p);
  line-height: var(--line-height-p);
  text-transform: none;
}

/*# sourceMappingURL=styles.css.map*/