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