/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/blocks/list/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.
 */
.wpmozo-bna-list .hexagon {
  width: 100%;
  aspect-ratio: 20/11;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
}

.wpmozo-bna-list .hexagon::before,
.wpmozo-bna-list .hexagon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 0;
  box-sizing: border-box;
}

wpmozo-bna-list-icon {
  outline: 6px solid red;
}

.thisisayush {
  padding: 200px;
}

.wpmozo-bna-list .wpmozo-bna-icon-circle {
  padding: 16px;
  border-radius: 50%;
}

.wpmozo-bna-list .wpmozo-bna-icon-square,
.wpmozo-bna-list .wpmozo-bna-icon-wrapper.shape-hexagon {
  padding: 16px;
  box-sizing: content-box;
}

.wpmozo-bna-list .wpmozo-bna-icon-wrapper.shape-hexagon {
  padding: 16px 0px;
  box-sizing: content-box;
}

.wpmozo-bna-list .wpmozo-bna-icon-shape-border {
  border: 2px solid;
}

.list-item-wrap {
  display: grid;
  grid-template-columns: auto 1fr;
}

.wpmozo-bna-list-layout,
.wpmozo-bna-list-layout .block-editor-block-list__layout {
  display: flex;
  flex-wrap: wrap;
}

.wpmozo-bna-list-layout.wpmozo-bna-list-default,
.wpmozo-bna-list-layout.wpmozo-bna-list-default .block-editor-block-list__layout {
  flex-direction: column;
}

.wpmozo-bna-list-layout.wpmozo-bna-list-inline,
.wpmozo-bna-list-layout.wpmozo-bna-list-inline .block-editor-block-list__layout {
  flex-direction: row;
}

.wpmozo-bna-list .wpmozo-bna-list-layout .wpmozo-bna-list-item {
  margin-bottom: 0;
}

.wpmozo-bna-list-item .list-item-wrap {
  white-space: nowrap;
}

.wpmozo-bna-list .wpmozo-bna-list-icon i {
  font-size: 22px;
  vertical-align: middle;
  display: inline-block;
  text-align: center;
  z-index: 1;
}

.wpmozo-bna-list .wpmozo-bna-list-icon {
  margin-right: 5px;
}

.wpmozo-bna-list .wpmozo-bna-marker-image {
  width: 38px;
  height: auto;
  align-self: center;
  vertical-align: middle;
  margin-right: 5px;
}

.wpmozo-bna-list-layout .wpmozo-bna-list-item-text,
.wpmozo-bna-list-layout .wpmozo-bna-list-link {
  display: inline-flex;
  align-self: center;
  vertical-align: top;
  white-space: initial;
}

.wpmozo-bna-list-layout .wpmozo-bna-list-divider {
  border-color: #d3d3d3;
  border-style: solid;
  border: 0px none;
  grid-column: 1/-1;
}

.wpmozo-bna-list-layout.wpmozo-bna-hide-last-divider .wpmozo-bna-list-item:last-child .wpmozo-bna-list-divider {
  display: none;
}

/** Default Layout **/
.wpmozo-bna-list-default .wpmozo-bna-list-icon {
  display: flex;
  align-items: center;
}

/** Inline Layout **/
.wpmozo-bna-list-inline .wpmozo-bna-list-icon {
  flex: none;
  align-self: center;
}

.wpmozo-bna-list-inline .list-item-wrap {
  display: flex;
}

/** Icon styles **/
/* Square */
.wpmozo-bna-list-layout .el-icon-square {
  padding: 12px;
}

/* circle */
.wpmozo-bna-list-layout .el-icon-circle {
  padding: 12px;
  border-radius: 50%;
}

.wpmozo-bna-list-layout .et-pb-icon-shape-border {
  border: 2px solid;
}

.wpmozo-bna-list-layout .et-pb-icon-shape-border {
  border: 2px solid;
}

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