.psdk-grid-filter-1 {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: calc(2 * 0.5rem);
  row-gap: calc(2 * 0.5rem);
  align-items: start;
}

.psdk-grid-filter-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: calc(2 * 0.5rem);
  row-gap: calc(2 * 0.5rem);
  align-items: start;
}

.psdk-grid-filter-wide-narrow {
  display: grid;
  grid-template-columns: 7fr 3fr;
  column-gap: calc(2 * 0.5rem);
  row-gap: calc(2 * 0.5rem);
  align-items: start;
}

.psdk-grid-filter-narrow-wide {
  display: grid;
  grid-template-columns: 3fr 7fr;
  column-gap: calc(2 * 0.5rem);
  row-gap: calc(2 * 0.5rem);
  align-items: start;
}