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