.px-imagewall {
  --iw-columns: 6;
  --iw-gap: 20px;
  --iw-tile-color: var(--main-color);
}
.px-imagewall-inner {
  display: grid;
  grid-template-columns: repeat(var(--iw-columns), minmax(0, 1fr));
  gap: var(--iw-gap);
}
@container (width <=960px) {
  .px-imagewall-inner {
    grid-template-columns: repeat(min(var(--iw-columns), 3), minmax(0, 1fr));
  }
}
@container (width <=640px) {
  .px-imagewall-inner {
    grid-template-columns: repeat(min(var(--iw-columns), 2), minmax(0, 1fr));
  }
}
.px-imagewall .image {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.px-imagewall[data-display=icons] .image {
  background: none;
  box-shadow: inset 0 0 0 2px var(--iw-tile-color);
  height: var(--iw-tile-height, 170px);
  padding: 20px;
}
@container (width <=640px) {
  .px-imagewall[data-display=icons] .image {
    --iw-tile-height: 140px;
    padding: 16px;
  }
}
.px-imagewall[data-display=icons] .image img {
  width: auto;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
}
.px-imagewall[data-display=images] .image {
  aspect-ratio: 1;
}
.px-imagewall[data-display=images] .image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fl[data-frame=cibgbox] .px-imagewall,
.fl[data-frame=blackbgbox] .px-imagewall,
.fl[data-background-media=true] .px-imagewall {
  --iw-tile-color: var(--contrastColorInverted);
}
.fl[data-frame=cibgbox] .px-imagewall[data-display=icons] .image img,
.fl[data-frame=blackbgbox] .px-imagewall[data-display=icons] .image img,
.fl[data-background-media=true] .px-imagewall[data-display=icons] .image img {
  filter: brightness(0) invert(1);
}

.fl[data-background-media=true] .px-imagewall[data-display=icons] .image {
  background: rgba(var(--main-color-rgb), 0.5);
}

.fl[data-frame=whitebox] .px-imagewall,
.fl[data-frame=borderbox] .px-imagewall,
.fl[data-frame=lightbgbox] .px-imagewall {
  --iw-tile-color: var(--main-color);
}
.fl[data-frame=whitebox] .px-imagewall[data-display=icons] .image img,
.fl[data-frame=borderbox] .px-imagewall[data-display=icons] .image img,
.fl[data-frame=lightbgbox] .px-imagewall[data-display=icons] .image img {
  filter: none;
}

.fl[data-background-media=true] .fl[data-frame=whitebox] .px-imagewall[data-display=icons] .image,
.fl[data-background-media=true] .fl[data-frame=borderbox] .px-imagewall[data-display=icons] .image,
.fl[data-background-media=true] .fl[data-frame=lightbgbox] .px-imagewall[data-display=icons] .image {
  background: none;
}