.page{--_transform:translate(0);opacity:0;position:absolute;display:none}.page.active{opacity:1;position:relative;display:inherit;animation:var(--speed4) to-page ease}.page.active.top{--_transform:translateY(-4rem)}.page.active.bottom{--_transform:translateY(4rem)}.page.active.left{--_transform:translate(-4rem)}.page.active.right{--_transform:translate(4rem)}