.kz-switcher {
  display: flex;
  flex-wrap: wrap;
  gap: var(--grid-gutter);
}

.kz-switcher > * {
  flex-grow: 1;
  flex-basis: calc((50rem - 100%) * 999);
}

.kz-switcher > :nth-last-child(n + 3),
.kz-switcher > :nth-last-child(n + 3) ~ * {
  flex-basis: 100%;
}

.kz-switcher[data-switcher-variant='split-view'] > :nth-child(2) {
  display: none;
}
.kz-switcher--split-view-active[data-switcher-variant='split-view']
  > :nth-child(2) {
  display: block;
}