/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
.wp-block-branch-background-glow-container {
  position: relative;
  min-height: 300px;
  /* Ensure container has minimum height */
}
.wp-block-branch-background-glow-container.has-background-image {
  background-image: none !important;
}
.wp-block-branch-background-glow-container > .wp-block-branch-background-glow-container__background-image {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: var(--container-background-image);
  background-size: var(--container-background-size, cover);
  background-position: var(--container-background-position, 0% 0%);
  background-repeat: var(--container-background-repeat, repeat);
  background-attachment: var(--container-background-attachment, scroll);
  pointer-events: none;
}
.wp-block-branch-background-glow-container .svg-wrapper {
  pointer-events: none;
}
.wp-block-branch-background-glow-container .svg-wrapper .base-layer,
.wp-block-branch-background-glow-container .svg-wrapper .glow-layer {
  position: absolute;
  top: 0;
  left: -80px;
  width: 100%;
  height: 100%;
  z-index: 1;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.wp-block-branch-background-glow-container .svg-wrapper .base-layer {
  background-color: var(--base-color, rgba(138, 66, 14, 0.2156862745));
  opacity: var(--base-opacity, 1);
  mask-image: var(--texture-mask), radial-gradient(circle at center, black 50%, transparent 70%);
  mask-composite: intersect;
}
.wp-block-branch-background-glow-container .svg-wrapper .glow-layer {
  background-color: var(--glow-color, #700bec);
  opacity: var(--glow-opacity, 1);
  filter: drop-shadow(0 0 5px var(--glow-color, #700bec));
  pointer-events: none;
  mask-image: var(--texture-mask), radial-gradient(circle var(--glow-radius, 80px) at var(--mouse-x, -100%) var(--mouse-y, -100%), black 50%, transparent 70%);
  mask-composite: intersect;
}
.wp-block-branch-background-glow-container .wp-block-branch-background-glow-container__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 90%;
}
.wp-block-branch-background-glow-container.has-static-texture .svg-wrapper {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.wp-block-branch-background-glow-container.has-static-texture .svg-wrapper .base-layer {
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  transform: translateX(-50%);
  clip-path: none;
  background: var(--texture-image) center/cover no-repeat;
  opacity: 1;
  mask-image: none;
}
.wp-block-branch-background-glow-container.has-static-texture .svg-wrapper .glow-layer {
  display: none;
}

.wp-block-branch-background-glow-container.is-style-flow,
.wp-block-branch-background-glow-container.has-repeating-texture {
  isolation: isolate;
}
.wp-block-branch-background-glow-container.is-style-flow > .wp-block-branch-background-glow-container__content,
.wp-block-branch-background-glow-container.has-repeating-texture > .wp-block-branch-background-glow-container__content {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  width: 100%;
}
.wp-block-branch-background-glow-container.is-style-flow.is-page-texture-source,
.wp-block-branch-background-glow-container.has-repeating-texture.is-page-texture-source {
  min-height: 0 !important;
}
.wp-block-branch-background-glow-container.is-style-flow.block-editor-block-list__block,
.wp-block-branch-background-glow-container.has-repeating-texture.block-editor-block-list__block {
  min-height: 240px !important;
}
.wp-block-branch-background-glow-container.is-style-flow .branch-texture-editor-note,
.wp-block-branch-background-glow-container.has-repeating-texture .branch-texture-editor-note {
  position: relative;
  z-index: 1;
  padding: 12px;
  background: #fff;
  color: #1e1e1e;
  font-size: 13px;
}

.wp-block-branch-background-glow-container.is-style-flow {
  min-height: 0;
}
.wp-block-branch-background-glow-container.is-style-flow > .svg-wrapper {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.branch-texture-surface {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  contain: paint;
}
.branch-texture-surface > .base-layer,
.branch-texture-surface > .glow-layer {
  position: absolute;
  inset: 0;
  pointer-events: none;
  mask-image: var(--texture-mask);
  mask-mode: alpha;
  mask-repeat: repeat;
  mask-size: var(--texture-width, 1083px) var(--texture-height, 251px);
  mask-position: var(--texture-offset-x, 0px) var(--texture-offset-y, 0px);
}
.branch-texture-surface > .base-layer {
  background: var(--base-color, #580db5);
  opacity: var(--base-opacity, 1);
}
.branch-texture-surface > .glow-layer {
  background: radial-gradient(circle var(--glow-radius, 180px) at var(--mouse-x, -10000px) var(--mouse-y, -10000px), var(--glow-color, #be8aff) 0%, var(--glow-color, #be8aff) 20%, transparent 100%);
  opacity: var(--glow-opacity, 1);
}
.branch-texture-surface.has-timed-glow > .glow-layer {
  background: none;
}
.branch-texture-surface.has-timed-glow > .glow-layer > canvas {
  position: absolute;
  display: block;
  max-width: none;
  max-height: none;
  pointer-events: none;
}

body.has-branch-page-texture {
  isolation: isolate;
}

body > .branch-texture-surface--page {
  position: fixed;
  z-index: -1;
}

@media (prefers-reduced-motion: reduce), (any-hover: none) {
  .branch-texture-surface > .glow-layer,
  .wp-block-branch-background-glow-container .svg-wrapper > .glow-layer {
    display: none;
  }
}
@media print {
  .branch-texture-surface {
    display: none;
  }
}
.blur-card-background {
  backdrop-filter: blur(2px);
}

/*# sourceMappingURL=style-index.css.map*/