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