/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/play-grid/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-play-grid .swing {
  position: relative;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.03em;
  transform: none;
}
@media (min-width: 1024px) {
  .wp-block-create-block-play-grid .swing .swing__container {
    font-size: 8rem;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .wp-block-create-block-play-grid .swing .swing__container {
    font-size: 6rem;
  }
}
@media (max-width: 639px) {
  .wp-block-create-block-play-grid .swing .swing__container {
    font-size: 3.875rem;
    letter-spacing: -0.055em;
    transform-origin: center bottom;
  }
}

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