@media (min-width: 768px) and (prefers-reduced-motion: no-preference) {
  html.wv-split-transition-active,
  body.wv-split-transition-active {
    overflow: hidden;
  }

  .wv-split-transition-stage {
    position: fixed;
    inset: 0;
    z-index: 80;
    pointer-events: none;
  }

  .wv-split-transition-panel {
    position: fixed;
    top: 0;
    left: 0;
    width: 50vw;
    height: 100vh;
    overflow: hidden;
    backface-visibility: hidden;
    contain: layout paint style;
    will-change: transform;
  }

  .wv-split-transition-panel--left {
    isolation: isolate;
  }

  .wv-split-transition-panel--right {
    isolation: isolate;
  }

  .wv-split-transition-panel__item {
    position: absolute;
    inset: 0;
    will-change: transform;
  }

  .wv-split-transition-panel--left .wv-split-transition-panel__item--old {
    z-index: 1;
  }

  .wv-split-transition-panel--left .wv-split-transition-panel__item--new {
    z-index: 2;
  }

  .wv-split-transition-panel--right .wv-split-transition-panel__item--old {
    z-index: 2;
  }

  .wv-split-transition-panel--right .wv-split-transition-panel__item--new {
    z-index: 1;
  }

  .wv-split-transition-clone,
  .wv-split-transition-panel__item > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .wv-transition-buffer {
    position: fixed;
    inset: 0;
    z-index: -1;
    visibility: hidden;
    pointer-events: none;
    overflow: hidden;
  }

  .wv-transition-buffer > #content {
    min-height: 100vh;
  }
}