.page-transition { position: fixed; inset: 0; width: 100vw; z-index: 10001; background: #34742f; transform: translateX(-100%); pointer-events: none; }
.page-transition.is-active { pointer-events: auto; }
.page-transition-underlay { position: fixed; inset: 0; width: 100vw; z-index: 9999; background: #fff; pointer-events: none; }
html.is-route-arrival::before { content: ""; position: fixed; inset: 0; width: 100vw; z-index: 10002; background: #34742f; }
html.is-route-arrival:not(.is-loading) body > :not(.page-transition) { visibility: hidden; }
.is-route-arrival .page-loader { background: #34742f; }
.is-route-arrival .page-loader__animation, .is-route-arrival .page-loader__credit { visibility: hidden; }