/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/bp-row/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
@media only screen and (min-width: 0) and (max-width: 960px) {
  .row :is([class*=col-], .bp-column) {
    padding-inline: calc(var(--gap-mobile) * 0.5);
  }
}
@media only screen and (min-width: 961px) {
  .row :is([class*=col-], .bp-column) {
    padding-inline: calc(var(--gap-mobile) * 0.5);
  }
}
:is(.row, [flexible]) {
  display: flex;
}

[flexible] {
  width: -moz-fit-content;
  width: fit-content;
}

:is(.row, #important):not([flexible]) {
  -moz-column-gap: 0;
       column-gap: 0;
}

@media only screen and (min-width: 0) and (max-width: 960px) {
  :is(.row, [flexible]):not(.wp-block-bp-core-bp-row) {
    -moz-column-gap: var(--gap-mobile);
         column-gap: var(--gap-mobile);
    row-gap: var(--gap-mobile-vertical, var(--gap-mobile));
  }
  :is(.row, [flexible]):is(.mobile-top, [flexible~=mobile-top]) {
    align-items: flex-start;
  }
  :is(.row, [flexible]):is(.mobile-bottom, [flexible~=mobile-bottom]) {
    align-items: flex-end;
  }
  :is(.row, [flexible]):is(.mobile-middle, [flexible~=mobile-middle]) {
    align-items: center;
  }
  :is(.row, [flexible]):is(.mobile-left, [flexible~=mobile-left]) {
    justify-content: flex-start;
  }
  :is(.row, [flexible]):is(.mobile-center, [flexible~=mobile-center]) {
    justify-content: center;
  }
  :is(.row, [flexible]):is(.mobile-right, [flexible~=mobile-right]) {
    justify-content: flex-end;
  }
  :is(.row, [flexible]):is(.mobile-around, [flexible~=mobile-around]) {
    justify-content: space-around;
  }
  :is(.row, [flexible]):is(.mobile-between, [flexible~=mobile-between]) {
    justify-content: space-between;
  }
  :is(.row, [flexible]):is(.mobile-row, [flexible~=mobile-row]) {
    flex-direction: row;
  }
  :is(.row, [flexible]):is(.mobile-reversed, [flexible~=mobile-reversed]) {
    flex-direction: row-reverse;
  }
  :is(.row, [flexible]):is(.mobile-stack, [flexible~=mobile-stack]) {
    flex-direction: column;
  }
  :is(.row, [flexible]):is(.mobile-stack-reversed, [flexible~=mobile-stack-reversed]) {
    flex-direction: column-reverse;
  }
}
@media only screen and (min-width: 961px) {
  :is(.row, [flexible]) {
    flex-direction: row;
  }
  :is(.row, [flexible]):not(.wp-block-bp-core-bp-row) {
    -moz-column-gap: var(--gap-desktop);
         column-gap: var(--gap-desktop);
    row-gap: var(--gap-desktop-vertical, var(--gap-desktop));
  }
  :is(.row, [flexible]):is(.top, [flexible~=top]) {
    align-items: flex-start;
  }
  :is(.row, [flexible]):is(.bottom, [flexible~=bottom]) {
    align-items: flex-end;
  }
  :is(.row, [flexible]):is(.middle, [flexible~=middle]) {
    align-items: center;
  }
  :is(.row, [flexible]):is(.left, [flexible~=left]) {
    justify-content: flex-start;
  }
  :is(.row, [flexible]):is(.center, [flexible~=center]) {
    justify-content: center;
  }
  :is(.row, [flexible]):is(.right, [flexible~=right]) {
    justify-content: flex-end;
  }
  :is(.row, [flexible]):is(.around, [flexible~=around]) {
    justify-content: space-around;
  }
  :is(.row, [flexible]):is(.between, [flexible~=between]) {
    justify-content: space-between;
  }
  :is(.row, [flexible]):is(.row, [flexible~=row]) {
    flex-direction: row;
  }
  :is(.row, [flexible]):is(.reversed, [flexible~=reversed]) {
    flex-direction: row-reverse;
  }
  :is(.row, [flexible]):is(.stack, [flexible~=stack]) {
    flex-direction: column;
  }
  :is(.row, [flexible]):is(.stack-reversed, [flexible~=stack-reversed]) {
    flex-direction: column-reverse;
  }
}

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