/**
 * Responsive layout for blocks in the top footer region.
 */

.region--footer_top__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--sp2);
}

.region--footer_top__inner > * {
  min-width: 0;
  margin-block-end: 0;
}

.region--footer_top__inner > *:not(:last-child) {
  margin-inline-end: 0;
}

@media (min-width: 24rem) {
  .region--footer_top__inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 62.5rem) {
  .region--footer_top__inner {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}