@layer cgc.mdx.widgets{.game-of-life{--game-of-life-paper: var(--light);--game-of-life-grid: var(--lightgray);--game-of-life-live: var(--dark);position:relative;display:flex;justify-content:center;align-items:center;margin:1rem 0;padding:.5rem;background-color:var(--lightgray);border-radius:8px;overflow:hidden}.game-of-life__reset{position:absolute;top:.5rem;left:.5rem;z-index:1;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:2px solid var(--lightgray);border-radius:4px;background-color:var(--light);color:var(--darkgray);font-size:16px;cursor:pointer;opacity:.7;transition:opacity .2s ease}.game-of-life__reset:hover{opacity:1}.game-of-life__reset:active{opacity:.5}.game-of-life__canvas{display:block;border:1px solid var(--gray);cursor:crosshair}}