/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/icon-list/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************/
/**
 * Frontend styles for Icon List Block
 */
.mr-icon-list {
  --mr-icon-list-gap: 1rem;
  --mr-icon-list-gap-icon-label: 0.5rem;
  --mr-icon-list-align: left;
  --mr-icon-list-divider-width: 1px;
  --mr-icon-list-divider-color: #e0e0e0;
  --mr-icon-list-divider-length: 100%;
  --mr-icon-list-content-color: inherit;
  --mr-icon-list-icon-color: inherit;
  --mr-icon-list-icon-size: 1em;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mr-icon-list__content {
  display: flex;
  flex-direction: var(--mr-icon-list-orientation, column);
  gap: var(--mr-icon-list-gap);
  text-align: var(--mr-icon-list-align);
  flex-wrap: wrap;
}
.mr-icon-list--hide-labels .mr-icon-list-item__content {
  display: none;
}
.mr-icon-list--has-divider .mr-icon-list-item:not(:last-child) {
  position: relative;
  padding-bottom: calc(var(--mr-icon-list-gap) / 2);
  margin-bottom: calc(var(--mr-icon-list-gap) / 2);
}
.mr-icon-list--has-divider .mr-icon-list-item:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: var(--mr-icon-list-divider-length);
  height: var(--mr-icon-list-divider-width);
  background-color: var(--mr-icon-list-divider-color);
}
.mr-icon-list[data-orientation=horizontal] .mr-icon-list__content {
  flex-direction: row;
  flex-wrap: wrap;
}
.mr-icon-list[data-orientation=horizontal][data-has-divider=true] .mr-icon-list-item:not(:last-child) {
  border-bottom: none;
  border-right: var(--mr-icon-list-divider-width, 1px) solid var(--mr-icon-list-divider-color, #e0e0e0);
  padding-right: calc(var(--mr-icon-list-gap, 1rem) / 2);
  margin-right: calc(var(--mr-icon-list-gap, 1rem) / 2);
  padding-bottom: 0;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .mr-icon-list[data-alignment-tablet] {
    text-align: var(--mr-icon-list-align-tablet, var(--mr-icon-list-align));
  }
  .mr-icon-list[data-orientation=horizontal] .mr-icon-list__content {
    flex-direction: column;
  }
}
@media (max-width: 480px) {
  .mr-icon-list[data-alignment-mobile] {
    text-align: var(--mr-icon-list-align-mobile, var(--mr-icon-list-align));
  }
}

.mr-icon-list-item {
  display: flex;
  align-items: flex-start;
  gap: var(--mr-icon-list-gap-icon-label);
  color: var(--mr-icon-list-content-color);
}
.mr-icon-list-item__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mr-icon-list-icon-color);
  font-size: var(--mr-icon-list-icon-size);
  line-height: 1;
}
.mr-icon-list-item__icon i, .mr-icon-list-item__icon svg {
  display: block;
}
.mr-icon-list-item__icon.dashicons {
  font-family: dashicons;
  font-size: var(--mr-icon-list-icon-size);
  width: 1em;
  height: 1em;
}
.mr-icon-list-item__icon.fa, .mr-icon-list-item__icon.fas, .mr-icon-list-item__icon.far, .mr-icon-list-item__icon.fal, .mr-icon-list-item__icon.fab {
  font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 5 Free", "Font Awesome 5 Pro";
}
.mr-icon-list-item__content {
  flex: 1;
  line-height: 1.5;
}
.mr-icon-list-item__content p {
  margin: 0;
}
.mr-icon-list[data-align=center] .mr-icon-list-item {
  justify-content: center;
}
.mr-icon-list[data-align=right] .mr-icon-list-item {
  justify-content: flex-end;
}

@media (prefers-reduced-motion: reduce) {
  .mr-icon-list * {
    transition: none !important;
    animation: none !important;
  }
}
@media print {
  .mr-icon-list--has-divider .mr-icon-list-item:not(:last-child)::after {
    background-color: #000 !important;
  }
}

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