.oc__block.oc__block__side-navigation-layout {
  display: flex;
  flex-direction: column;
  align-items: center;

  padding: var(--oc--spacing--20) var(--oc--spacing--10);
  gap: var(--oc--spacing--15);
}

@media (min-width: 1280px) {
  .oc__block.oc__block__side-navigation-layout {
    flex-direction: row;
    align-items: unset;
    justify-content: center;
    gap: var(--oc--spacing--30);
  }
}

.oc__block.oc__block__side-navigation-layout--mobile-navigation-hidden
.oc__block__child-navigation {
  display: none;
}

.oc__block.oc__block__side-navigation-layout--has-sticky-navigation
.oc__block__child-navigation {
  position: sticky;
  top: var(--oc--spacing--10);
  z-index: 20;
}

@media (min-width: 1280px) {
  .oc__block.oc__block__side-navigation-layout
  .oc__block__child-navigation {
    display: block;
    height: max-content;
  }
}

.oc__block.oc__block__side-navigation-layout
.oc__block__copy-layout {
  max-width: 680px;
}