html,body{box-sizing:border-box;height:100%;margin:0;font-family:sans-serif}#app{width:100vw;height:100vh}.vue-flow{--xy-background-color:#f8f8f8}.vue-flow__node-slide{background:0 0;border:none;padding:0}.slide{box-sizing:border-box;color:#111;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:10rem 6rem 6rem 8rem;font-size:4rem;position:relative;overflow:hidden;box-shadow:0 16px 64px 4px #0000000f}.slide h1{margin:0 0 1rem;font-size:8rem}.slide h2{margin:0 0 1rem;font-size:6rem}.slide p{margin:0}.slide code{background:#f0f0f0;border-radius:.3rem;padding:.1em .3em}.slide__controls{justify-content:flex-end;gap:1rem;display:flex;position:absolute;bottom:4rem;right:4rem}.slide__controls button{color:#111;cursor:pointer;background:#fff;border:2px solid #000;border-radius:1rem;padding:1rem 2rem;font-size:4rem}.slide__controls button:hover{background:#f8f8f8}.slide__controls button:active{background:#e0e0e0}