.page-transition-pending,
.page-transition-pending body {
    background: #ffffff;
}

.page-transition-pending body > *:not(.page-transition-overlay) {
    visibility: hidden;
}

/* Keep the homepage media laid out for WeChat autoplay while a white cover
   prevents the page from flashing before the enter transition is ready. */
.page-transition-pending body > .content {
    visibility: visible;
}

.page-transition-pending::after {
    content: '';
    position: fixed;
    inset: 0;
    z-index: 999997;
    background: #ffffff;
    pointer-events: none;
}

.page-transition-overlay {
    position: fixed;
    inset: 0;
    z-index: 999998;
    visibility: hidden;
    pointer-events: none;
    overflow: hidden;
}

.page-transition-overlay__panel {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    clip-path: inset(0 0 100% 0);
    will-change: clip-path;
}

.page-transition-overlay__logo {
    display: block;
    width: clamp(72px, 6.5vw, 104px);
    height: auto;
    overflow: visible;
}

.page-transition-overlay__logo-path {
    fill: none;
    stroke: #fdd212;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 8.3px;
}

.page-transition-overlay.is-visible {
    visibility: visible;
}

body.page-transition-entering,
body.page-transition-leaving {
    overflow: hidden;
}