/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].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-pn-sponsors {
  display: grid;
  grid-template-rows: 1fr;
  grid-gap: 5px;
  margin: 20px 0;
}
.wp-block-create-block-pn-sponsors .sponsor-item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 150px;
}
.wp-block-create-block-pn-sponsors .sponsor-item img {
  max-width: 150px;
}
@media (min-width: 782px) {
  .wp-block-create-block-pn-sponsors .sponsor-item img {
    max-width: 200px;
  }
}

.wp-block-create-block-pn-sponsors[data-column-mobile="2"] {
  grid-template-columns: repeat(2, 1fr);
}

.wp-block-create-block-pn-sponsors[data-column-mobile="3"] {
  grid-template-columns: repeat(3, 1fr);
}

@media (min-width: 782px) {
  .wp-block-create-block-pn-sponsors[data-column-tablet="3"] {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 782px) {
  .wp-block-create-block-pn-sponsors[data-column-tablet="4"] {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 1200px) {
  .wp-block-create-block-pn-sponsors[data-column-desktop="4"] {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 1200px) {
  .wp-block-create-block-pn-sponsors[data-column-desktop="5"] {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (min-width: 1200px) {
  .wp-block-create-block-pn-sponsors[data-column-desktop="6"] {
    grid-template-columns: repeat(6, 1fr);
  }
}

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