.wp-block-group.is-style-diagonal {
  clip-path: polygon(0 50px, 100% 0%, 100% calc(100% - 50px), 0% 100%);
}

.wp-block-group.is-style-wave {
  position: relative;
}

.wp-block-group.is-style-wave::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  right: 0;
  height: 100px;
  background-color: inherit;
  clip-path: polygon(
    100% 0%,
    0% 0%,
    0% 100%,
    2% 99.56%,
    4% 98.24%,
    6% 96.11%,
    8% 93.22%,
    10% 89.69%,
    12% 85.64%,
    14% 81.22%,
    16% 76.57%,
    18% 71.87%,
    20% 67.27%,
    22% 62.96%,
    24% 59.06%,
    26% 55.74%,
    28% 53.09%,
    30% 51.22%,
    32% 50.2%,
    34% 50.05%,
    36% 50.79%,
    38% 52.38%,
    40% 54.77%,
    42% 57.89%,
    44% 61.6%,
    46% 65.8%,
    48% 70.32%,
    50% 75%,
    52% 79.68%,
    54% 84.2%,
    56% 88.4%,
    58% 92.11%,
    60% 95.23%,
    62% 97.62%,
    64% 99.21%,
    66% 99.95%,
    68% 99.8%,
    70% 98.78%,
    72% 96.91%,
    74% 94.26%,
    76% 90.94%,
    78% 87.04%,
    80% 82.73%,
    82% 78.13%,
    84% 73.43%,
    86% 68.78%,
    88% 64.36%,
    90% 60.31%,
    92% 56.78%,
    94% 53.89%,
    96% 51.76%,
    98% 50.44%,
    100% 50%
  );
}

.wp-block-group.is-style-arrow {
  margin-top: calc(50vh + 100px);
  margin-bottom: calc(50vh + 50px);
  position: relative;
  pointer-events: none;
}

.wp-block-group.is-style-arrow::before {
  content: "";
  display: block;
  position: absolute;
  margin-top: 100%;
  bottom: calc(100% - 1px);
  left: 0;
  right: 0;
  height: 50vh;
  background-color: inherit;
  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
}

.wp-block-group.is-style-arrow::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  right: 0;
  height: 50vh;
  background-color: inherit;
  clip-path: polygon(100% 0, 100% 100%, 50% 0, 0 100%, 0 0);
}

.wp-block-group.is-style-wall-castle {
  margin-top: 150px;
  position: relative;
}

.wp-block-group.is-style-wall-castle::before {
  content: "";
  display: block;
  position: absolute;
  margin-top: 100%;
  bottom: calc(100% - 1px);
  left: 0;
  right: 0;
  height: 50px;
  background-color: inherit;
  clip-path: polygon(
    100% 0%,
    0% 0%,
    0% 100%,
    0% 100%,
    10% 100%,
    10% 0%,
    20% 0%,
    20% 100%,
    30% 100%,
    30% 0%,
    40% 0%,
    40% 100%,
    50% 100%,
    50% 0%,
    60% 0%,
    60% 100%,
    70% 100%,
    70% 0%,
    80% 0%,
    80% 100%,
    90% 100%,
    90% 0%,
    100% 0%,
    100% 100%
  );
}