/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/@wordpress/scripts/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/blocks-jsx/list/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
/* ==========================================================================
   List
============================================================================= */
/* ==========================================================================
		Mixins
============================================================================= */
/* ==========================================================================
		VARIABLES
============================================================================= */
:root :where(.wp-block-knightowl-blocks-list) {
  padding-left: 16px;
}
:root :where(.wp-block-knightowl-blocks-list).has-background {
  padding: 1.25em 2.375em;
}

.wp-block-knightowl-blocks-list.has-custom-icon {
  padding-left: 0;
}
.wp-block-knightowl-blocks-list.has-custom-icon.has-background {
  padding: 1.25em 2.375em;
}
.wp-block-knightowl-blocks-list.has-custom-icon > .wp-block-knightowl-blocks-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: var(--list-icon-gap, 8px);
}
.wp-block-knightowl-blocks-list.has-custom-icon > .wp-block-knightowl-blocks-list-item.hide-icon, .wp-block-knightowl-blocks-list.has-custom-icon > .wp-block-knightowl-blocks-list-item.has-inner-blocks {
  display: block;
}
.wp-block-knightowl-blocks-list.has-custom-icon > .wp-block-knightowl-blocks-list-item.hide-icon::before, .wp-block-knightowl-blocks-list.has-custom-icon > .wp-block-knightowl-blocks-list-item.has-inner-blocks::before {
  display: none;
}
.wp-block-knightowl-blocks-list.has-custom-icon > .wp-block-knightowl-blocks-list-item::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  width: var(--list-icon-size, 20px);
  height: var(--list-icon-size, 20px);
  margin-top: calc((1lh - 1cap) / 2);
  -webkit-mask-image: var(--list-icon-url);
  mask-image: var(--list-icon-url);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: var(--list-icon-color, currentColor);
}
.wp-block-knightowl-blocks-list.has-custom-icon > .wp-block-knightowl-blocks-list-item.has-item-icon::before {
  -webkit-mask-image: var(--list-item-icon-url);
  mask-image: var(--list-item-icon-url);
}
.wp-block-knightowl-blocks-list.has-custom-icon > .wp-block-knightowl-blocks-list-item.icon-position-left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.wp-block-knightowl-blocks-list.has-custom-icon > .wp-block-knightowl-blocks-list-item.icon-position-right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.wp-block-knightowl-blocks-list.has-custom-icon > .wp-block-knightowl-blocks-list-item.icon-align-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.wp-block-knightowl-blocks-list.has-custom-icon > .wp-block-knightowl-blocks-list-item.icon-align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wp-block-knightowl-blocks-list.has-custom-icon > .wp-block-knightowl-blocks-list-item.icon-align-center::before {
  margin-top: 0;
}
.wp-block-knightowl-blocks-list.has-custom-icon > .wp-block-knightowl-blocks-list-item.icon-align-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.wp-block-knightowl-blocks-list.has-custom-icon > .wp-block-knightowl-blocks-list-item.icon-align-bottom::before {
  margin-top: 0;
}
.wp-block-knightowl-blocks-list.has-custom-icon > .wp-block-knightowl-blocks-list-item > .wp-block-knightowl-blocks-list-item__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.wp-block-knightowl-blocks-list.has-custom-icon > .wp-block-knightowl-blocks-list-item > .wp-block-knightowl-blocks-list {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding-left: 32px;
}
.wp-block-knightowl-blocks-list.has-custom-icon.icon-position-right > .wp-block-knightowl-blocks-list-item {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.wp-block-knightowl-blocks-list.has-custom-icon.icon-align-top > .wp-block-knightowl-blocks-list-item {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.wp-block-knightowl-blocks-list.has-custom-icon.icon-align-center > .wp-block-knightowl-blocks-list-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wp-block-knightowl-blocks-list.has-custom-icon.icon-align-center > .wp-block-knightowl-blocks-list-item::before {
  margin-top: 0;
}
.wp-block-knightowl-blocks-list.has-custom-icon.icon-align-bottom > .wp-block-knightowl-blocks-list-item {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.wp-block-knightowl-blocks-list.has-custom-icon.icon-align-bottom > .wp-block-knightowl-blocks-list-item::before {
  margin-top: 0;
}

.wp-block-knightowl-blocks-list-item.has-item-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: var(--list-icon-gap, 8px);
}
.wp-block-knightowl-blocks-list-item.has-item-icon::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  width: var(--list-icon-size, 20px);
  height: var(--list-icon-size, 20px);
  margin-top: calc((1lh - 1cap) / 2);
  -webkit-mask-image: var(--list-item-icon-url);
  mask-image: var(--list-item-icon-url);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: var(--list-icon-color, currentColor);
}
.wp-block-knightowl-blocks-list-item.has-item-icon.icon-position-right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.wp-block-knightowl-blocks-list-item.has-item-icon.icon-align-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.wp-block-knightowl-blocks-list-item.has-item-icon.icon-align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wp-block-knightowl-blocks-list-item.has-item-icon.icon-align-center::before {
  margin-top: 0;
}
.wp-block-knightowl-blocks-list-item.has-item-icon.icon-align-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.wp-block-knightowl-blocks-list-item.has-item-icon.icon-align-bottom::before {
  margin-top: 0;
}
.wp-block-knightowl-blocks-list-item.has-item-icon > .wp-block-knightowl-blocks-list-item__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.wp-block-knightowl-blocks-list-item.has-item-icon > .wp-block-knightowl-blocks-list {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.wp-block-knightowl-blocks-list-item > .wp-block-knightowl-blocks-list {
  margin-top: var(--list-item-gap, 0);
}

.wp-block-knightowl-blocks-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: var(--list-item-gap, 0);
}
.wp-block-knightowl-blocks-list.columns-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: var(--list-column-gap, var(--wp--style--block-gap));
     -moz-column-gap: var(--list-column-gap, var(--wp--style--block-gap));
          column-gap: var(--list-column-gap, var(--wp--style--block-gap));
}
.wp-block-knightowl-blocks-list.columns-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: var(--list-column-gap, var(--wp--style--block-gap));
     -moz-column-gap: var(--list-column-gap, var(--wp--style--block-gap));
          column-gap: var(--list-column-gap, var(--wp--style--block-gap));
}
.wp-block-knightowl-blocks-list.columns-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -webkit-column-gap: var(--list-column-gap, var(--wp--style--block-gap));
     -moz-column-gap: var(--list-column-gap, var(--wp--style--block-gap));
          column-gap: var(--list-column-gap, var(--wp--style--block-gap));
}
@media (max-width: 1023.98px) {
  .wp-block-knightowl-blocks-list {
    row-gap: var(--list-item-gap-tablet, var(--list-item-gap, 0));
  }
  .wp-block-knightowl-blocks-list.columns-tablet-1 {
    grid-template-columns: 1fr;
  }
  .wp-block-knightowl-blocks-list.columns-tablet-2 {
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: var(--list-column-gap-tablet, var(--list-column-gap, var(--wp--style--block-gap)));
       -moz-column-gap: var(--list-column-gap-tablet, var(--list-column-gap, var(--wp--style--block-gap)));
            column-gap: var(--list-column-gap-tablet, var(--list-column-gap, var(--wp--style--block-gap)));
  }
  .wp-block-knightowl-blocks-list.columns-tablet-3 {
    grid-template-columns: repeat(3, 1fr);
    -webkit-column-gap: var(--list-column-gap-tablet, var(--list-column-gap, var(--wp--style--block-gap)));
       -moz-column-gap: var(--list-column-gap-tablet, var(--list-column-gap, var(--wp--style--block-gap)));
            column-gap: var(--list-column-gap-tablet, var(--list-column-gap, var(--wp--style--block-gap)));
  }
  .wp-block-knightowl-blocks-list.columns-tablet-4 {
    grid-template-columns: repeat(4, 1fr);
    -webkit-column-gap: var(--list-column-gap-tablet, var(--list-column-gap, var(--wp--style--block-gap)));
       -moz-column-gap: var(--list-column-gap-tablet, var(--list-column-gap, var(--wp--style--block-gap)));
            column-gap: var(--list-column-gap-tablet, var(--list-column-gap, var(--wp--style--block-gap)));
  }
}
@media (max-width: 781.98px) {
  .wp-block-knightowl-blocks-list {
    row-gap: var(--list-item-gap-mobile, var(--list-item-gap-tablet, var(--list-item-gap, 0)));
  }
  .wp-block-knightowl-blocks-list.columns-mobile-1 {
    grid-template-columns: 1fr;
  }
  .wp-block-knightowl-blocks-list.columns-mobile-2 {
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: var(--list-column-gap-mobile, var(--list-column-gap-tablet, var(--list-column-gap, var(--wp--style--block-gap))));
       -moz-column-gap: var(--list-column-gap-mobile, var(--list-column-gap-tablet, var(--list-column-gap, var(--wp--style--block-gap))));
            column-gap: var(--list-column-gap-mobile, var(--list-column-gap-tablet, var(--list-column-gap, var(--wp--style--block-gap))));
  }
  .wp-block-knightowl-blocks-list.columns-mobile-3 {
    grid-template-columns: repeat(3, 1fr);
    -webkit-column-gap: var(--list-column-gap-mobile, var(--list-column-gap-tablet, var(--list-column-gap, var(--wp--style--block-gap))));
       -moz-column-gap: var(--list-column-gap-mobile, var(--list-column-gap-tablet, var(--list-column-gap, var(--wp--style--block-gap))));
            column-gap: var(--list-column-gap-mobile, var(--list-column-gap-tablet, var(--list-column-gap, var(--wp--style--block-gap))));
  }
  .wp-block-knightowl-blocks-list.columns-mobile-4 {
    grid-template-columns: repeat(4, 1fr);
    -webkit-column-gap: var(--list-column-gap-mobile, var(--list-column-gap-tablet, var(--list-column-gap, var(--wp--style--block-gap))));
       -moz-column-gap: var(--list-column-gap-mobile, var(--list-column-gap-tablet, var(--list-column-gap, var(--wp--style--block-gap))));
            column-gap: var(--list-column-gap-mobile, var(--list-column-gap-tablet, var(--list-column-gap, var(--wp--style--block-gap))));
  }
}

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