@charset "utf-8";
@import (optional, reference) "var.less";
@media screen and (min-width: @ceil-xl) {
  :root {
    --_s-screen: xl;
  }
  ._hide-xl {
    display: none;
  }
  ._grid[class*="_xl"] {
    --_share-avg: var(--_group);
  }
  .flex-res(xl);
  ._row:where([class*="_xl"]) {
    flex-wrap: wrap;
    &:is([class*="_avg-"])>*,
    >*:is([class*="_flex"], [class*="_own"]) {
      .gap-row(var(--_group));
    }
    >*:is([class*="_flex"]) {
      flex: none;
    }
  }
  ._col:where([class*="_xl"]) {
    flex-wrap: wrap;
    &:is([class*="_avg-"])>*,
    >*:is([class*="_flex"], [class*="_own-"]) {
      .gap-col(var(--_group));
    }
    >*:is([class*="_flex"]) {
      flex: none;
    }
  }
}
