.ias-grid {
  display: flex;
  flex-flow: row wrap;

  > .ias-tile {
    flex: none;
    margin-right: $tile-margin;
    margin-bottom: $tile-margin;
  }

  &.ias-stacked {
    align-items: flex-start;
    flex-flow: column nowrap;

    > .ias-tile {
      margin: 0;

      &:not(:last-child) {
        margin-bottom: $tile-margin;
      }
    }
  }
}

[dir="rtl"] {
  .ias-grid {
    > .ias-tile {
      margin-left: $tile-margin;
      margin-right: 0;
    }
  }
}