/**
 * Dash grid
 */

@media screen {

  @supports (display: grid) {

    .dash-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr));
      grid-gap: 1rem;
      align-items: start;
    }

    .dash-grid > * {
      margin-top: 0;
    }

    @media (min-width: 40rem) {

      .grid-item-size-l {
        grid-column: span 2;
        grid-row: span 2;
      }

      .grid-item-size-l-wide {
        grid-column: span 2;
      }
    }
  }
}