/* Additive navigation veil. All rules are isolated from resting app interfaces. */
#papers-passage{display:none;position:fixed;inset:0;z-index:2147483000;pointer-events:none;isolation:isolate;overflow:hidden;background:transparent;contain:strict}
#papers-passage .fold-leaf{position:absolute;top:0;bottom:0;width:50.02%;background:#000;will-change:transform}
#papers-passage .fold-left{left:0;transform-origin:left center;transform:scaleX(0)}
#papers-passage .fold-right{right:0;transform-origin:right center;transform:scaleX(0)}
#papers-passage .fold-art{position:absolute;inset:0}
#papers-passage .fold-surface{display:block;width:100%;height:100%;overflow:visible}
#papers-passage .fold-crease{position:absolute;left:50%;top:12%;bottom:12%;width:1px;background:linear-gradient(transparent,#fff 28%,#fff 72%,transparent);transform:translateX(-.5px);opacity:0;box-shadow:0 0 8px #fff4}
html[data-papers-arrival] #papers-passage,html[data-papers-leaving] #papers-passage{display:block}
html[data-papers-arrival] #papers-passage .fold-leaf{transform:scaleX(1)}
html[data-papers-arrival] #papers-passage .fold-crease{opacity:.7}
html[data-papers-arrival] body>:not(#papers-passage):not(script){visibility:hidden}
html[data-papers-revealing] body>:not(#papers-passage):not(script){visibility:visible}
#papers-passage.fold-held .fold-crease{animation:fold-breathe 2.4s ease-in-out var(--fold-delay,0ms) infinite alternate}
@keyframes fold-breathe{from{opacity:.7}to{opacity:.5}}
@media(prefers-reduced-motion:reduce){#papers-passage .fold-crease{animation:none!important}}
@media print{#papers-passage{display:none!important}html[data-papers-arrival] body>:not(#papers-passage){visibility:visible}}

html[data-papers-revealing] #papers-passage{background:transparent}
