/*
 * Full width Splits
 *  Assuming Markup:
 *  .content-grid
 *      .brxe-container.full-width-split
 *          .block
 *          .block
 */
.full-width-split {
  --split-ratio: 1/2;
  --split-ratio-start: content-start;
  --split-ratio-end: full;
  grid-template-columns: calc((var(--content-width) * (var(--split-ratio))) - (var(--grid-gap)  * (var(--split-ratio)))) minmax(0, 1fr);
  grid-column: var(--split-ratio-start)/var(--split-ratio-end);
}
.full-width-split--1-2 {
  --split-ratio: 1/3;
}
.full-width-split--1-3 {
  --split-ratio: 1/4;
}
.full-width-split--reverse {
  --split-ratio-start: full-start;
  --split-ratio-end: content;
  grid-template-columns: minmax(0, 1fr) calc((var(--content-width) * (var(--split-ratio))) - (var(--grid-gap)  * (var(--split-ratio))));
}
.full-width-split--reverse > *:last-child {
  order: -1;
}