.yasig {
  display: grid;
  grid-template: auto / repeat(var(--yasig-columns, 1), 1fr);
  gap: var(--yasig-gutter-y, var(--gallery-gutter-y, 0)) var(--yasig-gutter-x, var(--gallery-gutter-x, 0));
}
.yasig[data-yasig-columns="2"] {
  --yasig-columns: 2;
}
.yasig[data-yasig-columns="3"] {
  --yasig-columns: 3;
}
.yasig[data-yasig-columns="4"] {
  --yasig-columns: 4;
}
.yasig[data-yasig-columns="5"] {
  --yasig-columns: 5;
}
.yasig[data-yasig-columns="6"] {
  --yasig-columns: 6;
}
.yasig[data-yasig-columns="7"] {
  --yasig-columns: 7;
}
.yasig[data-yasig-columns="8"] {
  --yasig-columns: 8;
}
.yasig-fit {
  --yasig-fit: contain;
}
.yasig-fill {
  --yasig-fit: cover;
}
.yasig-masonry {
  --yasig-fit: contain;
  grid-template-columns: repeat(var(--yasig-columns, 1), 1fr);
  grid-template-rows: masonry;
  grid-gap: 10px;
}
.yasig-masonry > * {
  align-self: start;
}
.yasig > *,
.yasig a {
  display: flex;
  justify-content: center;
  /*align-items: center;*/
  width: 100%;
}
.yasig img {
  object-fit: var(--yasig-fit, inherit);
}