/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/flairousel/editor.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************/
:where(.flairousel) {
  --carousel_gap: calc( var( --type__size, 1rem ) * 2);
  margin-block-end: 2rem;
}

:where(.wp-block-columns.flairousel) {
  flex-wrap: nowrap !important; /* because WP default styles use importat */
  gap: var(--carousel_gap);
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  overflow-x: scroll;
}

:where(.wp-block-columns.flairousel .wp-block-column) {
  flex: 0 0 auto;
  scroll-snap-align: start;
  flex-basis: 100%;
}

:where(.wp-block-columns.flairousel.double .wp-block-column) {
  flex-basis: calc(50% - var(--carousel_gap)) !important;
}

:where(.wp-block-columns.flairousel.triple .wp-block-column) {
  flex-basis: calc(33.3333333333% - var(--carousel_gap)) !important;
}

/*# sourceMappingURL=editor.css.map*/