.paragraph--type--image.paragraph--view-mode--default img {
  width: 100%;
}
.paragraph--type--image.paragraph--view-mode--default:not(.has-grid) {
  margin-left: calc(var(--b14grid-column-width) * 1 + var(--b14grid-gutter-width) * 1);
  margin-right: calc(var(--b14grid-column-width) * 1 + var(--b14grid-gutter-width) * 1);
}
@media (max-width: 850px) {
  .paragraph--type--image.paragraph--view-mode--default:not(.has-grid) {
    margin-left: 0;
    margin-right: 0;
  }
}
@media print {
  .paragraph--type--image.paragraph--view-mode--default:not(.has-grid) {
    margin-right: 0;
    margin-left: 0;
  }
}
.paragraph--type--image.paragraph--view-mode--default.has-grid .image-wrapper {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-columns: 1fr;
  grid-auto-rows: minmax(0, auto);
  grid-auto-flow: row dense;
  grid-gap: var(--b14grid-gutter-width);
}
.span-6.paragraph--type--image.paragraph--view-mode--default.has-grid .image-wrapper > * {
  grid-column: span 12;
  margin-left: calc(var(--b14grid-column-width) * 3 + var(--b14grid-gutter-width) * 3);
  margin-right: calc(var(--b14grid-column-width) * 3 + var(--b14grid-gutter-width) * 3);
}
@media (max-width: 850px) {
  .span-6.paragraph--type--image.paragraph--view-mode--default.has-grid .image-wrapper > * {
    margin-left: calc(var(--b14grid-column-width) * 1 + var(--b14grid-gutter-width) * 1);
    margin-right: calc(var(--b14grid-column-width) * 1 + var(--b14grid-gutter-width) * 1);
  }
}
@media (max-width: 414px) {
  .span-6.paragraph--type--image.paragraph--view-mode--default.has-grid .image-wrapper > * {
    margin-left: 0;
    margin-right: 0;
  }
}

.span-4.paragraph--type--image.paragraph--view-mode--default.has-grid .image-wrapper > * {
  grid-column: span 12;
  margin-left: calc(var(--b14grid-column-width) * 4 + var(--b14grid-gutter-width) * 4);
  margin-right: calc(var(--b14grid-column-width) * 4 + var(--b14grid-gutter-width) * 4);
}
@media (max-width: 850px) {
  .span-4.paragraph--type--image.paragraph--view-mode--default.has-grid .image-wrapper > * {
    margin-left: calc(var(--b14grid-column-width) * 2 + var(--b14grid-gutter-width) * 2);
    margin-right: calc(var(--b14grid-column-width) * 2 + var(--b14grid-gutter-width) * 2);
  }
}
@media (max-width: 414px) {
  .span-4.paragraph--type--image.paragraph--view-mode--default.has-grid .image-wrapper > * {
    margin-left: 0;
    margin-right: 0;
  }
}
/*# sourceMappingURL=../../_maps/components/paragraph/paragraph--image.css.map */