/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** 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 ***!
  \***************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-create-block-page-section-js {
  --shape-height: var(--wp--preset--spacing--140);
  --top-shape-position: 50%;
  --bottom-shape-position: 50%;
  position: relative;
  z-index: 1;
}

.wp-block-create-block-page-section-js.has-left-top-position {
  --top-shape-position: 25%;
}

.wp-block-create-block-page-section-js.has-right-top-position {
  --top-shape-position: 75%;
}

.wp-block-create-block-page-section-js.has-left-bottom-position {
  --bottom-shape-position: 25%;
}

.wp-block-create-block-page-section-js.has-right-bottom-position {
  --bottom-shape-position: 75%;
}

/* Inward Top Shape No Bottom Shape */
.wp-block-create-block-page-section-js.has-inward-top-shape {
  -webkit-clip-path: polygon(0 0, var(--top-shape-position) var(--shape-height), 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, var(--top-shape-position) var(--shape-height), 100% 0, 100% 100%, 0 100%);
}

/* Outward Top Shape No Bottom Shape */
.wp-block-create-block-page-section-js.has-outward-top-shape {
  -webkit-clip-path: polygon(0 var(--shape-height), var(--top-shape-position) 0, 100% var(--shape-height), 100% 100%, 0 100%);
          clip-path: polygon(0 var(--shape-height), var(--top-shape-position) 0, 100% var(--shape-height), 100% 100%, 0 100%);
  margin-top: calc(-1 * var(--shape-height) - 1px) !important;
}

/* Inward Bottom Shape No Top Shape */
.wp-block-create-block-page-section-js.has-inward-bottom-shape {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, var(--bottom-shape-position) calc(100% - var(--shape-height)), 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, var(--bottom-shape-position) calc(100% - var(--shape-height)), 0 100%);
}

/* Outward Bottom Shape No Top Shape */
.wp-block-create-block-page-section-js.has-outward-bottom-shape {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--shape-height)), var(--bottom-shape-position) 100%, 0 calc(100% - var(--shape-height)));
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--shape-height)), var(--bottom-shape-position) 100%, 0 calc(100% - var(--shape-height)));
  margin-bottom: calc(-1 * var(--shape-height) - 1px) !important;
}

/* Inward Top Shape Inward Bottom Shape */
.wp-block-create-block-page-section-js.has-inward-top-shape.has-inward-bottom-shape {
  -webkit-clip-path: polygon(0 0, var(--top-shape-position) var(--shape-height), 100% 0, 100% 100%, var(--bottom-shape-position) calc(100% - var(--shape-height)), 0 100%);
          clip-path: polygon(0 0, var(--top-shape-position) var(--shape-height), 100% 0, 100% 100%, var(--bottom-shape-position) calc(100% - var(--shape-height)), 0 100%);
}

.wp-block-create-block-page-section-js .wp-block-create-block-page-section-js {
  -webkit-clip-path: none !important;
          clip-path: none !important;
}

/* Outward Top Shape Following Inward Bottom Shape */
.wp-block-create-block-page-section-js.has-inward-bottom-shape + .wp-block-create-block-page-section-js.has-outward-top-shape {
  -webkit-clip-path: none;
          clip-path: none;
  z-index: auto;
}

.wp-block-create-block-page-section-js.has-square {
  position: relative;
}

.wp-block-create-block-page-section-js.has-square::before {
  background-image: url(images/texture.f99a8b2f.png);
  grid-area: 1/1;
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  position: absolute;
  content: "";
  aspect-ratio: 812/517;
  width: 55vw;
  top: 0;
  transform: translate(0, 0) rotate(var(--rotate-angle));
  background-size: cover;
  z-index: 1;
  left: 50vw;
  right: 0;
}

.wp-block-create-block-page-section-js.has-square.square-reverse::before {
  transform: translate(0, 0) rotate(calc(-1 * var(--rotate-angle)));
}

.wp-block-create-block-page-section-js.square-glass::before {
  background-image: url(images/glass.818af52e.jpg);
  opacity: 0.4;
}

.wp-block-create-block-page-section-js.has-square.square-left::before {
  /* right: calc((100% - var(--wp--style--global--content-size) / 2)); */
  right: calc(50vw + var(--wp--preset--spacing--60));
  left: auto;
}

.wp-block-create-block-page-section-js.has-square > * {
  z-index: 2;
  position: relative;
}

.wp-block-create-block-page-section-js .wp-block-page-section__overlay {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  max-width: none !important;
  z-index: -1;
  margin-top: 0;
}

/* Overlay Opacity Styles */
.wp-block-create-block-page-section-js .has-background-dim-0 {
  opacity: 0;
}

.wp-block-create-block-page-section-js .has-background-dim-10 {
  opacity: 0.1;
}

.wp-block-create-block-page-section-js .has-background-dim-20 {
  opacity: 0.2;
}

.wp-block-create-block-page-section-js .has-background-dim-30 {
  opacity: 0.3;
}

.wp-block-create-block-page-section-js .has-background-dim-40 {
  opacity: 0.4;
}

.wp-block-create-block-page-section-js .has-background-dim-50 {
  opacity: 0.5;
}

.wp-block-create-block-page-section-js .has-background-dim-60 {
  opacity: 0.6;
}

.wp-block-create-block-page-section-js .has-background-dim-70 {
  opacity: 0.7;
}

.wp-block-create-block-page-section-js .has-background-dim-80 {
  opacity: 0.8;
}

.wp-block-create-block-page-section-js .has-background-dim-90 {
  opacity: 0.9;
}

.wp-block-create-block-page-section-js .has-background-dim-100 {
  opacity: 1;
}

/* Mobile Breakpoint */
@media (max-width: 781px) {
  .wp-block-create-block-page-section-js.has-square::before {
    width: 80vw;
  }
  .wp-block-create-block-page-section-js.has-square.mobile-square-bottom::before {
    top: auto;
    bottom: 0;
  }
}

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