.ripro-article-body img[data-ripro-image-pending] {
  background: var(--ripro-background, var(--ri-secondary-bg, #eceff2));
  background: color-mix(in srgb, var(--ripro-surface, var(--ri-body-bg, #fff)) 85%, hsl(var(--ripro-article-image-hue, 210) 32% 52%));
  aspect-ratio: var(--ripro-article-image-ratio, 4 / 3);
}
.ripro-article-body img[data-ripro-image-pending]:not([src]):not([srcset]) {
  color: transparent;
}
.ripro-article-body img[data-ripro-image-pending]:not([width]) {
  width: 100%;
}
.ripro-article-body noscript[data-ripro-image-fallback]:has(img) + :is(img[data-ripro-image], picture) {
  display: none;
}
.ripro-article-body button[data-ripro-image-trigger] {
  display: inline-block;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: inherit;
  vertical-align: top;
}
.ripro-article-body button[data-ripro-image-trigger]:has(img[data-ripro-image-pending]:not([width])) {
  width: 100%;
}
.ripro-article-body [data-ripro-image-trigger] {
  cursor: pointer;
}
@media (hover: hover) {
  .ripro-article-body [data-ripro-image-trigger]:hover img[data-ripro-image]:not([data-ripro-image-pending]) {
    filter: brightness(1.06);
  }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .ripro-article-body [data-ripro-image-trigger] img[data-ripro-image] {
    transition: filter 140ms ease;
  }
}
.ripro-article-body .ripro-article-gallery {
  --ripro-article-image-gap: 6px;
  --ripro-article-image-columns: 3;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(
    min(100%, max(128px, calc((100% - (var(--ripro-article-image-columns) - 1) * var(--ripro-article-image-gap)) / var(--ripro-article-image-columns)))),
    1fr
  ));
  align-items: start;
  gap: var(--ripro-article-image-gap);
  width: 100%;
  min-width: 0;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  .ripro-article-body .ripro-article-gallery {
    --ripro-article-image-gap: 2px;
    --ripro-article-image-columns: 2;
  }
}
.ripro-article-body .ripro-article-gallery[data-masonry] {
  grid-auto-rows: 1px;
  grid-auto-flow: row dense;
  row-gap: 0;
}
.ripro-article-body .ripro-article-gallery > .ripro-article-tile {
  width: 100% !important;
  max-width: none;
  min-width: 0;
  margin: 0;
  padding: 0;
  grid-row-end: span var(--ripro-article-rows, 1);
}
.ripro-article-body .ripro-article-gallery :is(img[data-ripro-image], button[data-ripro-image-trigger], picture) {
  display: block;
  width: 100%;
}
.ripro-article-body .ripro-article-gallery img[data-ripro-image] {
  width: 100% !important;
  height: auto !important;
  margin: 0;
  float: none;
  border-radius: var(--ripro-radius, 0);
  object-fit: contain;
}
.ripro-article-body .ripro-article-gallery :is(figcaption, .gallery-caption, .wp-caption-text) {
  position: static;
  margin: 4px 0 0;
  padding: 0;
  background: transparent;
  color: var(--ripro-muted, var(--ri-secondary-color));
  font-size: var(--ripro-small-size, .875rem);
  overflow-wrap: anywhere;
}
.ripro-article-body .ripro-article-gallery :is(figure, .gallery-icon) {
  margin: 0;
}
.ripro-article-body .gallery:has(> .ripro-article-gallery) > br {
  display: none;
}
.ripro-article-body .ripro-article-gallery[data-album] {
  position: relative;
  display: block;
}
.ripro-article-body .ripro-article-gallery[data-album] > .ripro-article-tile {
  position: absolute;
  left: var(--ripro-album-left);
  top: var(--ripro-album-top);
  width: var(--ripro-album-width) !important;
  height: var(--ripro-album-height);
}
.ripro-article-body .ripro-article-gallery[data-album] :is(a, button[data-ripro-image-trigger], picture, .gallery-icon) {
  height: 100%;
}
.ripro-article-body .ripro-article-gallery[data-album] img[data-ripro-image] {
  height: 100% !important;
  object-fit: cover;
}