/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/plugin-group/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.
 */
@media (min-width: 1024px) {
  .wp-block-group[class*=is-style-group-bg-option-] {
    position: relative;
  }
  .wp-block-group[class*=is-style-group-bg-option-] > * {
    position: relative;
    z-index: 1;
  }
  .wp-block-group[class*=is-style-group-bg-option-]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(../png/bg-opt-1.9c21cc12.png);
    background-size: contain;
    height: 100%;
    width: 13vw;
    background-position: top right;
    background-repeat: no-repeat;
    z-index: 0;
  }
  .wp-block-group[class*=is-style-group-bg-option-].is-style-group-bg-left::before {
    left: 0;
    right: auto;
    transform: rotateY(180deg);
  }
  .wp-block-group[class*=is-style-group-bg-option-].is-style-group-bg-option-2::before {
    background-image: url(../png/bg-opt-2.08b2fb5b.png);
  }
  .wp-block-group[class*=is-style-group-bg-option-].is-style-group-bg-option-3::before {
    background-image: url(../png/bg-opt-3.73630c53.png);
    background-position: center right;
  }
  .wp-block-group[class*=is-style-group-bg-option-].is-style-group-bg-option-4::before {
    background-image: url(../png/bg-opt-4.15aaacd1.png);
  }
  .wp-block-group[class*=is-style-group-bg-option-].is-style-group-bg-option-rainbow::before {
    background-image: url(../png/bg-opt-rainbow.4f70fba3.png);
    width: 40vw;
    background-size: 100%;
    top: auto;
    bottom: 0;
    aspect-ratio: 0.72;
    height: auto;
    max-width: 480px;
    max-height: 100%;
  }
}

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