/* ICANCROCHET - reviews wall: append-only masonry.

   The core wall is a CSS multi-column block. Multi-column re-balances every
   card in the container whenever content is added, so loading more reviews
   moves the existing ones between columns. Taking the cards out of flow stops
   that: a card's position is then decided once, by JavaScript, and never
   revisited.

   The column-count / column-width / column-gap declarations are deliberately
   left alone. Absolutely positioned children are out of flow, so those rules
   no longer affect the cards -- but they stay readable from the computed
   style, which is where the script gets the column count for the current
   breakpoint. The existing breakpoints therefore keep deciding the layout and
   nothing is duplicated here. */

.icr-grid.icrx {
	position: relative;
}

.icr-grid.icrx > .icr-card {
	position: absolute;
	top: 0;
	left: 0;
	/* the gap is handled by the packer, not by margins */
	margin: 0;
}

/* Until the first pass has run, keep the cards from painting stacked on top of
   one another in the top-left corner. The script removes this immediately. */
.icr-grid.icrx-pending > .icr-card {
	visibility: hidden;
}