/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Special grid system for sidebar.
 */

.sidebar-grid {
  & > .site-main {
    grid-column: 1 / 7;
    align-self: flex-start;

    @media (min-width: 43.75rem) {
      grid-column: 1 / 15;
    }

    @media (min-width: 62.5rem) {
      display: grid;
      grid-template-columns: repeat(8, minmax(0, 1fr));
      grid-column: 3 / 11;

      & > .region--content-above,
      & > .region--content {
        grid-template-columns: repeat(8, minmax(0, 1fr));
        grid-column: 1 / 9;
      }

      & .layout--content-narrow,
      & .layout--pass--content-narrow > *,
      & .layout--content-medium,
      & .layout--pass--content-medium > * {
        grid-column: 1 / 9;
      }
    }
  }

  & .region--sidebar {
    grid-column: 1 / 7;

    @media (min-width: 43.75rem) {
      grid-column: 3 / 13;
    }

    @media (min-width: 62.5rem) {
      grid-column: 12 / 15;
    }
  }
}
