/* zimra-fdms — page transitions. Leaving a page, a sheet feeds up from the bottom and covers it; arriving, the
   sheet feeds down to reveal the new page. The leading edge is the receipt tear, lime. transit.js drives it. */

/* instant cover for a page we arrive on through a transition, so nothing paints before the sheet is built */
html.transit-in::before{content:"";position:fixed;inset:0;z-index:998;background:var(--bg)}
html.transit-in{overflow:hidden}

.tr{position:fixed;inset:-1px 0 0;z-index:999;pointer-events:none;will-change:transform}
.tr i{position:absolute;inset:0;display:block}
.tr-edge{background:#c6ff3d}
.tr-paper{background:var(--bg)}
/* the glow is a gradient band riding above the edge; cheaper than a filter on a full-screen layer */
.tr-glow{inset:auto 0 100% 0;height:110px;background:linear-gradient(to top,rgba(198,255,61,.42),rgba(198,255,61,.1) 40%,transparent)}
@media (prefers-reduced-motion:reduce){.tr{display:none}}