/*!**************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./blocks/acf/columns/columns.scss ***!
  \**************************************************************************************************************************/
.columns {
  --local--mobile-columns: 1;
  --local--tablet-columns: 1;
  --local--desktop-columns: 1;
  display: grid;
  grid-template-columns: repeat(var(--local--mobile-columns), 1fr);
  gap: 1rem;
}

.acf-block-preview .columns {
  display: block;
}

.columns > .block-editor-inner-blocks > .block-editor-block-list__layout {
  display: grid;
  grid-template-columns: repeat(var(--local--mobile-columns), 1fr);
  padding: 0.5rem;
}

@media (min-width: 641px) {
  .columns {
    grid-template-columns: repeat(var(--local--tablet-columns), 1fr);
  }

  .columns > .block-editor-inner-blocks > .block-editor-block-list__layout {
    grid-template-columns: repeat(var(--local--tablet-columns), 1fr);
  }
}
@media (min-width: 1025px) {
  .columns {
    grid-template-columns: repeat(var(--local--desktop-columns), 1fr);
  }

  .columns > .block-editor-inner-blocks > .block-editor-block-list__layout {
    grid-template-columns: repeat(var(--local--desktop-columns), 1fr);
  }
}