.page-edge{z-index:20;pointer-events:none;position:fixed;left:0;right:0}.page-edge[data-edge=top]{top:0}.page-edge[data-edge=bottom]{bottom:0}.page-edge:before,.page-edge:after{content:"";position:absolute;left:0;right:0}.page-edge:before{height:max(5px, env(safe-area-inset-top));background-color:var(--page-edge)}.page-edge[data-edge=bottom]:before{height:max(5px, env(safe-area-inset-bottom))}.page-edge[data-edge=top]:before{top:0}.page-edge[data-edge=bottom]:before{bottom:0}.page-edge:after{height:12px}.page-edge[data-edge=top]:after{top:max(5px, env(safe-area-inset-top));background:linear-gradient(to bottom, var(--page-edge), transparent)}.page-edge[data-edge=bottom]:after{bottom:max(5px, env(safe-area-inset-bottom));background:linear-gradient(to top, var(--page-edge), transparent)}