/* Native CSS: the legacy LESS compiler does not support container queries. */
@container gallery (max-width: 819px) {
  .gallery-format {
    width: 610px;
  }
  .gallery-item:nth-child(7n-2) {
    margin-left: 0;
  }
  .gallery-item:nth-child(5n-1) {
    margin-left: 100px;
  }
  .gallery-item:nth-child(n+4) {
    margin-top: -63px;
  }
}

@container gallery (max-width: 609px) {
  .gallery-format {
    width: 405px;
  }
  .gallery-item:nth-child(5n-1) {
    margin-left: 0;
  }
  .gallery-item:nth-child(3n) {
    margin-left: 100px;
  }
  .gallery-item:nth-child(n+3) {
    margin-top: -63px;
  }
}

@container gallery (max-width: 404px) {
  .gallery-format {
    width: 300px;
  }
  .gallery-item:nth-child(3n) {
    margin-left: 0;
  }
  .gallery-item:nth-child(2n) {
    margin-left: 100px;
  }
  .gallery-item:nth-child(n+2) {
    margin-top: -63px;
  }
}

@container gallery (max-width: 299px) {
  .gallery-format {
    width: 200px;
  }
  .gallery-item:nth-child(n) {
    margin-left: 0;
    margin-top: 0;
  }
}