/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/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]!./blocks/src/widgets/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-cl-widgets {
  padding: 40px 0;
}
.wp-block-cl-widgets.has-background {
  padding: 64px 0;
}
@media screen and (min-width: 1280px) {
  .wp-block-cl-widgets.has-background {
    padding: 80px;
    max-width: calc(100% - 48px);
    margin-left: auto;
    margin-right: auto;
    border-radius: 40px;
  }
  .wp-block-cl-widgets.has-background .container {
    padding: 0 !important;
    max-width: unset;
  }
}
@media screen and (min-width: 1488px) {
  .wp-block-cl-widgets.has-background {
    max-width: var(--wp--custom--container--large-max-width);
  }
}
@media screen and (min-width: 768px) {
  .wp-block-cl-widgets {
    padding: 80px 0;
  }
}
@media screen and (min-width: 1025px) {
  .wp-block-cl-widgets {
    padding: 120px 0;
  }
}
.wp-block-cl-widgets .section__header {
  margin: 0 0 40px;
}
@media screen and (min-width: 1025px) {
  .wp-block-cl-widgets .section__header {
    display: flex;
    align-items: flex-start;
    -moz-column-gap: 80px;
         column-gap: 80px;
    margin: 0 0 80px;
  }
  .wp-block-cl-widgets .section__header .section-title,
  .wp-block-cl-widgets .section__header .section-content {
    flex-grow: 1;
    flex-basis: 0;
  }
  .wp-block-cl-widgets .section__header .section-title {
    font-size: 64px;
    line-height: 80px;
    letter-spacing: -2.56px;
    margin: 0;
  }
}

.widgets {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
@media screen and (min-width: 768px) {
  [data-columns="3"] .widgets, [data-columns="4"] .widgets {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
  }
}
@media screen and (min-width: 1025px) {
  .widgets {
    flex-direction: row;
    align-items: stretch;
    gap: 24px;
    flex-wrap: wrap;
  }
}

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