/* A fine drafting grid closes to the centre, then opens onto the next page. */
.page-transition{position:fixed;inset:0;z-index:2147483646;overflow:hidden;visibility:hidden;pointer-events:none}
.transition-window{position:absolute;inset:-1px;box-sizing:border-box;border:1px solid #b9b9b9;background:transparent;box-shadow:0 0 0 100vmax #f7f7f7;transition:inset 600ms cubic-bezier(.76,0,.24,1);pointer-events:none}
.transition-guide{position:absolute;display:block;background:#b9b9b9;pointer-events:none}
.transition-guide-top,.transition-guide-bottom{left:50%;width:100vw;height:1px;transform:translateX(-50%)}
.transition-guide-top{top:-1px}.transition-guide-bottom{bottom:-1px}
.transition-guide-left,.transition-guide-right{top:50%;width:1px;height:100vh;height:100dvh;transform:translateY(-50%)}
.transition-guide-left{left:-1px}.transition-guide-right{right:-1px}
.transition-cross{position:absolute;width:9px;height:9px;transform:translate(-50%,-50%);pointer-events:none}
.transition-cross::before,.transition-cross::after{content:'';position:absolute;background:#777}
.transition-cross::before{top:4px;left:0;width:9px;height:1px}.transition-cross::after{top:0;left:4px;width:1px;height:9px}
.transition-cross-top-left{top:0;left:0}.transition-cross-top-right{top:0;left:100%}
.transition-cross-bottom-left{top:100%;left:0}.transition-cross-bottom-right{top:100%;left:100%}
html[data-page-transition=closing] .page-transition,html[data-page-transition=arriving] .page-transition,html[data-page-transition=opening] .page-transition{visibility:visible;pointer-events:auto}
html[data-page-transition=closing] .transition-window,html[data-page-transition=arriving] .transition-window{inset:calc(50% - 1px)}
html[data-page-transition=arriving] .transition-window{transition:none}
html[data-page-transition=arriving]::before{content:'';position:fixed;inset:0;z-index:2147483645;background:#f7f7f7;pointer-events:auto}
@media(prefers-reduced-motion:reduce){.page-transition,html[data-page-transition=arriving]::before{display:none!important}.transition-window{transition:none!important}}
