/* stylelint-disable order/order */
/* stylelint-enable order/order */
/****************
 * Fonts
 ****************/
/****************
 * Paints
 ****************/
/****************
 * Effects
 ****************/
/****************
 * Grid Settings
 ****************/
.block-content {
  margin: 0;
}
.block-content > .is-style-narrow {
  width: calc(var(--columnWidth) * 12 - 0.9375rem);
  max-width: calc(var(--columnMaxWidth) * 12 - 0.9375rem);
  max-width: 100% !important;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 36rem) {
  .block-content > .is-style-narrow {
    width: calc(var(--columnWidth) * 9 - 1.25rem);
    max-width: calc(var(--columnMaxWidth) * 9 - 1.25rem);
  }
}
@media (min-width: 48rem) {
  .block-content > .is-style-narrow {
    width: calc(var(--columnWidth) * 8 - 2rem);
    max-width: calc(var(--columnMaxWidth) * 8 - 2rem);
  }
}
@media (min-width: 62rem) {
  .block-content > .is-style-narrow {
    width: calc(var(--columnWidth) * 7 - 2rem);
    max-width: calc(var(--columnMaxWidth) * 7 - 2rem);
  }
}
@media (min-width: 75rem) {
  .block-content > .is-style-narrow {
    width: calc(var(--columnWidth) * 6 - 2rem);
    max-width: calc(var(--columnMaxWidth) * 6 - 2rem);
  }
}
.block-content > .is-style-full {
  width: calc(var(--columnWidth) * 12 - 0.9375rem);
  max-width: calc(var(--columnMaxWidth) * 12 - 0.9375rem);
  max-width: 100% !important;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 36rem) {
  .block-content > .is-style-full {
    width: calc(var(--columnWidth) * 12 - 1.25rem);
    max-width: calc(var(--columnMaxWidth) * 12 - 1.25rem);
  }
}
@media (min-width: 48rem) {
  .block-content > .is-style-full {
    width: calc(var(--columnWidth) * 12 - 2rem);
    max-width: calc(var(--columnMaxWidth) * 12 - 2rem);
  }
}
.block-content > .is-style-wide {
  width: calc(var(--columnWidth) * 12 - 0.9375rem);
  max-width: calc(var(--columnMaxWidth) * 12 - 0.9375rem);
  max-width: 100% !important;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 36rem) {
  .block-content > .is-style-wide {
    width: calc(var(--columnWidth) * 12 - 1.25rem);
    max-width: calc(var(--columnMaxWidth) * 12 - 1.25rem);
  }
}
@media (min-width: 48rem) {
  .block-content > .is-style-wide {
    width: calc(var(--columnWidth) * 12 - 2rem);
    max-width: calc(var(--columnMaxWidth) * 12 - 2rem);
  }
}
@media (min-width: 62rem) {
  .block-content > .is-style-wide {
    width: calc(var(--columnWidth) * 10 - 2rem);
    max-width: calc(var(--columnMaxWidth) * 10 - 2rem);
  }
}