/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./plugins/developress-blocks/src/blocks/paragraph/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.paragraph {
  padding-block: var(--wp--preset--spacing--md);
}
.paragraph__groups {
  display: grid;
}
.paragraph__images-group {
  position: relative;
  margin-inline: auto;
}
.paragraph__images-group:first-child {
  width: 91.795vw;
  height: 34.872vw;
  grid-row: 3;
}
.paragraph__images-group:last-child {
  width: 91.795vw;
  height: 43.487vw;
  grid-row: 1;
}
.paragraph__image {
  position: absolute;
  margin-block: 0;
  z-index: 2;
}
.paragraph__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.paragraph__hand {
  width: 20.513vw;
  top: 0;
  left: 25.436vw;
}
.paragraph__female {
  width: 20.513vw;
  top: 20.513vw;
  left: 5.333vw;
}
.paragraph__orbit {
  width: 36.923vw;
  top: 8.205vw;
  left: 8.205vw;
}
.paragraph__cursor {
  width: 32.41vw;
  top: 5.333vw;
  left: 54.154vw;
}
.paragraph__male {
  width: 16.41vw;
  top: 25.846vw;
  left: 49.231vw;
}
.paragraph__rules {
  width: 16.821vw;
  top: 9.846vw;
  left: 65.641vw;
}

@media (min-width: 600px) {
  .paragraph__images-group:first-child {
    width: 22.375rem;
    height: 8.5rem;
  }
  .paragraph__images-group:last-child {
    width: 22.375rem;
    height: 10.6rem;
  }
  .paragraph__hand {
    width: 5rem;
    top: 0;
    left: 6.2rem;
  }
  .paragraph__female {
    width: 5rem;
    top: 5rem;
    left: 1.3rem;
  }
  .paragraph__orbit {
    width: 9rem;
    top: 2rem;
    left: 2rem;
  }
  .paragraph__cursor {
    width: 7.9rem;
    top: 1.3rem;
    left: 13.2rem;
  }
  .paragraph__male {
    width: 4rem;
    top: 6.3rem;
    left: 12rem;
  }
  .paragraph__rules {
    width: 4.1rem;
    top: 2.4rem;
    left: 16rem;
  }
}
@media (min-width: 1024px) {
  .paragraph {
    padding-block: 0;
  }
  .paragraph__groups {
    grid-template-columns: repeat(12, 1fr);
  }
  .paragraph__images-group {
    height: 100%;
    width: 100%;
  }
  .paragraph__images-group:first-child {
    grid-column: 1/5;
    width: 100%;
    height: 23.25rem;
    grid-row: initial;
  }
  .paragraph__images-group:last-child {
    grid-column: 9/13;
    width: 100%;
    height: 23.25rem;
    grid-row: initial;
  }
  .paragraph__title {
    grid-column: 5/9;
  }
  .paragraph__hand {
    width: 7.6rem;
    top: 2rem;
    left: 7.1rem;
  }
  .paragraph__female {
    width: 7.6rem;
    top: 9.7rem;
    left: -0.3rem;
  }
  .paragraph__orbit {
    width: 13.7rem;
    top: 3rem;
    left: -0.2rem;
  }
  .paragraph__cursor {
    width: 12rem;
    top: 10.2rem;
    left: 10.3rem;
  }
  .paragraph__male {
    width: 6rem;
    top: 8rem;
    left: 13.5rem;
  }
  .paragraph__rules {
    width: 6.3rem;
    top: 15rem;
    left: 7rem;
  }
  .paragraph__title {
    margin: auto !important;
  }
}
@media (min-width: 1256px) {
  .paragraph__images-group:first-child {
    grid-column: 1/4;
  }
  .paragraph__images-group:last-child {
    grid-column: 10/13;
  }
  .paragraph__title {
    grid-column: 4/10;
    font-size: 2.1875rem;
  }
}

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