.rw-pattern--yes {
  isolation: isolate;
  position: relative;
}
.rw-background-pattern {
  inset: 0;
  mix-blend-mode: var(--rw-pattern-blend, normal);
  opacity: var(--rw-pattern-opacity, 1);
  overflow: hidden;
  pointer-events: none;
  position: absolute;
}
.rw-pattern-position--behind > .rw-background-pattern {
  z-index: 0;
}
.rw-pattern-position--behind
  > :is(.wp-block-group__inner-container, .wp-block-group, .rwsr) {
  position: relative;
  z-index: 1;
}
.rw-pattern-position--front > .rw-background-pattern {
  z-index: 10;
}
.rw-pattern-mask--left > .rw-background-pattern {
  -webkit-mask-image: linear-gradient(
    to right,
    #000 0,
    #000 var(--rw-pattern-mask-solid, 20%),
    transparent var(--rw-pattern-mask-end, 80%)
  );
  mask-image: linear-gradient(
    to right,
    #000 0,
    #000 var(--rw-pattern-mask-solid, 20%),
    transparent var(--rw-pattern-mask-end, 80%)
  );
}
.rw-pattern-mask--right > .rw-background-pattern {
  -webkit-mask-image: linear-gradient(
    to left,
    #000 0,
    #000 var(--rw-pattern-mask-solid, 20%),
    transparent var(--rw-pattern-mask-end, 80%)
  );
  mask-image: linear-gradient(
    to left,
    #000 0,
    #000 var(--rw-pattern-mask-solid, 20%),
    transparent var(--rw-pattern-mask-end, 80%)
  );
}
.rw-pattern-mask--top > .rw-background-pattern {
  -webkit-mask-image: linear-gradient(
    to bottom,
    #000 0,
    #000 var(--rw-pattern-mask-solid, 20%),
    transparent var(--rw-pattern-mask-end, 80%)
  );
  mask-image: linear-gradient(
    to bottom,
    #000 0,
    #000 var(--rw-pattern-mask-solid, 20%),
    transparent var(--rw-pattern-mask-end, 80%)
  );
}
.rw-pattern-mask--bottom > .rw-background-pattern {
  -webkit-mask-image: linear-gradient(
    to top,
    #000 0,
    #000 var(--rw-pattern-mask-solid, 20%),
    transparent var(--rw-pattern-mask-end, 80%)
  );
  mask-image: linear-gradient(
    to top,
    #000 0,
    #000 var(--rw-pattern-mask-solid, 20%),
    transparent var(--rw-pattern-mask-end, 80%)
  );
}
.rw-pattern-mask--top-left > .rw-background-pattern {
  -webkit-mask-image: radial-gradient(
    ellipse at 0 0,
    #000 0,
    #000 var(--rw-pattern-mask-solid, 20%),
    transparent var(--rw-pattern-mask-end, 80%)
  );
  mask-image: radial-gradient(
    ellipse at 0 0,
    #000 0,
    #000 var(--rw-pattern-mask-solid, 20%),
    transparent var(--rw-pattern-mask-end, 80%)
  );
}
.rw-pattern-mask--top-right > .rw-background-pattern {
  -webkit-mask-image: radial-gradient(
    ellipse at 100% 0,
    #000 0,
    #000 var(--rw-pattern-mask-solid, 20%),
    transparent var(--rw-pattern-mask-end, 80%)
  );
  mask-image: radial-gradient(
    ellipse at 100% 0,
    #000 0,
    #000 var(--rw-pattern-mask-solid, 20%),
    transparent var(--rw-pattern-mask-end, 80%)
  );
}
.rw-pattern-mask--bottom-left > .rw-background-pattern {
  -webkit-mask-image: radial-gradient(
    ellipse at 0 100%,
    #000 0,
    #000 var(--rw-pattern-mask-solid, 20%),
    transparent var(--rw-pattern-mask-end, 80%)
  );
  mask-image: radial-gradient(
    ellipse at 0 100%,
    #000 0,
    #000 var(--rw-pattern-mask-solid, 20%),
    transparent var(--rw-pattern-mask-end, 80%)
  );
}
.rw-pattern-mask--bottom-right > .rw-background-pattern {
  -webkit-mask-image: radial-gradient(
    ellipse at 100% 100%,
    #000 0,
    #000 var(--rw-pattern-mask-solid, 20%),
    transparent var(--rw-pattern-mask-end, 80%)
  );
  mask-image: radial-gradient(
    ellipse at 100% 100%,
    #000 0,
    #000 var(--rw-pattern-mask-solid, 20%),
    transparent var(--rw-pattern-mask-end, 80%)
  );
}
.rw-pattern-mask--radial > .rw-background-pattern {
  -webkit-mask-image: radial-gradient(
    ellipse at var(--rw-pattern-mask-x, 50%) var(--rw-pattern-mask-y, 50%),
    #000 0,
    #000 var(--rw-pattern-mask-solid, 20%),
    transparent var(--rw-pattern-mask-end, 80%)
  );
  mask-image: radial-gradient(
    ellipse at var(--rw-pattern-mask-x, 50%) var(--rw-pattern-mask-y, 50%),
    #000 0,
    #000 var(--rw-pattern-mask-solid, 20%),
    transparent var(--rw-pattern-mask-end, 80%)
  );
}
.rw-pattern-type--diagonal > .rw-background-pattern {
  background-image: repeating-linear-gradient(
    var(--rw-pattern-angle, -45deg),
    var(--rw-pattern-color, rgba(184, 201, 201, 0.1)) 0,
    var(--rw-pattern-color, rgba(184, 201, 201, 0.1))
      var(--rw-pattern-line, 1px),
    transparent var(--rw-pattern-line, 1px),
    transparent var(--rw-pattern-size, 8px)
  );
}
.rw-pattern-type--grid > .rw-background-pattern {
  background-image:
    linear-gradient(
      var(--rw-pattern-color, rgba(255, 255, 255, 0.07))
        var(--rw-pattern-line, 1px),
      transparent var(--rw-pattern-line, 1px)
    ),
    linear-gradient(
      90deg,
      var(--rw-pattern-color, rgba(255, 255, 255, 0.07))
        var(--rw-pattern-line, 1px),
      transparent var(--rw-pattern-line, 1px)
    );
  background-size: var(--rw-pattern-size, 50px) var(--rw-pattern-size, 50px);
}
.rw-pattern-type--dashed > .rw-background-pattern > svg {
  display: block;
  height: 100%;
  width: 100%;
}
.rw-pattern-type--dashed > .rw-background-pattern .rw-dashed-grid-line {
  fill: none;
  stroke: var(--rw-pattern-color, rgba(125, 143, 155, 0.75));
  stroke-linecap: butt;
  stroke-width: var(--rw-pattern-line, 1.5px);
  vector-effect: non-scaling-stroke;
}
.rw-pattern-dashed-fade--yes > .rw-background-pattern > svg {
  -webkit-mask-image: radial-gradient(
    ellipse at center,
    #000 40%,
    transparent 100%
  );
  mask-image: radial-gradient(ellipse at center, #000 40%, transparent 100%);
}
.rw-pattern-type--dots > .rw-background-pattern {
  background-image: radial-gradient(
    circle,
    var(--rw-pattern-color, rgba(0, 0, 0, 0.15)) 0
      var(--rw-pattern-dot-size, 1px),
    transparent calc(var(--rw-pattern-dot-size, 1px) + 0.1px)
  );
  background-size: var(--rw-pattern-dot-spacing, 20px)
    var(--rw-pattern-dot-spacing, 20px);
}
.rw-pattern-dot-gradient--yes.rw-pattern-type--dots > .rw-background-pattern {
  background-image:
    radial-gradient(
      circle,
      var(--rw-pattern-color, rgba(0, 0, 0, 0.15)) 0
        var(--rw-pattern-dot-size, 1px),
      transparent calc(var(--rw-pattern-dot-size, 1px) + 0.1px)
    ),
    linear-gradient(
      to bottom,
      var(--rw-pattern-dot-gradient-top, rgba(234, 243, 255, 1)) 0%,
      var(--rw-pattern-dot-gradient-bottom, #fff) 100%
    );
  background-size:
    var(--rw-pattern-dot-spacing, 20px) var(--rw-pattern-dot-spacing, 20px),
    100% 100%;
}
.rw-pattern-glow--yes.rw-pattern-type--diagonal > .rw-background-pattern {
  background-image:
    repeating-linear-gradient(
      var(--rw-pattern-angle, -45deg),
      var(--rw-pattern-color, rgba(184, 201, 201, 0.1)) 0,
      var(--rw-pattern-color, rgba(184, 201, 201, 0.1))
        var(--rw-pattern-line, 1px),
      transparent var(--rw-pattern-line, 1px),
      transparent var(--rw-pattern-size, 8px)
    ),
    radial-gradient(
      circle at 5% 95%,
      var(--rw-pattern-glow-one, rgba(68, 132, 5, 1)),
      transparent var(--rw-pattern-glow-size, 35%)
    ),
    radial-gradient(
      circle at 95% 2%,
      var(--rw-pattern-glow-two, rgba(68, 132, 5, 1)),
      transparent var(--rw-pattern-glow-size, 35%)
    );
}
.rw-pattern-glow--yes.rw-pattern-type--grid > .rw-background-pattern {
  background-image:
    linear-gradient(
      var(--rw-pattern-color, rgba(255, 255, 255, 0.07))
        var(--rw-pattern-line, 1px),
      transparent var(--rw-pattern-line, 1px)
    ),
    linear-gradient(
      90deg,
      var(--rw-pattern-color, rgba(255, 255, 255, 0.07))
        var(--rw-pattern-line, 1px),
      transparent var(--rw-pattern-line, 1px)
    ),
    radial-gradient(
      circle at 5% 95%,
      var(--rw-pattern-glow-one, rgba(68, 132, 5, 1)),
      transparent var(--rw-pattern-glow-size, 35%)
    ),
    radial-gradient(
      circle at 95% 2%,
      var(--rw-pattern-glow-two, rgba(68, 132, 5, 1)),
      transparent var(--rw-pattern-glow-size, 35%)
    );
  background-size:
    var(--rw-pattern-size, 50px) var(--rw-pattern-size, 50px),
    var(--rw-pattern-size, 50px) var(--rw-pattern-size, 50px),
    100% 100%,
    100% 100%;
}
.rw-pattern-glow--yes.rw-pattern-type--dashed > .rw-background-pattern {
  background-image:
    radial-gradient(
      circle at 5% 95%,
      var(--rw-pattern-glow-one, rgba(68, 132, 5, 1)),
      transparent var(--rw-pattern-glow-size, 35%)
    ),
    radial-gradient(
      circle at 95% 2%,
      var(--rw-pattern-glow-two, rgba(68, 132, 5, 1)),
      transparent var(--rw-pattern-glow-size, 35%)
    );
  background-size:
    100% 100%,
    100% 100%;
}
@media (prefers-reduced-motion: reduce) {
  .rw-background-pattern {
    transition: none !important;
  }
}