.page-transition{pointer-events:none;z-index:9999;gap:0;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.page-transition__bar{width:calc(100%/var(--total-columns));will-change:transform;background:#fff;flex-shrink:0;transform:scaleY(0);box-shadow:1px 0 #fff}.page-transition__bar[data-direction=bottom]{transform-origin:bottom}.page-transition__bar[data-direction=top]{transform-origin:top}.page-transition[data-phase=exit] .page-transition__bar{animation:.4s cubic-bezier(.25,.46,.45,.94) forwards growBar;animation-delay:calc(var(--column-index)*5ms)}.page-transition[data-phase=covering] .page-transition__bar{animation:none!important;transform:scaleY(1)!important}.page-transition[data-phase=enter] .page-transition__bar{animation:.4s cubic-bezier(.55,.06,.75,.54) forwards shrinkBar;animation-delay:calc(var(--column-index)*5ms);transform:scaleY(1)}@keyframes growBar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes shrinkBar{0%{transform:scaleY(1)}to{transform:scaleY(0)}}.page-transition__progress{z-index:10001;width:300px;max-width:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.page-transition__progress-bar{background:#000;height:4px;margin-bottom:1rem;transition:width .1s linear}.page-transition__progress-text{font-family:var(--font-press-start-2p),monospace;color:#000;text-align:center;font-size:1.5rem;line-height:1}